[CSS] Selector Level 4 搶先看

雖然 CSS Selector Level 4 目前還在草稿階段,不過俗話說的好,別讓您的孩子輸在起跑點上,所以趁現在偷跑也是很合理的。 另外,我贊成讓孩子輸在起跑點上。 Selector Level 4 http://dev.w3.org/csswg/selectors4/ 我說過了,他目前還是 Editor's Draft,所以,是不是裡面所有的 Selector 將來都會出現?我不敢保證。在這裡我也不打算全部都拿出來講,不然你就去看原文就好了,也不用看我在這邊練肖喂(台語

[Web] Responsive Images On-Demand

這應該是 Responsive Images 系列最後一篇,雖然想提一下 Icons 不過還是另開篇幅好了。這是比較花俏的東西,實用不實用就看個人了。 其實只是要練習 NodeJS 而已(誒 前言 之前提過 resrc.it [http://www.resrc.it] 這個服務,他的做法就是搭配 Javascript 來動態 的將圖片,依照目前所需要的尺寸,讓伺服器端直接回傳圖片。如果嫌自己的機器不夠忙,或是真有特殊需求的話,這樣做似乎也不錯。 當然,我們的目標應該不是這樣,

[Web] Responsive Images - HOWTO

2014 新年快樂!身為一個工程宅,新年第一天,當然是要來一個看起來很厲害的技術文。其實是前債還不完,欠債欠過年會衰的,所以趕快還卡實在。 對了,Caline 我愛你! 前言 Responsive Images 有很多工具可用,我 去年寫的文章 [https://blog.hinablue.me/entry/web-responsive-image/] 可以找到一些工具來用。當然,自幹或是自己寫輪子這件事情好像蠻蠢的,但是,這種事情做起來蠻爽的! 我們需要做的事情, 1. 產生需要的圖片 2. 前端依照需求取用

[Web] Responsive Image

歲末年終,又是到了還債的時候。俗話(?) 說的好,有錢沒錢,寫個 Blog 好過年,基本上身為務農子弟,本應有踏實的精神,切莫妄想買了樂透可以中個 5678 億,像我之前開 19.5 億的那次,買了 10 個號碼全部都沒開出來! 全 部 都 沒 開 出 來! Responsive Image 大家都在講 RWD 其實也有點膩了,不過

[CSS] Anchor and css property overflow issue

CSS 這件事情雖然不是頂新的玩意,但是我還是第一次遇到錨點 (Anchor) 跟物件的定位、長度與 overflow 會干擾的情況。 這一切都要從 10 年前說起(欸 萬能的 overflow ? 其實我本來也以為它是萬能的,直到我膝蓋中了一箭。通常我們用 overflow 來做幾件事情, * 清除 float * 使用或是隱藏捲軸 * 隱藏超出元件的內容 正常來說,使用 overflow 是可以正確的將元素給框在你的父元件裡面,但是有一個問題,如果跟 position 搭配使用,會有一個 overflow: