reset你的reset.css...unreset.css | 前端

好饒口的標題呀🤣

reset.css是一個網頁常用的CSS重置方式，他把標準的HTML TAG所自帶的屬性全部拔掉，減輕了不少設計師的痛苦，這一用也不知道多少年了，真的是一個很棒的方法！

這兩天在討論區看到一個有趣的問題，有人在問怎樣只有網頁的某一部份拔掉reset.css的效果，讓他還原到初始狀態，也就是reset原本的reset.css😂，原本想到最土法鍊鋼的做法，就是自己用<style>...</style>把基本樣式寫回來，後來看到，阿呀，原來有人做好了💡，也就是今天要分享的unreset.css！

unreset.css是由Binary Stash所寫好的，原理很簡單，把需要還原的部份多包一層後給他加上class="unreset"，就可以了，方便好用！但還是建議大家，盡量不要做這麼無聊的事情好嗎😅

華米Amazfit T-Rex C/P值超高的運動款智慧手錶 | 開箱

先說，非業配🤣，這是一個親自使用一段時間的心得系列，與剛上市時候一堆真廣告假開箱相比，這是一個真實的長時間體驗，用更清楚的優缺點列表方式來讓有興趣入手的人有更多參考，有想問的問題也可以直接在下方留言！～

＝＝＝＝＝ START ＝＝＝＝＝

Feather 羽量級Icon Font | 前端

 

最近工作上學到一些小東西覺得還蠻實用的，又怕之後忘記，所以老樣子，寫起來XDDD

這次介紹的是Feather，他一套羽量級級的Icon Font，比起主流的fontawesome來說，精簡了許多，只有留下兩百多個較常用的Icon

使用方式也蠻簡單的，雖然官網寫的有點多，但大概就是分三步驟

STEP 1. 安裝  

看是安裝或是使用CDN方式都可，我是使用CDN，官方提供兩個，擇一即可～

<script src="https://unpkg.com/feather-icons"></script>

<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>

STEP 2. 加上JS 

以下這段要記得貼

<script> feather.replace()</script> 

STEP 3. 選Icon

ICON的預設HTML格式為

<i data-feather="circle"></i>

只要將circle替換成要使用的Icon名就可以

Icon在首頁就有完整列表可以使用，不過設計有點怪，點到名字都變下載SVG，有點不方便XD

Feather在使用上是真的蠻簡單好用的，如果網站需求不大，可以考慮使用看看！～