HTML5 and CSS3: Building Responsive Websites

Thoriq Firdaus, Ben Frain, Benjamin LaGrone

HTML5 and CSS3: Building Responsive Websites
  • 出版商: Packt Publishing
  • 出版日期: 2016-10-25
  • 售價: $3,020
  • 貴賓價: 9.5 折 $2,869
  • 語言: 英文
  • 頁數: 728
  • 裝訂: Paperback
  • ISBN: 1787124819
  • ISBN-13: 9781787124813
  • 相關分類: CSS、HTML

    • 下單後立即進貨 (約3~4週)

商品描述

About This Book

  • Use Responsive Grid System, Bootstrap, and Foundation frameworks for responsive web design
  • Learn how to use the latest features of CSS including custom fonts, nth-child selectors (and some CSS4 selectors), CSS custom properties (variables), and CSS calc
  • Make a mobile website using jQuery mobile and mobile-first design

Who This Book Is For

This course is for web developers who are familiar with HTML and CSS but want to understand the essentials of responsive web design. It is for those developers who are willing to seek innovative techniques that deliver fast, intuitive interfacing with the latest mobile Internet devices.

What You Will Learn

  • Build a semantic website structure with HTML5 elements
  • Use Bower to organize website dependencies
  • Make responsive media that is optimized for the specific device on which it's displayed, allowing images, videos, and other elements be fully appreciated
  • Make typography that's fluidly responsive, so it's easy to read on all devices—no more hard-to-see text on a tiny mobile screen
  • Get to know techniques for server-side and client-side media deployment, providing platforms that are scaled for any device that requests them

In Detail

Responsive web design is an explosive area of growth in modern web development due to the huge volume of different device sizes and resolutions that are now commercially available. The Internet is going mobile. Desktop-only websites just aren't good enough anymore. With mobile internet usage still rising and tablets changing internet consumption habits, you need to know how to build websites that will just “work,” regardless of the devices used to access them. This Learning Path course explains all the key approaches necessary to create and maintain a modern responsive design using HTML5 and CSS3.

Our first module is a step-by-step introduction to ease you into the responsive world, where you will learn to build engaging websites. With coverage of Responsive Grid System, Bootstrap, and Foundation, you will discover three of the most robust frameworks in responsive web design. Next, you'll learn to create a cool blog page, a beautiful portfolio site, and a crisp professional business site and make them all totally responsive.

Packed with examples and a thorough explanation of modern techniques and syntax, the second module provides a comprehensive resource for all things “responsive.” You'll explore the most up-to-date techniques and tools needed to build great responsive designs, ensuring that your projects won't just be built “right” for today, but in the future too.

The last and the final module is your guide to obtaining full access to next generation devices and browser technology. Create responsive applications that make snappy connections for mobile browsers and give your website the latest design and development advantages to reach mobile devices. At the end of this course, you will learn to get and use all the tools you need to build and test your responsive web project performance and take your website to the next level.

This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:

  • Responsive Web Design by Example: Beginner's Guide - Second Edition by Thoriq Firdaus
  • Responsive Web Design with HTML5 and CSS3 - Second Edition by Ben Frain
  • HTML5 and CSS3 Responsive Web Design Cookbook by Benjamin LaGrone

Style and approach

This Learning Path course provides a simplistic and easy way to build powerful, engaging, responsive, and future proof websites across devices using HTML5 and CSS3 to meet the demands of the modern web user.

商品描述(中文翻譯)

關於本書



  • 使用 Responsive Grid System、Bootstrap 和 Foundation 框架進行響應式網頁設計

  • 學習使用最新的 CSS 功能，包括自定義字體、nth-child 選擇器（以及一些 CSS4 選擇器）、CSS 自定義屬性（變數）和 CSS calc

  • 使用 jQuery mobile 和以行動裝置為先的設計製作行動網站

本書適合對象


本課程適合熟悉 HTML 和 CSS 的網頁開發人員，希望了解響應式網頁設計的基本知識。對於那些願意尋求創新技術，以提供快速、直觀的與最新行動互聯網設備進行交互的開發人員來說，本書將非常有用。

你將學到什麼



  • 使用 HTML5 元素構建語義化網站結構

  • 使用 Bower 組織網站依賴項

  • 製作響應式媒體，以優化在特定設備上顯示，使圖片、視頻和其他元素得到充分欣賞

  • 製作流動響應的排版，使其在所有設備上易於閱讀，不再出現在小型移動屏幕上難以閱讀的文字

  • 了解服務器端和客戶端媒體部署的技術，為任何請求它們的設備提供可擴展的平台

詳細內容


由於商業上可用的不同設備尺寸和解析度的巨大增長，響應式網頁設計是現代網頁開發中一個快速增長的領域。互聯網正在走向移動化，僅限桌面的網站已經不再足夠。隨著移動互聯網使用率的持續增長和平板電腦改變了互聯網使用習慣，您需要知道如何建立能夠在任何設備上“正常運行”的網站。本學習路徑課程將解釋使用 HTML5 和 CSS3 創建和維護現代響應式設計所需的所有關鍵方法。

我們的第一個模塊是一個逐步介紹，讓您輕鬆進入響應式世界，您將學習如何構建引人入勝的網站。通過介紹 Responsive Grid System、Bootstrap 和 Foundation，您將發現三個最強大的響應式網頁設計框架。接下來，您將學習創建一個酷炫的博客頁面、一個美觀的作品集網站和一個專業的企業網站，並使它們全部完全響應式。

第二個模塊提供了豐富的示例和對現代技術和語法的詳細解釋，是一個全面的“響應式”資源。您將探索構建出色響應式設計所需的最新技術和工具，確保您的項目不僅在當前環境下正確構建，而且在未來也能正確構建。

最後一個模塊將指導您獲得對下一代設備和瀏覽器技術的完全訪問。創建響應式應用程序，為移動瀏覽器提供快速連接，並為您的網站提供最新的設計和開發優勢，以達到移動設備。在本課程結束時，您將學會獲取和使用構建和測試響應式網頁項目性能所需的所有工具，並將您的網站提升到更高的水平。

本學習路徑將 Packt 提供的一些最佳內容結合在一個完整的、精選的套裝中。它包括以下 Packt 產品的內容：



  • 《Responsive Web Design by Example: Beginner's Guide - Second Edition》 by Thoriq Firdaus

  • 《Responsive Web Design with HTML5 and CSS3 - Second Edition》 by Ben Frain

  • 《HTML5 and CSS3 Responsive Web Design Cookbook》 by Benjamin LaGrone

風格和方法


本學習路徑課程以簡單易懂的方式提供了一種建立強大、引人入勝、響應式和未來可靠的網站的方法，以滿足現代網絡用戶的需求，使用 HTML5 和 CSS3 在各種設備上進行設計。

類似商品