雖然 CSS Selector Level 4 目前還在草稿階段,不過俗話說的好,別讓您的孩子輸在起跑點上,所以趁現在偷跑也是很合理的。
另外,我贊成讓孩子輸在起跑點上。
Selector Level 4
http://dev.w3.org/csswg/selectors4/
我說過了,他目前還是 Editor's Draft,所以,是不是裡面所有的 Selector
將來都會出現?我不敢保證。在這裡我也不打算全部都拿出來講,不然你就去看原文就好了,也不用看我在這邊練肖喂(台語
這應該是 Responsive Images 系列最後一篇,雖然想提一下 Icons 不過還是另開篇幅好了。這是比較花俏的東西,實用不實用就看個人了。
其實只是要練習 NodeJS 而已(誒
前言
之前提過 resrc.it [http://www.resrc.it] 這個服務,他的做法就是搭配 Javascript 來動態
的將圖片,依照目前所需要的尺寸,讓伺服器端直接回傳圖片。如果嫌自己的機器不夠忙,或是真有特殊需求的話,這樣做似乎也不錯。
當然,我們的目標應該不是這樣,
2014 新年快樂!身為一個工程宅,新年第一天,當然是要來一個看起來很厲害的技術文。其實是前債還不完,欠債欠過年會衰的,所以趕快還卡實在。
對了,Caline 我愛你!
前言
Responsive Images 有很多工具可用,我 去年寫的文章 [https://blog.hinablue.me/entry/web-responsive-image/]
可以找到一些工具來用。當然,自幹或是自己寫輪子這件事情好像蠻蠢的,但是,這種事情做起來蠻爽的!
我們需要做的事情,
1. 產生需要的圖片
2. 前端依照需求取用
歲末年終,又是到了還債的時候。俗話(?) 說的好,有錢沒錢,寫個 Blog 好過年,基本上身為務農子弟,本應有踏實的精神,切莫妄想買了樂透可以中個 5678
億,像我之前開 19.5 億的那次,買了 10 個號碼全部都沒開出來!
全 部 都 沒 開 出 來!
Responsive Image
大家都在講 RWD 其實也有點膩了,不過
CSS 這件事情雖然不是頂新的玩意,但是我還是第一次遇到錨點 (Anchor) 跟物件的定位、長度與 overflow 會干擾的情況。
這一切都要從 10 年前說起(欸
萬能的 overflow ?
其實我本來也以為它是萬能的,直到我膝蓋中了一箭。通常我們用 overflow 來做幾件事情,
* 清除 float
* 使用或是隱藏捲軸
* 隱藏超出元件的內容
正常來說,使用 overflow 是可以正確的將元素給框在你的父元件裡面,但是有一個問題,如果跟 position 搭配使用,會有一個 overflow: