【Bootstrap】客製化Bootstrap隨手記

要客製化Bootstrap,可以去官方下載Sass的檔案,更改後再轉譯成css。

路徑在官網首頁的Download,進去後選擇Source files去下載。下載回來解壓縮後,Sass的檔案都在scss資料夾裡。一般來說大多只要調整_variables.scss這個檔案就可以了。

【軟體】關閉Chrome的廣告追蹤

當你到購物平台瀏覽過一些商品,之後會發現瀏覽其它網站時若有廣告欄位,出現的都是你之前瀏覽過同性質的商品。大家有發現這種情況嗎?

廣告追蹤的技術有點類似在使用者瀏覽網頁時,在背後收集用戶資訊,以方便下一次更準確的投放廣告。

其實這樣非常太妥當,瀏覽過的歷程...算是個人隱私,若這資訊被特定人士把一些資訊埋藏在你經常瀏覽的網站裡來默默洗腦呢?

【Sass】Sass隨手記

轉譯工具

Sass就是能讓CSS更靈活運用的一種語法,但因瀏覽器皆無法直接編譯Sass語法,所以需要去轉譯。目前我是採用scout-app這套免費的轉譯App。

【CSS】::before 和 ::after

基本上::before 和 ::aftere功能就是插入指定的內容,只是看插入在前面或後面(應該可以這麼理解吧?)。

例如下面這個Html:
<div class="test1">綠色執政,小英好棒棒</div>
我加入了以下的CSS~

【CSS】:nth-child(n) 選取器

:nth-child(odd) 與 :nth-child(even)

:前面放標籤,odd是單數,even是偶數,例如使用在表格。


tr:nth-child(odd){
  background-color:#336699;
}


這樣會讓所有單數列有底色(1、3、5...列)。old換成even則變成偶數列有底色。

【硬體】Hinet光世代接ASUS RT-AC66U+經驗分享



農曆年前為了幫家中的網路升級,增購了一台ASUS RT-AC66U+。想體驗一下5Ghz的速度(當然舊款的RT-N18U也順利出清)。沒想到換了比較高規的機種後,笨璧開始反應說Wifi經常斷線很不穩 😱

【敗家】賽璐璐鏡框拋光歷程

之前在林口三井OWNDAYS配了一支賽璐璐鏡框。因為偏愛日本製的框,還挑了比較貴的「千一作」系列。沒做功課的結果搞到鏡框霧化、刮傷嚴重。原來賽璐璐鏡框不能碰到髮蠟、酒精那些溶劑,否則容易霧化。倒是店員怎麼沒有配鏡時提醒顧客?(有點不滿)

從下圖可以看出鏡框整個都是刮傷,右上角還有比較深的傷痕。