標籤: css

HTML的錨點(anchor link)，只要在標籤中加入屬性id=a，再用連結href=#a 即可用連結的方式跳到頁面上的指定位置 但這效果是畫面直接閃到位置，若要平滑捲動，則需要額外使用jquery或其他javascript的方式達成

Web Font的font-face在舊有存在的FOIT（Flash of Invisible Text）問題，會在字型檔讀取完畢前，畫面呈現一片空白的狀況，甚至有些老舊瀏覽器及未更新webview in app的手機端，空白後就直接停掉了，畫面上永遠不會有字的狀況。

運用CSS generated contnet 在 body 之後產生一些不會顯示的內容, 利用這個功能載入所需的圖檔 不用任何javascripts或外掛的巧秒技巧 body:after { content: url(img01.jpg) url(img02.jpg)

鎖瀏覽器右鍵 這種防君子不防小人的東西到底還有什麼用呢 沒用 網頁這種東西，基本上只要看的到，代表拿的到， 百分之百保護的方法到底有沒有，我也還在找XDDD 在找到理想的網頁加密方案前，還是加減用一下... 今天就介紹支援度比較高的防複製鎖右鍵的簡單語法...

想達到全螢幕的背景圖 並且還要隨著視窗的大小跟著縮放～ 可以利用CSS來達成 而不同瀏覽器支援也有差別 以下範例為CSS2及CSS3的寫法 兩個摻在一起是不是更相容呢？其實我也不知道XD 所以僅供參考 使用語法： CSS2適用瀏覽器：Firefox 3.6+、Chrome 8+、IE

平時還是最習慣使用噗浪 因為時間河道的概念沒有被搞爛掉 看那精美的facebook，永遠不讓你依時間順序看， 總是一直改規則，付費的廣告商才能排前面～ 本末倒置了資訊流的概念... 2014.06噗浪改版後已失效 當初覺得噗浪是靠啥收入，原來一直在燒錢， 一直到前兩年才開始放廣告，不知效益好不好

Noto Sans 思源黑體 Source Han Sans 是由 Google 和 Adobe 在 2015 年 6 月 16 共同發表的免開源字體，支援繁體中文、簡體中文、日文、韓文等字體。 其中TC為繁體中文專用，而CJK則為中文、日文、韓文共用的合體版，

JS下拉選單特效 下滑堆疊卡片式 Simple Effects for Drop-Down Lists Source : http://tympanus.net/Development/SimpleDropDownEffects/index2.html

近來js或jquery menu選單使用的機會很多 方便好用效果漂亮 而youtube的embed / iframe嵌入影片也是家常便飯 但兩者放在一起時, youtube的影片時常蓋過選單或layout 此時可以試著用一些語法來改善 首先 如果是舊版的youtube嵌入語法embed

初期在學做網頁時， 我一直都偏愛像Google一樣的簡樸風， 用色塊及線條取代圖片的使用，運用CSS還可以加一點圓角效果， 最大的好處，當然就是網頁可以縮很小... 但是網頁的快速發展，icon的應用變多了， 不只在工作上或自己在設計網頁時， 很時常的在大量使用精美的icon來美化選單按鈕，