PageSpeed 100 分又怎樣？全綠也可能在 SEO 排名輸給慢網站 2020/04/06 完整解析 PageSpeed Insights、Lighthouse 與 Core Web Vitals 的評分差異，說明實驗室跑分和真實使用者資料為什麼會互相打架。從 FCP、Speed Index、LCP、TBT、CLS、INP 到 TTFB，逐項介紹 render-blocking CSS、長時間占用主執行緒、未使用的 JavaScript、圖片傳送效能、字型載入、快取生命週期、第三方腳本與伺服器回應時間等常見 audit，並提供 Web Font、preconnect、preload、lazy loading、content-visibility、Web Worker、WebP 與自架主機的實作範例及反向優化翻車案例。本文也會討論 PageSpeed 100 分、Coew Web Vitals 全綠與 SEO 排名之間並非直接因果，協助網站經營者找出真正的效能瓶頸，而不是看到紅字就盲目修改。... 繼續閱讀 網頁設計#cloudflare#google#js#pagespeed#RWD#SEO#webfont
CKFinder 3 .Net 版本安裝失敗小筆記 2019/09/23 CKFinder 檔案管理器的 PHP 版本於 2015 年釋出版本號 3 的大改版，.NET 版本比較遲，於2016年12月才釋出(CKFinder 3.3 for ASP.NET Released)，如今過了兩年多到 3.5.1，地雷應該都清光了吧？畢竟 CKFinder 2 已經不再更新了，在觸控裝置上也很難用，來自己摸索安裝看看 CKFinder 3。CKFinder 是最低品質 costdown web 程式開發重要的一環，開發人員不需要自己用 PHP 或 ASP.NET 的伺服器端語法讀取目錄和檔案清單、建立目錄、多... 繼續閱讀 網頁設計軟體產品體驗#CKEditor#ckfinder
Electron 實戰：讓 Mac 玩開心水族箱不用再每次按允許 Flash 2019/02/02 使用 Electron 框架將開心水族箱 Facebook Flash 遊戲打包成桌面 App 以繞過瀏覽器 Flash 封鎖的嘗試：說明 Electron 架構（Node.js + Chromium）、踩到的坑（jQuery 衝突、防毒軟體誤判），但 Electron 內的 Chromium 同樣移除了 Flash 支援。... 繼續閱讀 吃喝玩樂生活交通網頁設計#facebook#flash#js
避免網頁文字資料被複製 2017/08/21 整理一些網頁防止複製的技術：包含JS 停用右鍵選單、CSS user-select:none、oncopy 事件攔截，最後這些防護如何在瀏覽器內建的工具面前輕易被繞過的破解說明。... 繼續閱讀 網頁設計#js
RWD 網站常見錯誤：畫面縮小不等於手機也能用 2015/05/09 整理響應式網頁設計常見失誤：斷點綁定裝置型號、固定寬高、錯用 orientation、文字放大後內容被裁切、手機鍵盤遮住表單、只替觸控或滑鼠其中一種操作方式設計，以及圖片、表格、長文字與瀏覽器相容性造成的橫向捲動。並補充 Container Query、Grid、Flexbox、inputmode、hover、pointer 與跨瀏覽器測試等現代 RWD 實務。... 繼續閱讀 使用者介面網頁設計視覺設計#bootstrap#css#html#HTML5#jquery#js#lazyload#RWD#淘寶
現在做網頁設計還要學 Flash 嗎? 2015/01/18 每隔一陣子就會聽到有人問 :「我想做網頁設計，人力銀行很多徵才條件都註明要會 Flash，那我應該要去學嗎 ?」Flash 在前幾年的確風光一時，比如說七八十年次小時候都看過的阿貴、詰譙龍、小小系列動畫；還有各種活動網站、小遊戲、課本附的多媒體光碟教材、網頁廣告，2advanced 風格的全 Flash 網站，甚至是網路詐騙彈出廣告，處處可見 Flash 的蹤跡。Flash 優點挺多的，說對設計師而言，可以用滑鼠直覺的拖拉，所見即所得，動畫製... 繼續閱讀 網頁設計軟體產品體驗#animate#e-learning#flash#hack#HTML5#js#RWD
