Mobile First Design with HTML5 and CSS3

Jason Gonzalez

  • 出版商: Packt Publishing
  • 出版日期: 2013-09-01
  • 售價: $1,400
  • 貴賓價: 9.5$1,330
  • 語言: 英文
  • 頁數: 122
  • 裝訂: Paperback
  • ISBN: 1849696462
  • ISBN-13: 9781849696463
  • 相關分類: CSSHTML
  • 下單後立即進貨 (約3~4週)

商品描述

The number of devices and screen sizes on which to display web pages is multiplying. This book helps you to create standards-based websites using HTML5 and CSS3 that display perfectly on virtually any browser, mobile, or desktop.

Overview

  • Make websites that will look great and be usable on almost any device that displays web pages.
  • Learn best practices for responsive design
  • Discover how to make designs that will be lean and fast on small screens without sacrificing a tablet or desktop experience

In Detail

The mobile first design philosophy aims to develop websites that will be lean and fast on small screens without sacrificing a tablet or desktop experience. Using HTML5, CSS3, and simple, standardized modern web tools you can make one site to rule them all.

Mobile First Design with HTML5 and CSS3 will teach you the tools you need to make a modern, standards-based web page that displays beautifully on nearly any web browser—essential knowledge for anyone who makes websites!

In this book, you will learn how to set up a project from scratch and quickly get up and running with a full portfolio website that will form the base for making almost any kind of web page. Learn to develop web pages that fit the web conventions we all have to conform to. You will learn how to make responsive image slideshows; image galleries with detail pages; and bold, eye-catching banners and forms. Best of all, you will learn how to make these things fast without compromising quality.

This book will walk you through the process step by step with all the code required, as well as the thinking that goes behind planning a mobile first responsive website.

What you will learn from this book

  • Develop web pages that change their layout and respond to different sized screens, so that they display well on mobiles, tablets, and desktops
  • Utilize HTML5 and CSS3 to make responsive web pages quickly and effectively
  • Use current technologies like LESS and SASS to work fast
  • Build web page components that will function well on both small and large screens
  • Create and plan designs that work for small and large screens without having to sacrifice content

Approach

A user friendly tutorial to develop websites that work for both small and large screens using HTML5 and CSS3.

Who this book is written for

This book is for beginner to intermediate developers and designers, as well as for those in management who want to understand what is possible with modern tools and strategies on the Web.

商品描述(中文翻譯)

設備和螢幕尺寸的數量不斷增加,這本書將幫助您使用HTML5和CSS3創建基於標準的網站,使其在幾乎任何瀏覽器、手機或桌面上都能完美顯示。

概述:
- 製作能在幾乎任何顯示網頁的設備上都能看起來很棒並且可用的網站。
- 學習響應式設計的最佳實踐。
- 發現如何在小屏幕上製作精簡快速的設計,同時不會犧牲平板電腦或桌面體驗。

詳細內容:
移動優先設計理念旨在開發在小屏幕上精簡快速的網站,同時不會犧牲平板電腦或桌面體驗。使用HTML5、CSS3和簡單標準化的現代網頁工具,您可以製作一個適用於所有設備的網站。

《使用HTML5和CSS3進行移動優先設計》將教您製作現代、基於標準的網頁,幾乎可以在任何網頁瀏覽器上完美顯示,這對於任何製作網站的人來說都是必備的知識!

在本書中,您將學習如何從頭開始建立一個項目,並快速啟動一個完整的作品集網站,這將成為製作幾乎任何類型網頁的基礎。學習開發符合我們所有必須遵循的網頁慣例的網頁。您將學習如何製作響應式圖片幻燈片;帶有詳細頁面的圖片庫;以及引人注目的橫幅和表單。最重要的是,您將學習如何在不降低質量的情況下快速製作這些內容。

本書將逐步引導您完成整個過程,包括所需的所有代碼,以及規劃移動優先響應式網站的思路。

您將從本書中學到的內容:
- 開發能根據不同尺寸屏幕改變佈局並響應的網頁,以便在手機、平板和桌面上都能良好顯示。
- 利用HTML5和CSS3快速有效地製作響應式網頁。
- 使用像LESS和SASS這樣的當前技術快速工作。
- 構建在小屏幕和大屏幕上都能良好運行的網頁組件。
- 創建和計劃適用於小屏幕和大屏幕的設計,而無需犧牲內容。

方法:
一個用HTML5和CSS3開發適用於小屏幕和大屏幕的網站的用戶友好教程。

本書適合初級到中級的開發人員和設計師,以及希望了解現代工具和策略在網絡上的可能性的管理人員。