一些有趣的 CSS 選擇器
本篇大綱：本篇要解決的問題。selection 文字反白樣式。first-letter 每段的第一個字。marker li 「點」的樣式。target 被選擇的錨點、id。focus-within input 影響 form。:placeholder-shown。
css
用 CSS :target 製作頁籤、手風琴功能
本篇大綱：本篇要解決的問題。頁籤 Tab。手風琴 Collapse。本篇算是對 :target 選擇器的小練習，是真的可以不用寫 JavaScript 就做出頁籤、手風琴這二個功能。
Vue CLI 安裝 Tailwind CSS
本篇大綱：本篇要解決的問題。安裝 Tailwind CSS -none、minimal、full。postcss.config.js。Google 了一下後，在 npm 上發現有一個套件可以直接安裝，而且容易上手，就整理成這篇。
用Firebase、Google Apps Script、GTM自己做一個讚按鈕
用Firebase、Google Apps Script、GTM自己做一個讚按鈕 本篇大綱：為什麼要自己開發一個按鈕、按鈕樣式部份、按鈕功能部份、判斷使用者語系、在google apps script上寫API、cookies、發Google Analytics事件、埋程式碼html、css、js、結論
用純css寫的網頁預覽效果
覺得可以用在歷年回顧或是頁面預覽的區塊上使用，就自己寫了一個。預設div的寬高就用width/padding的css特性直接做一個正方形處理。而捲動的效果直接用background-position來處理。結合以上2點，實際上會寫到的css沒幾行，如下…
Google Material Design 表單標籤效果
自從Google設計了Material Desgin後，除了按鈕的漣漪效果讓人驚豔外，表單label跟input的結合方試也跟著讓很多人「致敬」。最近想用Netflix追劇，在註冊的時候，就發現他們的表單就是用了一樣的效果，想想Google的設計連Netflix都在用了，看來是個好設計，就決定自己來寫一個。