2021/01/22

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",就可以了,方便好用!但還是建議大家,盡量不要做這麼無聊的事情好嗎😅


Read More

2021/01/05

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



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

===== START =====
Read More

2021/01/04

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在使用上是真的蠻簡單好用的,如果網站需求不大,可以考慮使用看看!~



Read More

2020/11/15

Amazfaces不能用怎辦?用AmazTools來救火 | 教學



更新:
前陣子GTR2也開始可以下載錶面了!但不少人也是反應無法使用Amazfaces更換錶面,經許多網右測試後,也是先靠AmazTools來換就可以了。

===============

前陣子看到FB廣告,華米GTR1 47mm不鏽鋼推出雙十一超殺優惠特價,雖然我連T-REX心得都還沒寫,就這樣萌生賣掉T-REX換GTR的心情...🤣,原本是很想要換GTR2,但是第三方錶面一直都無法支援,所以一直等等等,看到GTR1這$2995的價格,買了!明年再換GTR2吧~

Read More

2020/08/31

最新版 讓MAMP支援SSI的方法及注意事項 | 教學


最近接手一個案子,同事使用到SSI也就是include file的方式,必須在本機架設Server才可以使用,在MAC上設Server最簡單的方案是是MAMP,真的好用很簡單操作,免費版就很夠使用,安裝後才發現,MAMP預設include功能是關閉的,上網搜尋一下MAMP SSI,差點被自己笑死,出現的教學文 讓MAMP支援SSI的方法 居然是我寫的🤣,還真的完全沒印象了~~~

Read More

2020/08/12

用Automator做一個蝦皮的蝦蝦樂園自動澆水外掛 | 教學


雖然我沒有在玩蝦皮的蝦蝦樂園,但豬大人很常發澆水需求過來,想說有沒有什麼方式可以幫他澆好水,之前有看到高手寫外掛,但蝦皮改了程式後就不能用了,這時就是要搬出連我也是第一次使用但是很多老MAC用戶覺得方便的Automator!


 
不過說外掛其實也不算是,Automator他是一個MAC內建的自動化程式,簡單說就是錄制好動作後他可以幫你重覆執行,試了一下後果然可以,於是來分享一下嚕!

ㄝ~對了,別問我Windows怎辦,我不知道🤣

在一開始要記得先做好一些準備
  1. 先複製蝦皮的澆水連結
  2. 將Safari拉到Dock上並打開Safari
開始嚕~

Step 1.  打開Automator

從Finder內打開你的應用程式就可以找到,這內建的



Step 2. 選擇文件類型為「應用程式」後新增

如果選其它的會無法正常使用


Step 3. 開始錄製



錄製時有幾個要注意的點:
1. 要從Dock上的Safari右鍵選「新增私密視窗」來開啟新視窗
2. 接著用「Command+V」的方式將網址貼上後「Enter」開啟網頁
3. 打開後就照原本的一樣澆水
4. 澆完水後也別忘了關掉視窗(當前的私密視窗而不是Safari)
5. 完成後別忘了停止錄影
6. 錄製時不要做多餘的動作,能越順暢越好,以免浪費時間





Step 4. 測試

錄完後試跑一次試試看是否有正常看到Safari開啟、澆水跟關閉


Step 5. 複製

由於最多可以五次場外澆水,我們只要在Automator內把剛剛錄好的動作複製貼上直到他有五個

Step 6. 存檔

看你要放那裡都可以

Step 7. 完成

對,就是這麼簡單,以後只要先把網址Copy起來後再執行你儲存的動作,就會自動幫你澆好水啦!~

要注意一下的是直接點選儲存的會因為安全性問題被擋下,所以先開啟Automator再打開你的動作,建議直接從Dockg上的Automator右鍵選單點選比較方便



🙋‍♂️補充說明下,由於Chrome本身的限制,所以無法使用Chrome或新版Eage來做自動化的。

希望能夠幫到各位需要澆水或需要幫忙澆水的!~

Read More

2020/07/22

親人過世後 需要注意那些數位資產


這份草稿放在文件夾內好久了,最近終於把他整理好了。

2019/07/05
我爸就這麼突然的離開了

雖然已經過了一段時間,但在老爸離開了後才發現,有一堆東西都沒跟我提過,當下真的是一團混亂,家裡也花了一段時間整理,想說順便把一些需要注意的東西寫下,希望能夠幫助到有需要的人,而這篇是以數位資產,也就是一堆有的沒的帳密或是電腦3C相關的

Read More