嘗試徹底解決 Line、FB 手機 APP 無法正確開啟網頁的困境
前幾年曾寫過「 用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webView)的方法 」，除了解釋 "什麼是內建瀏覽器"、"為何 APP 要用 webView"、"內建瀏覽器會產生什麼問題...
繼續閱讀全文使用 JS 追蹤訪客﹍裝置指紋辨識原理 + 實用工具介紹
現在消費者已越來越能接受線上付費觀看影音服務，例如官方提供的職業運動直播(NBA、MLB 等)，以及各種追劇平台(Netflix、Line TV、愛奇藝等)。而消費者總是希望花錢的效益最大化，如果買一個帳號能在三台裝置收看，則可能找三個人合資分攤費用。 站在影音平台的立場，技術...
繼續閱讀全文網頁出現看不見的特殊字元或方框時，該如何處理？
有時我們會在網頁上看到亂碼，或是一堆方框，代表那些字元因為系統沒有對應的字型，或是字型不含這些編碼，所以無法顯示出來。 這次遇到的案例很特別，手機上會看到無法顯示字元的 "方框符號"，網頁版卻看不到，以下來看看如何找出原因及解決。 (圖片出處: pix...
繼續閱讀全文用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webView)的方法
前陣子的一個專案，客戶反應很多使用者用手機操作時，網頁會有錯誤導致無法註冊。但我手機實測的結果又沒有發生任何問題，於是請客戶提供使用者的操作環境，例如 Android 或 iOS 系統，瀏覽器版本等等。 結果都不是這些原因，最後才發現是因為使用者在 Line 上面開啟網站連結...
繼續閱讀全文Emoji 表情符號輸入小幫手 (書籤工具)
前陣子有讀者留言時使用 Unicode 表情符號，覺得效果還不錯，語意看起來活潑許多，因此決定動手做個表情符號的輸入工具。 其實這類的留言輔助工具，在網路上已經可以找到一些，而寫部落格的初期，也曾思考過是否安裝這類的外掛。但這畢竟算是使用率較低的工具，如果為了花俏的功能而拖慢...
繼續閱讀全文網頁使用程式碼高亮的最佳作法及推薦外掛
提供程式碼分享的網站，為了讓版面視覺效果美觀，通常會安裝「程式碼高亮」這樣的外掛。而帶來的影響是，網站的外掛裝越多也會影響網頁載入時間，尤其是沒有展示程式碼的文章頁面，也必須執行這個沒有必要載入的「程式碼高亮」外掛。 如果能夠需要展示程式碼時，才執行「程式碼高亮」外掛，相信會...
繼續閱讀全文網頁圖片該怎麼處理, 顯示效果會比較清楚？
最近有讀者遇到一個狀況，網站使用的圖片都是 640px 寬，但在 Blogger 的文章區塊扣掉 padding 等等的數值後，可顯示寬度為 590px 左右。當圖片從 640px 縮小到 590px 的情況下，圖中某些文字因為變小而顯得比較不清楚(或是說效果比較差)。因此，希望...
繼續閱讀全文部落格行動版的首頁設計﹍欣賞這 9 個網站的版面效果
雖然 WFU 已經幫不少 Blogger 平台的站長做過行動版，不過自己的行動版網頁卻是一直沒有好好進行規劃，原因跟網站性質有關，讀者多半會在網頁版閱讀程式碼及操作，且 WFU BLOG 的行動裝置訪客大約只有 10% 左右，所以改造行動版這件事遲遲沒有排進待辦事項。 不過像...
繼續閱讀全文聖誕音樂點唱機﹍部落格應景外掛
首先感謝 +Mark X 製作的「 聖誕節佈置懶人包 」，每年節慶期間都可從倉庫中取出，重新在網站上裝飾一番。這組套件包含了網頁背景、雪花效果、滑鼠游標、以及最重要的主體──音樂點唱盒。 原版本包含了貓咪、小朋友、及水晶聖誕音樂，由於今年想要變換一下音樂，於是徵求了 Mar...
繼續閱讀全文不用語法及後製, Picasa (G+相簿) 圖片立刻變成黑白(灰階)效果
想要在網頁上呈現黑白(灰階)圖片效果，最簡單的方法就是利用影像軟體後製，操作熟練的話很快就能完成。不過，若是網頁有很多圖片、或是不定時需要灰階效果的話怎麼辦？重新上傳也是麻煩，這時如果能透過語法，只針對需要灰階的圖片進行處理，算是最方便的解決辦法。 CSS3 / HTML5 ...
繼續閱讀全文[教學]將 Blogger「標籤」小工具放在導覽列實作
![[教學]將 Blogger「標籤」小工具放在導覽列實作](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTIbCUw80NLOawW5RK3j9sPp7JlGnMDpAS-rqG5HWrrbq-mLcJ6AGW7emFv2WTPUIrqT4qfbjTPHvJFlPojWQL_LOZXbWiG3MucUP2vjvYx7A0VE0H7mU_cwUDc83tv8rJEj-Vnrw2ga-G/s1600/label-pagelist.jpg)
(Pic from: Office Worker ) 之前在「 +Shu-Yuan Tien ── Office Worker 」看到標籤出現在導覽列覺得挺神奇的，研究了一陣後發現可以在後台先把導覽列用滑鼠拖曳到網頁最上方，接著再把「標籤」小工具拖曳到導覽列，那麼網站所有的...
繼續閱讀全文[小工具]Blogger 熱門文章＋任意尺寸縮圖__兼談圖示製作技巧
![[小工具]Blogger 熱門文章＋任意尺寸縮圖__兼談圖示製作技巧](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSUtQxNKKILaABpTrnxFBdpIRHYnu_Oad4O_jsbzAC-pr6JV0prkrtagZ8BtMjXNeDK2oR-lVbAPRomzMm6hsPzWwzNTczNFCJGaa4aNb4_NcGFdb9pI9DCjV3vl3vu7EF_AGSx_Gjmy5q/s1600/popular-post.jpg)
(Pic from: psdgraphics.com , dreamstime.com ) 2016.8.15 公告： 已推出 V2 版本，請前往這篇「 Blogger 熱門文章 V2﹍卡片式縮圖 + 自適應尺寸 」。 Blogger 內建的熱門文章小工具，附帶了一個美觀的...
繼續閱讀全文
