[教學]Facebook 讚按鈕﹍四種安裝方式深入剖析
![[教學]Facebook 讚按鈕﹍四種安裝方式深入剖析](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Wzm1ETC02vwQvJS4xmPZ5Aq59eipz_NOucfO79lYYnIqWrBhZK5s3MJsgsW-C9iqK9sgC8Di3UuC7sAMuvrLvC85x3oad6CjFe7Mn38-Wg6GHS2uotrpSXIdDwKzMYbINmLf1zonAgxw/s1600/fb-like-button-4-installation.jpg)
Facebook 與 Google 這樣的網路龍頭有著共同特色，不斷嘗試、修正錯誤，功能持續更新，因此產品的說明文件很難多年保持不變。讚按鈕(like button)經過多年的演化，已經跟當初不太一樣。雖只是約 38x20 像素的區塊，他的安裝方式、設定選項與應用方式，其實多得超...
繼續閱讀全文讓網頁根據訪客語言設定, 自動轉換簡繁文字 (切換按鈕升級版)
上一個版本「 相容各大瀏覽器的全網頁簡繁快速轉換語法__更新版 」FB 留言 Herman Tsao 詢問「 能做成依瀏覽器語言做自動轉換嗎? 」，其實偵測訪客的瀏覽器語言設定是做得到的，我們應該有這樣的經驗，某些安裝 Google 翻譯的網站，能得知我們的預設語言，在畫面上自動...
繼續閱讀全文[教學]減少網頁 reflow(回流) 的 CSS 實作技巧﹍優化網站效能(3)
![[教學]減少網頁 reflow(回流) 的 CSS 實作技巧﹍優化網站效能(3)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirXWJJu3DTGEPracZla3uat7_e2KdC715WMD_dUFeZqanwItr41lor48cYutZguMqsNs92ON0ZyGh6HkpPAyJedSSn4FiAYJmOMIiI10RAtUr324OgD1rvc8gpae5TGPDZOdLw8g-OahDD/s1600/avoid-reflow-add-image-size-value.jpg)
在增進網頁效能的執行事項之中，減少瀏覽器回流(reflow)是重要的一環。然而 reflow 這個名詞不常見、且翻譯也不易理解，不如稱之為「瀏覽器重新佈局」、或「網頁區塊重新安排」會來得白話一些。而為何要減少 reflow？因為它會 造成 CPU 無謂的重複運算，消耗瀏覽器效能及...
繼續閱讀全文讓 Blogger 過長的文章自動產生數字分頁﹍系列文加強版
上一個版本「 讓 Blogger 自動顯示系列文章 」留言 #5 WHY 詢問「有時文章過長，想幫文章變更為好幾頁 ( 寫好幾篇 )，能否讓【 自動顯示系列文章 】的顯示結果不出現標題，而出現數字」。基本上「文章分頁」算是常見的功能，當文章內容較長，分頁功能可以讓讀者稍微喘口氣。...
繼續閱讀全文[教學]將範本中的 HTML/Javascript/CSS 最佳化處理﹍優化網站效能(2)
![[教學]將範本中的 HTML/Javascript/CSS 最佳化處理﹍優化網站效能(2)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YeX4Eeairatgevp-unCp1yz3LCZogfXhswqSndqyOYk13A484GtSgeTL6h7CQOs9GyOL05atYstsniitA1SE7beLoQFeKAG-SKKM_X8jvHVfH4k_ZCchmvloZuX2VeJWJJm5STEWupli/s1600/htm-css-js.jpg)
過去寫了不少篇屬於優化網站效能的基礎知識，如果都曾讀過、打好基礎後，那麼現在可以開始挑戰實作演練了。本篇以 Blogger 範本為例，說明如何整理程式碼、讓範本最佳化，也就是能夠減少體積、執行有效率，同時又易於維護。 不過動手之前，最好先確認對 html/js/css 有基本...
繼續閱讀全文
