Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Practical HTML and CSS

You're reading from Practical HTML and CSS Elevate your internet presence by creating modern and high-performance websites for the web

Product type Paperback

Published in Nov 2024

Publisher Packt

ISBN-13 9781835080917

Length 492 pages

Edition 2nd Edition

Languages

CSS

Tools

JavaScriptMVC

Concepts

Web Programming

Authors (3):

Brett Jephson

Lewis Coulson

Ana Carolina Silveira

View More author details

Table of Contents (20) Chapters

Preface

1. Part 1: Introducing HTML and CSS

2. Chapter 1: Introduction to HTML and CSS FREE CHAPTER

3. Chapter 2: Structure and Layout

4. Chapter 3: Text and Typography Styling

5. Part 2: Understanding Website Fundamentals

6. Chapter 4: Creating and Styling Forms

7. Chapter 5: Adding Animation to Web Pages

8. Chapter 6: Themes, Color, and Polishing Techniques

9. Part 3: Building for All

10. Chapter 7: Using CSS and HTML to Boost Performance

11. Chapter 8: Responsive Web Design and Media Queries

12. Chapter 9: Ensuring Accessibility in HTML and CSS

13. Part 4: Advanced Concepts

14. Chapter 10: SEO Essentials for Web Developers

15. Chapter 11: Preprocessors and Tooling for Efficient Development

16. Chapter 12: Strategies for Maintaining CSS Code

17. Chapter 13: The Future of HTML and CSS – Advancements and Trends

18. Index

Why subscribe?

19. Other Books You May Enjoy

Interactive and immersive elements

The latest advancements in CSS have introduced a suite of interactive and immersive elements that enhance user engagement and elevate web experiences. Features such as popovers, anchor positioning, select menus, discrete property transitions, and scroll-driven animations provide designers with powerful tools to create intuitive and captivating interfaces. This section explores these innovative features, demonstrating how they transform web design by enabling more responsive, engaging, and visually rich interactions. Let’s start with the popover attribute.

Popover

Since April 2024, modern devices and updated browser versions have embraced the popover global attribute, revolutionizing the way we handle popovers in HTML. This attribute brings convenience, performance gains, and cleaner code—all with minimal reliance on JavaScript.

The popover global attribute is a game-changer for web developers. It automates popover behavior,...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

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 $19.99/month. Cancel anytime

Authors (3)

Brett Jephson

Brett Jephson

Brett Jephson is a product engineer specializing in frontend engineering and design systems. He has worked in media, games, and app companies for many years, putting all the latest and greatest web technologies to use in many interesting ways while championing accessibility and good UI.

See other products by Brett Jephson

Ana Carolina Silveira

Ana Carolina Silveira

Ana Carolina Silveira is a seasoned frontend web developer, known for her expertise in CSS and her deep understanding of user experience and behavior. As an open source enthusiast, she actively participates in community projects, sharing her knowledge and passion for web development with others.

See other products by Ana Carolina Silveira

Lewis Coulson

Lewis Coulson

Lewis Coulson is a senior frontend developer with over 10 years of commercial experience. He has worked at a range of organizations ranging from creative agencies to government departments.

See other products by Lewis Coulson

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m