Bootstrap 3 & 4 速查表(cheat sheet)﹍中英文版整理

jQuery 這套框架(framework)的誕生,是為了讓工程師寫更少的 Javascript、做更多事。同樣的,Bootstrap 的誕生,可以讓前端工程師處理版面 CSS 時節省許多時間,能專注在更重要的主題上。 Bootstrap 把網頁設計常用的元件,例如按鈕、表單...

繼續閱讀全文

Blogger 側邊欄自製分頁(Tab)小工具﹍Bootstrap 應用

多年前曾寫過「 Blogger 側邊欄簡易分頁功能 」系列文章,當時做的 Tab 分頁樣式比較簡單,沒有使用任何外掛,效果算是堪用。 從當年的版面樣式也可看到歲月的痕跡,頁簽形狀用 CSS 刻得很辛苦,還有瀏覽器相容度問題。現在網頁技術太進步,有各種處理 CSS 版面的框架(...

繼續閱讀全文

WFU BLOG 使用 RWD 範本改版紀錄(2017)﹍更友善的使用者體驗

最近一兩年協助架站多是以 RWD 為主,但自己的網站卻是一直使用 Blogger 官方「頂尖企業」模版,我想原因大概是這樣: 不喜歡直接用別人做好的現成範本,因為會有太多自己想改的地方。 但 RWD 是大工程,自己改要花很多時間。 本站是「Blogger 調校資料庫」,所...

繼續閱讀全文

讓 Blogger 留言注意事項能隨留言框移動,訪客才能真正看到

這大概是寫部落格長久以來,覺得很無奈、沒辦法解決的一件事了。為了讓訪客留言時完整描述狀況、不重複犯錯、或避免詢問同樣問題,我們可能會制訂一些注意事項。 其實大部分還是讀者會仔細閱讀規定再留言,但有些讀者不一定會看到規定、或是常常目光直接相中留言框就留言,導致站長們需要常常回覆...

繼續閱讀全文

安裝這個 Chrome 外掛就能分析網站數據、優化版面配置,但很多數字你必須知道如何正確解讀﹍Page Analytics

Page Analytics 是一個知名的 Chrome 外掛,它會從 Google Analytics(以下簡稱 GA) 讀取你的網站數據,直接在網頁上顯示各處連結的點擊成效。根據這些數據,就能很方便地評估網站的版面配置是否需要優化。 很久以前安裝過這個外掛,但當時覺得不是...

繼續閱讀全文

讓 Blogger 網站可以向訂閱者發佈通知﹍OneSignal 網頁推播訊息外掛

也許你曾逛過某些網站,瀏覽器會自動彈出這樣的訊息: 如果按「允許」的話,那麼日後這個網站有新文章,或是有公告訊息,瀏覽器就會傳送訊息給你。 這是 HTML5 的網頁推播技術,在 RSS、Email 訂閱式微的今天,對於站長們是很便利的一項福音,讀者只要打開瀏覽器,就能...

繼續閱讀全文

Adsense 回應式(RWD)廣告雖然版面美觀,可惜收益少很多

最近將網站改為 RWD 版型後,因為文章區塊在不同裝置的寬度都不一樣,無法再使用以前的廣告尺寸,因此藉機會把部分廣告單元改成自適應廣告。 使用回應式的廣告,並搭配 CSS 設定後,可以讓廣告完全跟區塊寬度吻合,版面看起來美觀多了。 而用了幾天後,查看 Adsense 報表...

繼續閱讀全文
TOP