css

反反廣告插件簡易實現以及詭詐關

2018/12/01

反反廣告插件? 是的,標題沒有打錯。 IT man的寫法應該加個括號,反(反廣告插件)。 昨天提到了廣告,多年以前對廣告很感興趣,看過好些部經典的寫廣告書籍,如《影響力》、《百萬美元信》等,前幾個月到美帝一遊,看到路邊的招牌,也感覺是個廣告之國。 廣告對市場經濟高速發展起到了一定的作用。不過任何事物都一體兩麵,互聯網的高速發展也令瀏覽時經常遇到大量的低俗廣告,故此反廣告插件也應運而生。 …

歐盟cookie法律簡易應對以及患難關

2018/11/30

昨天在Hugo w3 simple模板裏用簡單的代碼實現了基於歐盟cookie法律的瀏覽條提示。 這個cookie law已經存在好幾年了,具體解釋google第一條結果就有一個網站cookielaw.org 其網站是英文的,簡單翻譯來說: […] Cookie法是一項隱私立法,要求網站獲得訪問者的同意,以便在計算機,智能手機或平板電腦上存儲或檢索任何信息。此項法令賦予用戶知情及拒絕 …

共享條自適應設計以及冷熱關

2018/11/24

之前寫個一個小帖子來介紹怎麼做左側共享條,我設計這個Hugo模板也采用了同樣的設計。 前兩天有一位國際友人在github上open了一個issue,說是需要修改一下這個共享條的自適應。因為我當時很簡單的處理了一下,當屏幕寬度小於1024px時,自動取消固定在左側的屬性,就放在屏幕下方。那長的就是這個樣子的。 如果用手機瀏覽,倒也無所謂,但如果用ipad之類的瀏覽,這個共享按鈕就太大了。 我 …

滑屏進度條實現以及誇揚關

2018/11/23

經過一個網站,看到滑屏的時候有個進度條提示,似乎挺有效果。記得w3school曾經講過這個。 稍加修改,做在我這個模板裏麵。 […] 先設置css .progress-container { display:none; position: fixed; top: 0; z-index: 1; width: 100%; background-color: #f1f1f1; width: …