Responsive Web Design Patterns

Chelsea Myers

  • 出版商: Packt Publishing
  • 出版日期: 2015-11-30
  • 售價: $1,260
  • 貴賓價: 9.5$1,197
  • 語言: 英文
  • 頁數: 168
  • 裝訂: Paperback
  • ISBN: 1785889982
  • ISBN-13: 9781785889981
  • 相關分類: 網頁設計Design Pattern
  • 下單後立即進貨 (約3~4週)

商品描述

About This Book

  • Explore the process of combining responsive patterns together to fit the needs of your own website or project
  • Organize your projects by creating responsive pattern libraries and manage unruly design systems as they grow
  • Break down the best responsive websites to their patterns and learn how to build them in your own projects

Who This Book Is For

This book is intended for HTML and CSS beginners who want to know where to start when creating a responsive website. It is also for more experienced developers who perhaps need a little inspiration for their next project.

What You Will Learn

  • Gain knowledge of the pros and cons of popular responsive patterns
  • Build each pattern on your own using HTML, CSS, and JavaScript by following the examples and guidelines provided in each chapter
  • Know how to combine patterns to create unique solutions for your own projects
  • Understand the benefits of creating a pattern library and learn how to use it efficiently
  • Pay attention to detail by reviewing commonly forgotten responsive elements, such as typography
  • See real-world examples of these patterns being used by popular websites such as Disney, NASA, and many more
  • Review techniques and best practices when it comes to building responsive websites

In Detail

Keep track of responsive web design (RWD) patterns by building your own pattern library and creating some of RWD's most popular patterns. For beginners and pros, this book provides a toolset to help plan the design and functionality of a responsive website.

The book begins with creating a home for all your patterns by setting up your own pattern library. Each chapter is broken down into the different sections of a website, presenting patterns for each section. You will then move on to build responsive layouts of varying degrees of complexity to house the type of content you need. Develop menu systems and see which type of responsive navigation fits the size of your website. Next, you'll learn tactics to present media and data elegantly on different screen sizes. Finally, you'll tie up all those loose ends in your responsive website and pattern library to get it ready for launch.

商品描述(中文翻譯)

關於本書


  • 探索將響應式模式結合在一起以滿足您自己網站或項目的需求的過程

  • 通過創建響應式模式庫來組織您的項目,並在其不斷增長時管理難以控制的設計系統

  • 將最佳響應式網站拆解為其模式,並學習如何在您自己的項目中構建它們

本書適合對象

本書適合HTML和CSS初學者,他們想知道在創建響應式網站時應該從何處開始。對於經驗豐富的開發人員來說,本書也可以為他們的下一個項目提供一些靈感。

您將學到什麼


  • 了解流行響應式模式的優點和缺點

  • 通過按照每個章節中提供的示例和指南,使用HTML、CSS和JavaScript自己構建每個模式

  • 了解如何結合模式為您自己的項目創建獨特的解決方案

  • 了解創建模式庫的好處,並學習如何有效使用它

  • 通過檢查常常被忽視的響應式元素(例如排版)來注意細節

  • 查看迪士尼、NASA等知名網站使用這些模式的實際示例

  • 回顧構建響應式網站的技巧和最佳實踐

詳細內容

通過建立自己的模式庫並創建一些響應式網絡設計(RWD)的最受歡迎模式,來跟踪響應式網絡設計模式。對於初學者和專業人士來說,本書提供了一個工具集,幫助計劃響應式網站的設計和功能。

本書首先通過建立自己的模式庫來為所有模式創建一個家。每個章節都按網站的不同部分進行劃分,並呈現每個部分的模式。然後,您將繼續構建不同程度複雜度的響應式佈局,以容納所需的內容類型。開發菜單系統,並查看哪種類型的響應式導航適合您的網站大小。接下來,您將學習在不同屏幕尺寸上優雅地呈現媒體和數據的策略。最後,您將整理您的響應式網站和模式庫中的所有細節,使其準備好發布。