Design and Develop

Six questions for Paul McFedries, author of Web Design Playground: HTML and CSS the Interactive Way

Paul McFedries is a web designer, instructor, and the author of more than 100 books. You can find him all over the internet, including his own website.

Free eBook: Back to Simple CSS


Chapters selected by Ben Farrell

The Shadow DOM

From Web Components in Action by Benjamin Farrell

This article covers:

• Component and Class Encapsulation
• How the Shadow DOM Protects Your Component’s DOM
• The Open and Closed Shadow DOM
• Shadow DOM Terminology: Shadow Root, Shadow Boundary, and Shadow Host
• Polyfilling With the Shady DOM

Building your First Web Component

From Web Components in Action by Ben Farrell

This article walks you through the creation of your first web component.

Creating your Own Web Components


From Web Components in Action
By Ben Farrell

Modular CSS

From CSS in Depth by Keith J. Grant

Just what is Modular CSS? Read this article and find out!

Responsive Design with CSS

From CSS in Depth by Keith J. Grant

This article takes a look at the three principles of responsive design. We will start building a responsive page, and I’ll unpack each of them as we go. After that, we’ll take a look at images, which require some special considerations on responsive sites.

Web Layout is Here: grid layout

From CSS in Depth  by Keith J. Grant

This article delves deep into grid layout in CSS, how it works, and how you can make it work for you. Grid layout is also contrasted and compared to Flexbox.

Powered by Service Workers: how PWAs work their magic

From Progressive Web Apps by Dean Hume

In this article, we are going to learn about what makes a web app “progressive” and how you can unlock the powerful functionality that already lies within your browser. We will also delve into “Service Workers” – the new feature that makes PWAs possible in the first place.

Unlocking the Secrets of Cascade and Specificity

From CSS in Depth by Keith J. Grant

In this article we’ll begin with the “C” in “CSS”, the cascade. I’ll articulate how it works, then show you how to work with it practically.

© 2023 Manning — Design Credits