Book Image

Responsive Web Design with jQuery

By : Gilberto Crespo
Book Image

Responsive Web Design with jQuery

By: Gilberto Crespo

Overview of this book

<p>Owing to the different types of devices that offer Internet browsing today, responsive web designing has become a booming area. The heightened use of CSS3 and JavaScript libraries such as jQuery has led to shorter responsive web design times. You can now create a responsive website swiftly that works richly in any device a user might possess.</p> <p>"Responsive Web Design with jQuery" is a practical book focused on saving your development time using the useful jQuery plugins made by the frontend community. Follow the chapters, and learn to design and augment a responsive web design with HTML5 and CSS3. The book presents a practical know how of these new technologies and techniques that are set to be the future of frontend web development.</p> <p>This book helps you implement the concept of responsive web design in clear, gradual, and consistent steps, demonstrating each solution, and driving you to practice it and avoid common mistakes.</p> <p>You will learn how to build a responsive website; right from its structure, conception, and adapting it to screen device width. We will also take a look at different types of menu navigation and how to convert text, images, and tables so as as to display them graciously on different devices. Features such as the carousel slider and form elements will also be covered, including the testing phase and the measures to create correct fallbacks for old browsers.</p> <p>With "Responsive Web Design with jQuery", you will learn to create responsive websites quickly by using CSS3 and the incredible jQuery plugins. You will also learn to save your time by tailoring solutions created and tested by the community.</p>
Table of Contents (19 chapters)
Responsive Web Design with jQuery
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Chapter 1. Exploring Responsive Web Design

These days, the word responsive is one that we are hearing a lot in the website development environment, isn't it? No worries, together we will see the real meaning of it and its impact on our website development.

One factor that influences decision making (but is sometimes ignored) when starting the development process is the number of devices and different screen sizes that we need for previewing the responsiveness of website layout. Some time ago, we used to work with some definitions of website dimensions, for example, 1024 pixels. This happened because we thought the only way to access the content was on a desktop. But, as you know, technology is bringing us more and more devices (that can show websites), improving the way we interact with sites, such as large desktop monitors, tablets, smartphones, smart TVs, outdoor displays, and other good things.

These advances in mobile technology and the quick evolution of website navigation and viewing techniques have pushed everyone to review the concept of limited dimensions of sites, to start thinking of a structure that can adapt itself, and to offer the right content for each situation.

In this chapter we will learn:

  • Understanding the concept of responsive web design

  • Comparing responsive, fluid, and adaptive web

  • Adapting the screen with media queries

  • Mobile-first concept and tips

  • Using wireframe tools

  • Practicing mobile-first development in wireframes