HTML5 and CSS3 Responsive Web Design Cookbook
HTML5 and CSS3 Responsive Web Design Cookbook gives developers a new toolbox for
staying connected with this new skillset.
Using the clear instructions given in the book, you
can apply and create responsive applications and give your web project the latest design and
development advantages for mobile devices.
Using real-world examples, this book presents
practical how-to recipes for site enhancements with a lighthearted, easy-to-understand tone.
Gain a real understanding of Responsive Web Design and how to create an optimized display
for an array of devices.
The topics in this book include responsive elements and media,
responsive typography, responsive layouts, using media queries, utilizing modern responsive
frameworks, developing mobile-first web applications, optimizing responsive content, and
Each recipe features actual lines of code that you can apply.
What this book covers
Chapter 1, Responsive Elements and Media, covers the creation of elements that optimize
to mobile devices or desktop computers.
Chapter 2, Responsive Typography, teaches you about using fluid typography, creating cool
text effects, and creating text that stands out on your screen through the HTML5 canvas and CSS3.
Chapter 3, Responsive Layout, teaches you how to create responsive layouts that you can
really use in your projects.
You will learn about using viewport and media queries to make your web project respond to different viewport sizes
Chapter 4, Using Responsive Frameworks, teaches you how to use new frameworks to deploy
responsive sites with the latest responsive methods and interactions quickly and reliably, and
how to turn old static frameworks into responsive ones.
Chapter 5, Making Mobile-first Web Applications, teaches you how to make mobile web
versions of your web application, which are optimized to be mobile-first, with jQuery Mobile,
and how to optimize for the desktop viewport.
Chapter 6, Optimizing Responsive Content, teaches you about getting and using all the tools
you need to build and test your responsive web project.
web page so that you can have thoughtful, responsive interactions for different devices.
What you need for this book
You will need an IDE (integrated development environment); NetBeans or Eclipse is
recommended (there are instructions on how to get one inside), image editing software such
as Photoshop or GIMP, a web host, and a local web server such as Apache or a local hosting
application such as XAMPP or MAMPP.
This book, for all of todays wireless Internet devices, is for web developers seeking innovative
techniques that deliver fast, intuitive interfacing with the latest mobile Internet devices.