Responsive web design資源分享
Responsive web design簡稱RWD譯為「自適應網頁設計」
也就是說為了符合行動裝置的各種解析度而使用的一種技術
未來的網頁設計,不再只有單一種尺寸。
1200px以上、768px~979px區間、767px以下、480px以下
如此多的版面,設計師該如何去面對呢?
2013.04.01
Responsive web design簡稱RWD譯為「自適應網頁設計」
也就是說為了符合行動裝置的各種解析度而使用的一種技術
未來的網頁設計,不再只有單一種尺寸。
1200px以上、768px~979px區間、767px以下、480px以下
如此多的版面,設計師該如何去面對呢?
2013.04.01
身為網頁設計的控案師,將整個網站頁面以圖片的方式呈現,並針對每個區塊講解,是幾乎每個案子都會上演的事,但每次要將長條形的網站一頁頁的拍照,在合併起來,實在很費工夫,但透過"BlipShop"這個Chrome中的套件,按個按鈕,輕輕鬆鬆將整個網頁拍下,真的是省下非常多的時間!!所以就將他介紹給大家囉。
2012.04.07
網路的變化實在非常劇烈,今天你的網站可能都還可以擁有大量的搜尋流量,或是擁有大量的社交網路流量,但是很可能明天這些流量就會瞬間消失,因為你的網站可能因為某些原因而被處罰,也可能因為替你帶來流量的網站出了問題,或是根本已經消失 ... 所以最好的策略就是「具有流量多樣性」,如此就不必為了某個特定來源的流量消失而擔心。
2012.04.02
2011/11/14,Google 在官方的部落格上顯見的,公開了近月來 Google 對於搜尋演算法及排名的規則(以前常常都是Matt Cutts在他自己的部落格上有一搭沒一搭的碎碎念而已)那究竟是那十個演算法的調整,我們又該如何針對這十項調整來改進我們的SEO策略呢?
2011.11.18
Smashing Magazine 是一個充滿免費又好用的網頁設計資源分享站,這上面有許多的網頁設計模板、範例、Icon 圖示等,全部免費又精緻,堪稱是網頁設計師的寶庫。藉由 Smashing Magazine 的力量,網頁設計師們將可大大的節省製作的時間,並提升網頁設計效率。
2012.04.20
相信 CSS 老手都知道,在設計 CSS 之前,一定要先把 CSS 重設,讓所有的 CSS 設定歸零,這樣才能確保在不同瀏覽器上都能呈現一致的結果。
2012.02.02
什麼叫做『垂直視差捲動 (Parallax Scrolling)』呢?這是一個隨著 HTML5 + CSS3 逢勃發展後的網頁設計新名詞,說穿了其實也不是什麼新技術,只是巧妙的利用新的 CSS3 配合 JavaScript 語法,來達到當滾動滑鼠滾輪時,將多層背景以不同的速度移動,產生 3D 的垂直運動視覺效果。
2012.04.03