CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建相片編輯功能，但在當年可以說非常強大，無…
網站工具
閱讀全文CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
Site Kit by Google 官方 WordPress 外掛開放下載，常用站長工具整合網站
去年底 Google 提出 Site Kit 外掛的想法，經歷將近一年的開發和測試，在十月底終於宣布讓所有 WordPress 站長免費下載！Site Kit by Google 是相當令人興奮和…
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是…
URLVoid 從超過 30 個檢測引擎檢查網頁安全，避免誤入詐欺或惡意連結
想知道瀏覽的網站安全與否，各家掃描引擎都有自己的黑名單，最有名的就屬 Google Safe Browsing，而這份名單除了 Google 搜尋會使用，也提供給 Google Chrome …
Disable Comments 完整停用 WordPress 留言和引用相關功能
自架站的朋友一定知道 WordPress 本身內建留言功能，預設情況下在建立網站後就能開放和訪客互動，搭配上 Akismet 阻擋垃圾留言外掛可擋掉大部分垃圾留言（SPAM…
Bloggi 一個簡單的免費網誌，專注於寫作不用煩惱架站技術問題
這幾年不斷有人提出「部落格已死」的說法，但事實上真是如此嗎？十年間網路變化比想像中快上許多，各種社群媒體佔領使用者每日的生活版面，我們也開始習慣從 Fa…
FlatGA 簡化 Google Analytics 分析介面，讓流量報表更易讀
Google Analytics（Google 分析）是一個由 Google 提供的網站流量統計服務，也是當前網路上被使用最廣泛的分析工具，相信有在經營網站的朋友一定不陌生，Google…
MailtoUI 強化 Email 連結，點選後可選擇在 Gmail、Outlook 或複製地址
在網頁裡如果要放入 Email 鏈結，就必須在超連結加上 mailto: 語法，事實上不建議在網站裡直接顯示電子郵件地址，一來有可能變成垃圾郵件（SPAM）寄送的目…
FasterChrome 提升瀏覽網頁速度，點選連結前預先載入頁面（Chrome 擴充功能）
還記得之前介紹過讓網頁載入更即時、只需要加入一段程式碼的 instant.page 嗎？這是一個相當有趣的站長工具，利用一小段原始碼就能讓瀏覽者有速度變快的錯覺，…
The End of Cookie Banners 同意讓網站使用 Cookie？美觀又好用的提示工具可免費加入網站
很多網站在需要用到 Cookie 時都會跳出提示訊息，詢問使用者是否同意讓網站取用資料，這在歐盟個資法 GDPR 上路後幾乎已經變成基本配備，大家需要按的就是我同…