美美悠活生活補給站

《接案我最行！ HTML5 + CSS3 + JavaScript 商業範例必殺技》




【只會程式語法無法活用, 商業級範例讓你即套即用！】

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 動畫

本書特色

●滿載商業網站範例, 網頁設計職人絕不可錯過！
●書附光碟提供完整範例程式, 方便你即套即用！
●同時適用 PC / 行動裝置網頁設計