網站呈現 Grid System

設計師缺的是靈感嗎?美工缺的是美感吧!而我缺的是仿照的圖片。剛好世界有名的網站 Pinterest 可以看到很多有設計感的美圖,其中自然包含了網頁設計。

網頁設計師的工作最主要的不是去讓圖片縮小不失真,也不是讓網頁讀取時快個幾毫秒。

所以還是將就點用人家包好的jquery 跟 bootstrap 去做就好啦! 不用浪費太多時間。

當然要充實技術的話就自己在取捨了!

在抱我家小子邊打程式碼真的是很困難。

以上廢話太多 先附上今天寫的pen成果。

以上會看到很像windows 8 的排版 小弟不才沒辦法僅用 CSS3 獨力完成,所以依靠了 Jquery 來維持正方形。

以上只是看到有網頁,利用六角形把整體網站變得非常有設計感,所以才利用 CSS3 的 Clip-path 配上 Jquery 去做 舊瀏覽器可能不支援唷。其實也可以用 SVG 去做啦!