許多網站後台的內容編輯區會採用「一條工具列和一大塊輸入框，要什麼就自己做。」的功能，通常會用 CKEditor 作為所見即所得線上內容編輯器(online WYSIWYG HTML editors)。好用的線上編輯器其實不只 CKEditor ，還有另一套 TinyMCE 也不錯，只要套件夠多、操作穩定、還有在維護、從 IE8 到 Edge 都支援、可以直接點兩下重複編輯現有內容，可與圖片上傳套件結合，滿足上述幾點，就是一... 繼續閱讀⇢
分類: 網頁設計
網頁分享到 Facebook，摘要跟圖片顯示得異常，為什麼呢? 因為沒設定相關資訊啊！
[數位時代 – 2015年 Web 100 台灣熱門網站100 強完整榜單
這年頭網站的訪客不一定都從搜尋引擎來，Facebook 或一些社群網站也會導入流量，網站自己也都會放一些分享到 FB 之類的按鈕，就跟以前的網站都有「設為首頁』跟「加入我的最愛」一樣。
這裡有兩篇 FB 訊息牆上顯示的新聞，如果你是新北市的居民，可能會點哪... 繼續閱讀⇢
從前從前，人們習慣將軟體、工具、檔案都放在自己的電腦，姑且稱為單機作業時代。後來由於時代進展，一個人有公務電腦、私人電腦、手機、平板……如果必須在這些裝置處理同一件事，那同一個軟體得購買好幾次嗎? 同一個檔案得放在這麼多地方嗎? 還有軟體非得綁那個笨重又難看的硬體，可以在自己的平板或 mac 上運行嗎?
於是有廠商開始發行所謂的雲端版工具程式，雲端版工具通常有兩大特色，第一是跨平台，... 繼續閱讀⇢
自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing，各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版，因為這又是一個收費的大好機會。腳步比較遲緩的企業，也在老闆發現自己家的網站用手機打不開，而競爭對手的網站在手機上很好用，而開始提出需求將自家的網站做行動版的優化。
讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多，響應式... 繼續閱讀⇢
近幾年很流行在網頁專案導入一個叫 Twitter Bootstrap 的前端 framework，例如網站的管理後台，網頁系統的後台，新創網站，甚至一些預算不低的網站前台，也是套 Bootstrap ( 簡稱 BS )的預設樣式，或是套上某個 Bootstrap 的免費樣式，就端出來給大家用，讓那些慢慢手工刻網頁的勞工覺得自己好像智障。
導入 Framework 的意義何在? 就是 Write less, do more.
Bootst... 繼續閱讀⇢每隔一陣子就會聽到有人問 :
「我想做網頁設計，人力銀行很多徵才條件都註明要會 Flash，那我應該要去學嗎 ?」
Flash 在前幾年的確風光一時，比如說七八十年次小時候都看過的阿貴、詰譙龍、小小系列動畫；還有各種活動網站、小遊戲、課本附的多媒體光碟教材、網頁廣告，2advanced 風格的全 Flash 網站，甚至是網路詐騙彈出廣告，處處可見 Flash 的蹤跡。
Flash 優點挺多的，說對設計師而言，可以用滑鼠直覺... 繼續閱讀⇢
這篇不講 coding 技巧，不講用 SASS 要怎麼寫，不講 Bootstrap 要怎麼用，不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。
看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck
本簡報適合瀏覽對象:
– 覺得行動版網頁只是把網頁縮小而已，沒什麼的人
– 為了學 RWD 還花錢跑去上課的人
– 不知道... 繼續閱讀⇢
一、Web Fonts(雲端字型技術)
客人說她的網頁上要用娃娃體，除了做成圖片，還有其他選擇嗎?
為了確保使用者在不同瀏覽環境也能看到同樣的字體，一般只能使用系統內建字體，如 Windows 系統的正黑體、細明體、標楷體。如有特殊需求，最穩定的方法通常只能做成圖片或 Flash，但除了網頁載入的負荷與日後維護的成本，也降低了網頁內容被搜尋引擎索引的程度，而且當圖片在高解析裝置上，或是需要放大時，上面的字也模... 繼續閱讀⇢