About This Book
Learn and explore how to harness the latest features of HTML5 in the context of responsive web design
Learn to wield the new Flexbox layout mechanism, code responsive images, and understand how to implement SVGs in a responsive project
Make your pages interactive by using CSS animations, transformations, and transitions
Who This Book Is For Are you writing two websites: one for mobile and one for larger displays? Or perhaps you've already implemented your first RWD but are struggling to bring it all together? If so, this book gives you everything you need to...
more About This Book
Learn and explore how to harness the latest features of HTML5 in the context of responsive web design
Learn to wield the new Flexbox layout mechanism, code responsive images, and understand how to implement SVGs in a responsive project
Make your pages interactive by using CSS animations, transformations, and transitions
Who This Book Is For Are you writing two websites: one for mobile and one for larger displays? Or perhaps you've already implemented your first RWD but are struggling to bring it all together? If so, this book gives you everything you need to take your websites to the next level.
Some HTML and CSS knowledge will help; everything else you need is included in the book.
What You Will Learn
Understand what responsive design is, and why it's vital for modern web development
Learn to write cleaner, faster, and more semantically-rich HTML5 markup and understand all the new key elements
How to use CSS3 media queries to apply different styles to different device capabilities and understand evolving media queries coming in CSS4
Learn how to load different images depending upon screen size, device resolution or context
Conquer forms! Add validation and useful interface elements such as date pickers and range sliders with HTML5 markup alone
Implement SVGs into your responsive designs to provide resolution-independent images, and learn how to adapt and animate them
Learn how to use the latest features of CSS including Flexbox, custom fonts, nth-child selectors, CSS custom properties (variables), and CSS calc
In Detail The changing way in which we access the Web means that there has never been a greater range of screen sizes and user experiences to consider. Web pages built to be responsive can adapt their content for not just today's devices but tomorrow's too.
Learn how to build websites with a "responsive and mobile first" methodology, allowing it to display effortlessly on every device that accesses it. Packed with examples, and a thorough explanation of modern techniques and syntax, this book provides a comprehensive resource for all things "responsive".
The second edition covers all the most up-to-date techniques and tools needed to build great responsive designs, ensuring that your projects are future-proof.
less