HTML5 - 要改的地方太多了，那就改天吧

網頁設計奧步? 讓 Google 圖片搜尋把日本搞笑藝人變成東大教授

2024-05-15

前陣子大地震時有個趣味新聞，又是 Google 圖片搜尋在鬧事，值得我們這種基層工作人員引以為戒。事件始末大致是劉寶傑在某天的《關鍵時刻》節目討論地震話題時，引用日本地震學者、東京大學名譽教授笠原順三的一些版塊說法。結果節目畫面上，笠原順三的配圖放的是日本綜藝節目知名主持人有吉弘行的頭像照片，有在看日綜的網友馬上就看出不對勁，分享到網路上，遂成為笑話一則。不只一些新聞媒體記者把那個社群貼文發成新聞，連...

繼續閱讀

科技新聞解析網頁設計

#china #google #HTML5 #SEO

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

2024-02-10

2024 年 1 月底 2 月初，蘋果的空間運算設備 Apple Vision Pro 終於媒體解禁與美國開賣，這個禮拜的社群到處都是戴著滑雪鏡般外型的機體，徜徉虛擬實境世界的短影片。目前已經知道很重要的 3 點: 現階段還沒有中文輸入法，而且下載 app 需要準備美區的 Apple 帳號。有些系統 UI 介面只有停止的時候才會顯示，沒辦法邊走邊用，視窗會「留在原地」，需要用手捏著視窗才能把視窗帶著走，但走動的時候，捏著的視窗會變半透明的，移...

繼續閱讀

使用者介面網頁設計視覺設計

#apple #css #css3 #HTML5 #ios #RWD #UI

初探 WebAuthn UAF 的無密碼 Passwordless 登入技術

2022-10-20

前陣子看到幾個國際科技大公司不約而同都在發 passwordless 無密碼登入的新聞，登入不用記密碼，聽起來很酷炫，再多加搜尋都會找到 FIDO, WebAuthn 之類的技術名詞，讓人想到那個行動自然人憑證(TW FIDO)，註冊就有點麻煩，要用自然人憑證和讀卡機插電腦，然後每次在電腦上登入時還要多拿一支手機來刷臉，在手機上登入要跨應用程式跳轉來跳轉去，手機有時候卡一下就逾時的那個東西嗎? 稍微摸了一下發現別有洞天，而 TW FIDO 只是...

繼續閱讀

科技新聞解析網頁設計軟體產品體驗

#api #HTML5 #js

網頁無障礙網頁規範對於上稿人員的要求相當多

2019-11-03

不只聽過一次中小企業問說「要另外請一個人來維護網頁嗎？」維護網站最基本的技能就是美感，以及各種數位資訊的知識、工具的操作。還有數位內容的產出，例如無中生有變出行銷方案、文案發想、商品/人像攝影、影片拍攝/剪輯/後製？理解所有單位要放的內容? 甚至排解伺服器運作問題？在長官跟外包廠商中間當夾心餅？長官出一張嘴最簡單了嘛。反正基層實作人員就是該死。維護網頁已經不簡單了，要維護一個符合台灣政府無障礙網頁...

繼續閱讀

文書小幫手網頁設計視覺設計

#css #editor #HTML5 #Https

用搜尋引擎模擬工具看出網頁為什麼無法被索引

2017-01-28

爭取搜尋引擎排名相當深奧，常見的業界需求是…網頁的原始碼裡面根本沒有那個字詞，卻想要在有人搜尋那個詞兒的時候，讓網站顯示在搜尋引擎的第一頁。先討論一個迷思「把內容做成圖片不利SEO」這年頭明明很多購物商城、搜尋引擎都有「以圖搜圖」，或是有「選出以下有花的圖片」的 captcha 驗證碼系統啊? 電腦不是已經很聰明了嗎? 為什麼要說「把內容做成圖片不利SEO」，而不讓人把網頁上的產品介紹文案整個變成娃娃體或某些書法...

繼續閱讀

網頁設計軟體產品體驗

#HTML5 #jquery #SEO

用 iZooto 讓您的網站像 APP 一樣發通知

2017-01-08

2023/3 更新: iPhone/iPad 終於也在 2023 年 3 月的 iOS16.4 支援網頁推播通知了在 2022 年 WWDC 的時候，曾在News from WWDC22: WebKit Features in Safari 16 Beta 說 Web Push for iOS and iPadOS in 2023.，引起軒然大波。到了 2023 年 3 月底，iOS16.4 正式版全球推送更新，這個功能終於來到大家眼前，不過還是沒有大家想的這麼方便。 1.使用者必須要點選瀏覽器的分享按鈕，選擇「加到主畫面」， 2.然後從桌面的 icon 重新...

繼續閱讀

科技新聞解析網頁設計軟體產品體驗

#app #china #google #HTML5 #Web #微信小程序 #行銷

播放吧! 網頁上的影片

2015-11-28

近期遇到一個需求，客戶的行業會有自己的影片內容，想把影片放在自己的伺服器，在自己的網站上播放，而不是放在 Youtube 等線上影音服務平台，考察其他同性質的競爭業者，發現在網頁上播放自己的影片，這件事並不單純… 上面有一個 ppt，如果看不到 ppt 請點播放吧! 網頁上的影片 // Speaker Deck。內容摘要: 第一部 : 我的上古時代 1.步驟1:把影片傳到伺服器，用早期的影片播放語法… 2.步驟2:電腦需要安裝各種 Player 才能看網...

繼續閱讀

網頁設計

#CKEditor #flash #HTML5

用語意標籤與結構化資料 microdata，讓搜尋引擎更了解網頁的內容

2015-07-16

搜尋引擎優化(SEO)，從古到今一直是門黑魔法，到處流傳一些密技，但魔法兩個字，一橫，一豎，站著的才是對的。西元 2015年了都已經過一半了，有沒有一些新時代的黑魔法，可以讓搜尋引擎更了解網頁的內容呢? 有! 一個是 HTML 語意標籤規範與大綱化，另一個則是資料結構化。架個網站就可以在家等著收錢，搜尋引擎隨便找都在第一頁的時代已經過去了，還得擊敗一些內容農場、大平台，網頁才有機會在搜尋引擎中被看到。身為一個近代的...

繼續閱讀

大中華市場數位行銷科技科技新聞解析網頁設計

#baidu #Bing #china #google #HTML5 #microdata #schema.org #SEO #yahoo

在 Windows 建立各種瀏覽器測試環境

2015-06-13

從前從前，人們習慣將軟體、工具、檔案都放在自己的電腦，姑且稱為單機作業時代。後來由於時代進展，一個人有公務電腦、私人電腦、手機、平板……如果必須在這些裝置處理同一件事，那同一個軟體得購買好幾次嗎? 同一個檔案得放在這麼多地方嗎? 還有軟體非得綁那個笨重又難看的硬體，可以在自己的平板或 mac 上運行嗎? 於是有廠商開始發行所謂的雲端版工具程式，雲端版工具通常有兩大特色，第一是跨平台，不用擔心使用的裝置是 Mac, ...

繼續閱讀

網頁設計軟體產品體驗

#android #emulator #HTML5 #iOS+simulator #mac #RWD #vmware #遠端調試

易犯的 RWD 網站製作失誤

2015-05-09

自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing，各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版，因為這又是一個收費的大好機會。腳步比較遲緩的企業，也在老闆發現自己家的網站用手機打不開，而競爭對手的網站在手機上很好用，而開始提出需求將自家的網站做行動版的優化。讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多，響應式網頁設計(RWD, Responsive we...

繼續閱讀

使用者介面網頁設計視覺設計

#bootstrap #css #html #HTML5 #jquery #js #lazyload #RWD #淘寶

目前正在瀏覽文章標籤：HTML5

網頁設計奧步? 讓 Google 圖片搜尋把日本搞笑藝人變成東大教授

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

初探 WebAuthn UAF 的無密碼 Passwordless 登入技術

網頁無障礙網頁規範對於上稿人員的要求相當多

用搜尋引擎模擬工具看出網頁為什麼無法被索引

用 iZooto 讓您的網站像 APP 一樣發通知

播放吧! 網頁上的影片

用語意標籤與結構化資料 microdata，讓搜尋引擎更了解網頁的內容

在 Windows 建立各種瀏覽器測試環境

易犯的 RWD 網站製作失誤

全站文章標籤:

目前正在瀏覽文章標籤：HTML5

網頁設計奧步? 讓 Google 圖片搜尋把日本搞笑藝人變成東大教授

Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開

初探 WebAuthn UAF 的無密碼 Passwordless 登入技術

網頁無障礙網頁規範對於上稿人員的要求相當多

用搜尋引擎模擬工具 看出網頁為什麼無法被索引

用 iZooto 讓您的網站像 APP 一樣發通知

播放吧! 網頁上的影片

用語意標籤與結構化資料 microdata，讓搜尋引擎更了解網頁的內容

在 Windows 建立各種瀏覽器測試環境

易犯的 RWD 網站製作失誤

全站文章標籤:

用搜尋引擎模擬工具看出網頁為什麼無法被索引