It's going to be easier to style the 'details' and 'summary' elements

Accordion details, toggle switches, styleable selects, responsive video, and more!

HTML attributes are like little instructions that we add to the markup of elements to make them do certain things or behave in certain ways. For example, most of us know that the `target` attribute with a value of `_blank` opens the link in a new tab or window. But did you know that you can use it on the `form` element, too? John Rhea presents several lesser-known uses for common HTML attributes.

How (and why) to use shadow DOM, now that the declarative syntax is here.

A collection of useful cross-browser DevTools tips - GitHub - captainbrosset/devtools-tips: A collection of useful cross-browser DevTools tips

In this guide, Pearl Akpan analyzes the methods and properties that make user interface solutions such as infinite scrolling, animating elements on scroll, or even the popular drag and drop achievable, and afterward, dives into some practical use cases for them.

A visual overview of useful skills to learn as a web developer

Test your website at different resolutions! Screenfly is here to show you how your website looks on any device. 📱

A one-stop-shop for explanation about Right to Left languages online.

HTTP Status Dogs. Hypertext Transfer Protocol Response status codes. And dogs.

Firefox is not only one of the highest rated browsers but also quite popular among web designers and developers. One of the many reasons why Firefox is

Smart and easy visual feedback for websites and images. Invite unlimited contributors to any project. Did we mention it's free?

This session, recorded for SmashingConf SF 2020, shares 15 tips for web design with DevTools in Chromium-based browsers like Edge and Chrome.

This is an extended version of my essay “When front-end means full-stack” which was published in the wonderful Increment magazine put out by Stripe. It’s also something of an evolution of a couple other of my essays, “The Great Divide” and “Ooops, I guess we’re full-stack developers now.”

Unlike most design software, Figma is free and browser-based so developers can easily access the full design files making the developer handoff process significantly smoother. This article explains everything they need to know to work with Figma.

There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be

What if everyone's wrong?

Never have to resize your window again! With everysize, you can review your responsive webpage in all the sizes that matter in one go 🙃/>

Ever since releasing Grid Inspector, the Firefox DevTools team has been inspired to build a new suite of tools to solve the problems of the modern web. In this article, we’ll learn about all 7 tools and take a peek at potential future projects.

Sitemaps and Userflows Made Simple

We rarely acknowledge the vast majority of web developers.

Modern design tools, of both the vector and code kind, are amazing pieces of software that in recent years have transformed the design profession, but none of them seem to really understand the con…

Heydon Pickering published a fantastic post called Reluctant Gatekeeping: The Problem With Full Stack. I have about 3 blog post drafts covering similar ground and apparently we see very much eye-to-eye on this, so I thought it might be worthwhile to walk through Heydon’s post and layer on my comment

Do you want to set your project up for success? This guide will help you to write a technical website specification for your next web project. Includes an outline of all relevant sections.

The Odin Project empowers aspiring web developers to learn together

Friendly web development tutorials for complete beginners

InVision, the NY-based design platform focused on collaboration, has today announced the acquisition of Wake. Wake is a design tool focused squarely on supporting design visibility throughout a particular organization. Wake allows companies to share design assets and view work in progress as designers build out their screens, logos, or other designs. Design team leaders, […]