打造能滿足現代網路用戶需求且不會過時的響應式網站
我們存取全球資訊網的方式不斷改變,需要考量的螢幕尺寸與使用者經驗,變動的幅度前所未見。打造響應式的網頁能讓其內容適應現今及往後的各種裝置。學習如何運用「響應式加行動優先」的方法學打造網站,不論哪台裝置來存取網站,顯示都不成問題。本書有豐富的範例,從頭到尾解說新潮的技巧與語法,跟「響應式」有關的事情,都能在本書中找到詳盡的資源。本書第二版涵蓋所有最新的技巧與工具,足夠建立出色的響應式設計,確保你的專案不會被淘汰。
誰該看這本書
你還在寫兩套網站,一套給行動裝置,一套給較大型的顯示器?或者你已經初步實作了響應式網頁設計,卻苦於東拼西湊、不成模樣?若是這樣,網站更上一層樓所需的一切,都收錄於本書了。具備一些HTML和CSS的知識不無小補,其餘翻開書就能找到。
你會從這本書學到
‧了解響應式設計是什麼、為什麼開發現代網站少不了它?
‧學習撰寫更簡約,速度更快,語意更豐富的HTML5標記內容,並弄懂所有新的關鍵元素
‧如何使用CSS3媒體查詢,根據裝置不同的配備套用不同樣式?並了解CSS4將帶來的媒體查詢新進展
‧學習如何依據螢幕尺寸、裝置解析度或脈絡,載入不同圖片
‧征服表單!只用HTML5標記,就能添加檢核機制與實用的介面元素,諸如日期揀選器和範圍滑桿
‧在你的響應式設計中實裝SVG,供應使用者圖片而不用理會解析度,並學習如何善用SVG,還讓它動起來
‧學習如何使用CSS最新的功能,包括伸縮盒(Flexbox)、自訂字型、nth-child選擇器、CSS自訂屬性(變數),以及CSS計算器(calc)