RWD響應式網站-樓下那煎銅鑼燒
規劃原因:弟弟的店,有一個很好的練習機會。
-
RWD-斷點分別以
540px(手機)、768px(平板)、1200px (桌機)
則768px以下之後,navbar顯示,使用JavaScript改變,形成箱子狀態,使顯示體驗優化。
皆有參與jQuery與其他第三方插件
About使用Vide,顯示出該商家在製作商品時的樣貌影片。
-
Menu部分,則以Owl Carousel、lightbox 產生幻燈片,和燈箱,讓商該作品呈現更棒。
(lightbox部分,左右的按鈕,有更改原生CSS做調整,讓按鈕在螢幕中間)
-
評價部分則是使用masonry、scrollreveal 產生出瀑布流的排版。
-
OtherPlugins:Font Awesome、Google Fonts、Owl Carousel、lightbox、Vide、one page nav