RWD為響應式網站(Responsive Web Design)的縮寫,為2012年以來,最流行的前端技術之一

通過 CSS3 的 Media Query ,可以讓網頁在不同尺寸的裝置下,都可以套用不一樣的CSS Style,讓每個不同裝置同樣瀏覽網頁,都可以用最佳的畫面來瀏覽。

而為了要開發RWD的網頁與簡化撰寫 CSS 流程,進而有了 SASS、LESS 等工具來協助開發,但是難免開發久了,不免都還是會覺得又臭又長。利用 SASS 的Mixin 功能,搭配本篇特殊結構,可以讓開發模板的時間更為簡潔。

閱讀全文»

CMS系統(drupal,joomla,wordpress…)在網站開發上,與傳統的開發上有著極大的差異,html架構並不是單純就前端這邊來刻出自己想要的html架構,絕大部分是由後端php產生出來的!

如果你剛好跟小弟一樣!是從CMS開始進入到網頁前端(web frontend)這個大家庭,那你一定要參考這篇文章,可以讓你不會像過去的我走上許多 CSS 亂拼亂湊的冤妄路!!

閱讀全文»