<內容簡介>
【只會程式語法無法活用, 商業級範例讓你即套即用!】
HTML5 + CSS3 + JavaScript 是時下最主流的網頁設計技術, 可以做出令人驚豔的網頁效果, 加上行動上網盛行, 更可讓網頁輕鬆因應手機、平板電腦, 呈現最合適的版面。
本書範例由一線的網頁設計師共同製作而成, 除了程式撰寫,也教你如何活用熱門的程式庫。Step by Step 的詳盡解說加上可立即套用的絕妙範例, 讓您以更快的時間完成接案目標, 輕鬆贏得客戶青睞!
●【可立即套用的絕妙範例】
‧酷眩的彈力球選單效果
‧超越 PChome 的拉曳式購物車
‧快速套用的高雅極簡風網站
‧會動的地圖路徑呈現手法
‧從滑鼠游標飛出酷炫顆粒
‧捲動捲軸時出現遠近視差特效
‧各種「正在載入中」的動畫實作
‧替文字加上雜訊特效
‧依不同裝置自動切換版面配置
‧可選擇畫筆粗細、顏色的網頁版繪圖介面
‧可記錄 / 儲存單圈時間的碼表
‧顯示現在位置的周邊地圖 (Google Map API)
‧可客製化功能的影片 / 音樂播放器
‧超酷的展開特效!輸入表單時讓欄位依序蹦現
‧在網頁上實作煙囪排煙及下雪動畫
‧投影片轉場風格的網頁
‧精緻的相片切換特效
●【最熱門的網頁設計技術】
‧audio / video / canvas / Geolocation API
‧Responsive Web Design 自動調適型網頁
‧inline SVG 圖形繪製 / Box2D.js 物理引擎
‧以 PhoneGap 建立原生手機 App
●【提升效率的輔助工具】
‧活用 jQuery、jQuery Mobile 函數庫
‧Bootstrap 讓網站樣式瞬間成型
‧Responsive Grid System CSS 框架工具
‧Google Web Designer 快速產生 HTML5 動畫