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

稍微摸了一下發現... 繼續閱讀⇢

不只聽過一次中小企業問說「要另外請一個人來維護網頁嗎?」維護網站最基本的技能就是美感,以及各種數位資訊的知識、工具的操作。還有數位內容的產出,例如無中生有變出行銷方案、文案發想、商品/人像攝影、影片拍攝/剪輯/後製?甚至排解伺服器運作問題?出一張嘴最簡單了嘛。實作人員就是該死。

所以維護網頁已經不簡單了,要維護一個符合台灣NCC無障礙網頁規範的網站,要求的東西就更多了!本文概略講解流程,跟記錄一些常... 繼續閱讀⇢

爭取搜尋引擎排名相當深奧,常見的業界需求是…網頁的原始碼裡面根本沒有那個字詞,卻想要在有人搜尋那個詞兒的時候,讓網站顯示在搜尋引擎的第一頁。

先討論一個迷思「把內容做成圖片不利SEO」

這年頭明明很多購物商城、搜尋引擎都有「以圖搜圖」,或是有「選出以下有花的圖片」的 captcha 驗證碼系統啊? 電腦不是已經很聰明了嗎? 為什麼要說「把內容做成圖片不利SEO」,而不讓人把網頁上的產品介紹文案整個... 繼續閱讀⇢

像 Facebook, Youtube 有新消息時,在手機或電腦右下角跑出通知,而且他們甚至不是 APP,也不是需要安裝的應用程式,只是一般的網站而已,他們究竟是怎麼做到的? 看看本文的基本介紹。

這幾年 HTML5 喊得滿天價響,就連外行人都會問說:「你這網頁是用 HTML5 做的嗎?」,剛剛講的事情”推播通知”,就用到了兩個 HTML5 的 API :

一、HTML5 – 通知(Notification... 繼續閱讀⇢

近期遇到一個需求,客戶的行業會有自己的影片內容,想把影片放在自己的伺服器,在自己的網站上播放,而不是放在 Youtube 等線上影音服務平台,考察其他同性質的競爭業者,發現在網頁上播放自己的影片,這件事並不單純…


上面有一個 ppt,如果看不到 ppt 請點播放吧! 網頁上的影片 // Speaker Deck。

內容摘要:

第一部 : 我的上古時代
1.步驟1:把影片傳到伺服器,用早期的影片播放語法…
2.步驟2:... 繼續閱讀⇢

搜尋引擎優化(SEO),從古到今一直是門黑魔法,到處流傳一些密技,但魔法兩個字,一橫,一豎,站著的才是對的。西元 2015年了都已經過一半了,有沒有一些新時代的黑魔法,可以讓搜尋引擎更了解網頁的內容呢? 有! 一個是 HTML 語意標籤規範與大綱化,另一個則是資料結構化。

架個網站就可以在家等著收錢,搜尋引擎隨便找都在第一頁的時代已經過去了,還得擊敗一些內容農場、大平台,網頁才有機會在搜尋引擎中被看到。身為一... 繼續閱讀⇢

從前從前,人們習慣將軟體、工具、檔案都放在自己的電腦,姑且稱為單機作業時代。後來由於時代進展,一個人有公務電腦、私人電腦、手機、平板……如果必須在這些裝置處理同一件事,那同一個軟體得購買好幾次嗎? 同一個檔案得放在這麼多地方嗎? 還有軟體非得綁那個笨重又難看的硬體,可以在自己的平板或 mac 上運行嗎?

於是有廠商開始發行所謂的雲端版工具程式,雲端版工具通常有兩大特色,第一是跨平台,... 繼續閱讀⇢

自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing,各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版,因為這又是一個收費的大好機會。腳步比較遲緩的企業,也在老闆發現自己家的網站用手機打不開,而競爭對手的網站在手機上很好用,而開始提出需求將自家的網站做行動版的優化。

讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多,響應式... 繼續閱讀⇢

每隔一陣子就會聽到有人問 :
「我想做網頁設計,人力銀行很多徵才條件都註明要會 Flash,那我應該要去學嗎 ?」

Flash 在前幾年的確風光一時,比如說七八十年次小時候都看過的阿貴、詰譙龍、小小系列動畫;還有各種活動網站、小遊戲、課本附的多媒體光碟教材、網頁廣告,2advanced 風格的全 Flash 網站,甚至是網路詐騙彈出廣告,處處可見 Flash 的蹤跡。

Flash 優點挺多的,說對設計師而言,可以用滑鼠直覺... 繼續閱讀⇢

這篇不講 coding 技巧,不講用 SASS 要怎麼寫,不講 Bootstrap 要怎麼用,不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。


看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck

本簡報適合瀏覽對象:
– 覺得行動版網頁只是把網頁縮小而已,沒什麼的人
– 為了學 RWD 還花錢跑去上課的人
– 不知道... 繼續閱讀⇢