Dewald Els - Responsive Design High Performance

Younes Baghor ( W3bwizart ) is a freelance lead developer at KBC Touch. He started his career as a welder of trucks and containers and later became a matre d'htel. In 2007, he decided to become a programmer, and he graduated in 2010. Although educated in .NET, he was inspired by the Web and HTML5, JavaScript in particular. His experience with web technologies gives him an overall knowledge of the current technologies, libraries, and methodologies driving the modern web today.

Younes is not a guru or expert but knows JavaScript, AngularJS, HTML5, CSS3, mobile-first, progressive enhancement, and responsive design.

Rodrigo Encinas has worked for more than 12 years for companies in different fields, from advertising and television to world-class fashion brands and communication. Nowadays, he works a consultant for international companies, helping them develop web applications and improve user experience with best practices and modern patterns, such as HTML5, responsive web design, and single-page applications.

I would like to thank Packt Publishing for helping me do a great job, and I would like to thank you for your interest in this field. I would encourage you to learn how to build the Web for the future.

Evan Mullins has always been interested in both design and technology. He studied digital media and earned his BFA degree from the University of Georgia. While attending university, he also studied computer science, animation, and new media. Evan loves the cross-section of art and technology that he finds in the Web.

Professionally, Evan has worked with a slew of start-ups, small businesses, and agencies that build websites: Cartoon Network, Ogilvy & Mather, and Brand Fever. He is currently the lead web developer at Brown Bag Marketing. He is continually busy designing and developing interesting things online.

Since 2004, Evan has maintained a circlecube studio (http://circlecube.com/2007/01/welcome-to-circle-cube-studio/), a freelance web studio and playground for open source experiments, examples, and tips that he simply shares as he learns along the way. The blog's content centers on interactive development principles and technologies. He shares what he learns online as well as at conferences.

Evan is happily married and a proud father of four. He enjoys spending time away from work at his real jobhis family. He's also busy volunteering for his church and enjoys camping, playing soccer, and playing music.

www.PacktPub.com

Support files, eBooks, discount offers, and more

For support files and downloads related to your book, please visit www.PacktPub.com.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at > for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters, and receive exclusive discounts and offers on Packt books and eBooks.

https://www2.packtpub.com/books/subscription/packtlib

Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can search, access, and read Packt's entire library of books.

Why subscribe?

• Fully searchable across every book published by Packt
• Copy and paste, print, and bookmark content
• On-demand and accessible via a web browser

Free access for Packt account holders

If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view 9 entirely free books. Simply use your login credentials for immediate access.

Preface

Is it responsive? With a growing number of hardware devices that access the web, building a website that is responsive has almost become expected. This can be both good and bad, as responsiveness is a daunting task when not understood properly. So, let's talk about it.

What is responsive design, anyway?

Simply put, a responsive website adapts its layout according to the device being used to access it. The website will dynamically change its layout depending on the device's screen size and orientation.

Some examples of this include menus that collapse, images that resize, and column structures rearranging (for example, a two-column layout converging into one column).

The goal of this book is to make designing and building a website less of a daunting task for the ever-growing number of devices that we use to obtain information from the Internet. We access the Internet from so many different devices, ranging from smart watches to mobile phones and desktops with large high-resolution displays, that responsiveness has become an almost essential feature in web design and development nowadays.