Web Design

[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 其實也有點膩了,不過

[Layout] Web Design Part 11

從溫暖的南台灣回到萬惡的天龍國,唯一不適應的大概就是溫度吧。其實如果可以的話,來去南台灣置產好像也是個不錯的選擇。不過,可能搬去中南部之後,就不會有人找我做 Layout 了吧(抱頭 所以為了妻小,還是繼續留在北部打拼吧。 -------------------------------------------------------------------------------- 小結 前面寫了這麼多,所以現在來一點點小小心得應該是很合理的。我們從一開始的切版,聊到後面的選擇器問題,然後突然發現又衍生出更多的問題。實際上,當你操作過一次之後,你會發現這是很正常的事情。 這也是我不喜歡食譜的原因。我盡量不要讓文章看起來像食譜,所以我只會跟你們聊聊,在實際操作上可能會遇上什麼事情。然而,還是可能會有很多問題 會在我的製作過程中,下意識的去避開。因為習慣使然,因為 IE6/

[Layout] Web Design Part 10

由於我沒有娘家可以回,所以大年初二在家寫寫部落格也是很合理的。當然也因為這樣,省下不少紅包錢買來的紅包袋只用了兩個,實在有點太說不過去了。 小的時候很期待回去外婆家,長大了,外婆家原本的地址已不復在。然而,我卻有種近鄉情卻的憂愁。 -------------------------------------------------------------------------------- SELECTOR 上一回聊到了一些選擇器,雖然我好像有很多都沒有交待到,但是,基本上選擇器的用法都如出一轍。雖然說 w3c 提供了那麼多的選擇器,但是,由於瀏覽器支援的程度差異,導致這些東西未必全部都可以使用(IE 表示:)。 我們以一個簡單的例子來說明各種選擇器的使用時機,