Visual Studio Code 網頁勞工常見擴充套件紀錄 2017/08/20 忘記從何時開始，突然感覺網路社群上常常有人在討論 Visual Studio Code (簡稱 VS Code) ，一開始以為是 Visual Studio 的什麼新功能，後來才知道是微軟出的開源程式碼編輯器。距離本部落格第一篇的文章 Sublime Text 網頁勞工常用擴充套件，已經過了三年多了，我近幾年都是用 Sublime Text 的，中途雖然因為一些原因有偷吃 Atom, Brackets…後來還是沒有轉換過去。其實一開始是先在上班的地方開始用 VS Code，因為公司的程式都是 A... 繼續閱讀 網頁設計軟體產品體驗#editor
9 個小工具查出網站用的主機、程式語言、架站工具、字型 2017/05/29 「我要知道這網站是用什麼寫的?」就像問 Nusret Gökçe 說他的鹽是哪裡買的一樣，網站用什麼程式語言寫的，跟網站系統的洞多不多、好不好用，其實幾乎沒什麼關聯。不管多好的系統或架構，常常還是敗在人員的技術，還有經營的思維、時程、投入的金錢、管理能力上面。雖然是個偽需求，但是既然有需求，那就要有 solution，於是介紹幾個工具讓人查出網站所用的主機、程式語言、字型。Buildwith這是一個線上的工具，把網站網址丟進去，... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#cloudflare#server
中文 Web Font 踩雷記事本 2017/05/24 網頁使用 Web Font (雲端字型) 看似能解決以下問題，– 工程師不用再跟設計師解釋，為什麼網頁上的字型跟設計稿長的不一樣?– 解決客戶需求「這邊可以用比較活潑的字體嗎?」– 讓 Windows 的網頁文字不再只是黑體/明體/標楷體套餐?– 讓跨瀏覽器都能顯示相同字型?– 網頁編輯人員不用再把特別的字型都做成圖片?– 讓文字可以有好看的字體，同時也可以被選取、複製、翻譯、向量縮放、被搜尋引擎索引。– 用其他亞洲語系的系統字型來顯示黑... 繼續閱讀 網頁設計軟體產品體驗#webfont
什麼! 寫 CSS 也要編譯? 2017/05/21 畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的，所以得找一些輕鬆的法子，有時候遇到只會寫 CSS 的人辛苦的寫樣式，但用一下新工具其實可以做得更輕鬆，但又很難三言兩語說明新工具的好，於是整理了這份資料。學 SASS/SCSS/LESS/STYLUS之前，要先學 CSS 嗎?當然要哇! 本質上還是 CSS，最後編譯出來的檔案還是 CSS，只是在過程中多了一些東西讓你更方便的寫 CSS。跟這類似的問題:學 HTML5 之前要先學 HTML4 嗎?看哈利波特 7... 繼續閱讀 網頁設計軟體產品體驗#css#css3
正版平台，一定會有我要看的東西? 2017/05/14 為保護版權方的權益以及配合各界維權聲浪！ 但因為網友提供內容控管不易，所以這平台將不再繼續營運。 請勿惋惜！謝謝各界體諒！ 現今正版平台崛起，肯定是要支持正版。 懇請各位支持底下列出的正版平台，一定會有您要看的東西。酷播 kubo123 死了，上面是他留下的遺言。身為一個網頁美工設計工程師，在社會上能對這件事有什麼幫助呢? 於是決定來做一個找影片的小玩具，目標是輸入片名，就能找到這部片在哪個網站或 APP 有播... 繼續閱讀 吃喝玩樂生活交通網頁設計軟體產品體驗#video
讓網頁上的 Flash 不要被 Chrome 擋得屍骨無存(更新:2021/1/12後讓Flash可以繼續播放的方法) 2017/05/12 2021/1/12 更新: Flash 正式死亡2021 年，是一個 Mac 上的 Safari，還有 Windows 上的 Firefox ，都已經沒辦法硬是允許執行的 Flash 的年代。1/12號，照常用 Windows 的 Google Chrome (版本 87.0.4280.141) 打開有 Flash 的網頁，照慣例按下允許，卻發現不管怎麼按，永遠只能看到這精美的圖案用 IE11 也是一樣，或是只有灰灰的一塊「此外掛程式不支援」「已不再支援 Adobe Flash Player」，電腦竟然再也看不到 Flash 了 !想到 Ado... 繼續閱讀 數位行銷科技文書小幫手科技新聞解析網頁設計軟體產品體驗#flash
還在用正則式驗證 Email 欄位資料是否正確嗎? 2017/04/02 不管是會員註冊，還是線上購物、活動登錄，只要目標客群會用 email 的，在線上表單請使用者留 Email 是很稀鬆平常的一件事，但常會發現這種 email @gmail.com.tw @hotmail.com.tw @gamli.ocm 123@gmail.com一般比較初階的前端 Email 欄位驗證，要嘛只有驗證是否為空，不管輸入什麼。要嘛就是驗證格式是否合法，讓合法的 email 格式得到 true，通常使用 is.js ，或是用正則式驗證(regex patterns)，如跟 Google 大神求來的範例... 繼續閱讀 使用者介面網頁設計軟體產品體驗#email#form
用 Google Cloud Storage 免費放靜態網頁 2017/03/14 最近 Google Cloud Next ’17 大拜拜中宣布了一個好消息，Google Cloud Platform 的免費試用期延長到 1 年了！而且 Always Free Usage Limits 的服務項目也變多了！大家都很興奮，就連匪區的開發者都這樣介紹 Google 亚洲机房就在中国，彰化县！哥自小接受最後一屆國立編譯館課本的薰陶，大陸地理讀得比台灣地理還熟，不在鍵盤上跟別人爭這個，我們只要記住先總統 蔣公的遺訓，莊敬自強處變不驚，期待將來能夠反攻大陸，打倒萬惡... 繼續閱讀 科技新聞解析網頁設計軟體產品體驗#free#google
外部發信服務踩雷記 2017/02/27 江湖在走，Cost down 要有，Cost down 的能量，決定於服務的 limits 與 quotas 。有件麻煩事一直造成困擾，就是寄信這回事。這其實又是在解決別的團隊 N 年前就解決的問題。競爭力其實是很複雜的一件事，有些產品的價格很有競爭力，是因為該給員工的沒有給；有些產品的價格很有競爭力，是因為在看不到的地方讓大家省錢花時間。開發客製化系統，除了要解決「套版」「Open Source」工具無法解決的問題，也得跟上市面上各種「大平台」... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#email#gmail#webmail
用搜尋引擎模擬工具 看出網頁為什麼無法被索引 2017/01/28 爭取搜尋引擎排名相當深奧，常見的業界需求是…網頁的原始碼裡面根本沒有那個字詞，卻想要在有人搜尋那個詞兒的時候，讓網站顯示在搜尋引擎的第一頁。先討論一個迷思「把內容做成圖片不利SEO」這年頭明明很多購物商城、搜尋引擎都有「以圖搜圖」，或是有「選出以下有花的圖片」的 captcha 驗證碼系統啊? 電腦不是已經很聰明了嗎? 為什麼要說「把內容做成圖片不利SEO」，而不讓人把網頁上的產品介紹文案整個變成娃娃體或某些書法體?... 繼續閱讀 網頁設計軟體產品體驗#HTML5#jquery#SEO