You're reading from Responsive Web Design with HTML5 and CSS Build future-proof responsive websites using the latest HTML5 and CSS techniques

Product type Paperback

Published in Sep 2022

Publisher Packt

ISBN-13 9781803242712

Length 504 pages

Edition 4th Edition

Languages

CSS

Tools

Bootstrap

Concepts

Design

Author (1):

Ben Frain

View More author details

Table of Contents (22) Chapters

Preface

1. Section 1: The Fundamentals of Responsive Web Design

2. The Essentials of Responsive Web Design FREE CHAPTER

3. Writing HTML Markup

4. Media Queries and Container Queries

5. Fluid Layout and Flexbox

6. Layout with CSS Grid

7. Section 2: Core Skills for Effective Front-End Web Development

8. CSS Selectors, Typography, and More

9. CSS Color

10. Stunning Aesthetics with CSS

11. Responsive Images

12. SVG

13. Transitions, Transformations, and Animations

14. Custom Properties and CSS Functions

15. Forms

16. Section 3: Latest Platform Features and Parting Advice

17. Cutting-Edge CSS Features

18. Bonus Techniques and Parting Advice

19. Unlock Your Book’s Exclusive Benefits

20. Other Books You May Enjoy

21. Index

Further resources

As I mentioned at the start of this chapter, I have neither the space, nor the knowledge, to impart all there is to know about SVG. Therefore, I'd like to make you aware of the following excellent resources, which provide additional depth and range on the subject:

SVG Essentials, 2nd Edition, by J. David Eisenberg and Amelia Bellamy-Royds: https://shop.oreilly.com/product/0636920032335.do
"A Guide to SVG Animations (SMIL)" by Sara Soueidan: https://css-tricks.com/guide-svg-animations-smil/
Media queries inside SVGs testing, by Jeremie Patonnier: https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html
"Understanding SVG Coordinate Systems and Transformations (Part 1)" by Sara Soueidan: https://sarasoueidan.com/blog/svg-coordinate-systems/
"Hands On: SVG Filter Effects": https://testdrive-archive.azurewebsites.net/Graphics...

The rest of the chapter is locked

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (1)

Ben Frain

Ben Frain has been a web designer/developer since 1996. He is currently employed as a UI-UX Technical Lead at bet365. Before the web, he worked as an underrated (and modest) TV actor and technology journalist, having graduated from Salford University with a degree in Media and Performance. He has written four equally underrated (his opinion) screenplays and still harbors the (fading) belief he might sell one. Outside of work, he enjoys simple pleasures: playing indoor football while his body and wife still allow it and wrestling with his two sons.

See other products by Ben Frain