Responsive Web Design by Example: Embrace responsive design with HTML5, CSS3, JavaScript, jQuery and Bootstrap 4

Frahaan Hussain

商品描述

Develop mobile-first and adaptive websites that provide the best user experience for a wide range of devices

Key Features

  • Rapidly develop and prototype responsive websites by leveraging the power of Bootstrap
  • Practice performance optimization techniques to make your site lighter and faster
  • Learn responsive web design and discover how to build mobile-ready websites with ease

Book Description

Desktop-only websites just aren't good enough anymore. As you enter a future of increasingly diverse browsing methods, you need to know how to build websites that are presentable and will work perfectly with the huge volume of different device sizes and resolutions that are now commercially available. Responsive web design is an answer to the problem of modern web development.

By following the detailed step-by-step instructions, previews, and examples mentioned in this book, you will learn how to build engaging responsive websites and upgrade your skills as a web designer.

With coverage of Responsive Grid System and Bootstrap, you will learn about the most powerful frameworks in responsive web design.

In this book, you will learn how to create a crisp blog page, a beautiful portfolio site, a cool social networking page, and a fun photo gallery. Through each of these projects, you'll learn how to build various elements of a modern responsive website, and also find out which framework works best for your project specifications.

By the end of the book, you will have gained practical skills you need to build real-world websites that are professional, creative and truly responsive.

What you will learn

  • Understand what responsive design is, and why it's vital for modern web development
  • Customize and extend responsive design frameworks
  • Create adaptable templates for all future projects
  • Build a semantic website structure with HTML5 elements
  • Determine a responsive website persona with CSS3
  • Learn how to decide which framework best suits your project specification
  • Implement a plethora of Bootstrap features in your websites

Who This Book Is For

If you are a web developers interested in incorporating responsive web designs in your websites, then this book is for you. Familiarity with HTML5, CSS3, and command lines, though not essential, will help you get the most out of this book.

Table of Contents

  1. What Is Responsive Web Design
  2. What Is Bootstrap, Why We Use It?
  3. Reusable Project Template
  4. Creating The Introduction Section
  5. Creating A Single Page Section
  6. Creating A Contact Us Section
  7. Creating The Blog Posts Homepage
  8. Creating The Individual Post Page
  9. Adding A Sidebar To Social Network
  10. Creating The Homepage In Our Social Network
  11. Creating The User’s Profile Page
  12. Displaying Thumbnails Of Our Photos
  13. Opening Images Using A Light Box

商品描述(中文翻譯)

開發以行動裝置為主且適應各種設備的網站,提供最佳的使用者體驗。

主要特點:
- 利用 Bootstrap 的強大功能,快速開發和原型設計響應式網站。
- 學習性能優化技巧,使您的網站更輕量且更快速。
- 學習響應式網頁設計,輕鬆建立適用於行動裝置的網站。

書籍描述:
現在只有桌面版網站已經不夠好了。隨著各種瀏覽方式的增加,您需要知道如何建立能夠適應各種不同設備尺寸和解析度的網站。響應式網頁設計是現代網頁開發的解決方案。

通過遵循本書中提到的詳細的逐步指示、預覽和示例,您將學習如何建立引人入勝的響應式網站,並提升您作為網頁設計師的技能。

本書涵蓋了響應式網格系統和 Bootstrap,您將學習到最強大的響應式網頁設計框架。

在本書中,您將學習如何創建一個清晰的部落格頁面、一個美麗的作品集網站、一個酷炫的社交網絡頁面和一個有趣的相片庫。通過這些項目,您將學習如何構建現代響應式網站的各種元素,並找出哪個框架最適合您的項目需求。

通過閱讀本書,您將獲得實際技能,能夠建立專業、創意且真正響應式的現實世界網站。

您將學到:
- 瞭解響應式設計的概念,以及為什麼它對現代網頁開發至關重要。
- 自定義和擴展響應式設計框架。
- 為所有未來項目創建可適應的模板。
- 使用 HTML5 元素建立語義化的網站結構。
- 使用 CSS3 確定響應式網站的風格。
- 學習如何選擇最適合您項目需求的框架。
- 在您的網站中實現大量 Bootstrap 功能。

本書適合對在網站中加入響應式設計感興趣的網頁開發人員。熟悉 HTML5、CSS3 和命令行將有助於您更好地理解本書的內容。

目錄:
1. 什麼是響應式網頁設計
2. 什麼是 Bootstrap,為什麼我們使用它?
3. 可重複使用的專案模板
4. 創建介紹部分
5. 創建單頁部分
6. 創建聯絡我們部分
7. 創建部落格文章首頁
8. 創建個別文章頁面
9. 在社交網絡中添加側邊欄
10. 創建社交網絡首頁
11. 創建使用者個人資料頁面
12. 顯示我們相片的縮略圖
13. 使用燈箱打開圖片