Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…

No bloat, no magic, no config. Mastro gets out of the way, so that you can focus on building awesome websites.

A classic site

Minimal files config for a PWA. Contribute to chr15m/minimal-pwa development by creating an account on GitHub.

Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.

In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects. This post is the result of his research, and he hopes you’ll find some of these useful to you, as you build HTML pages in the coming months.

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.

Text alternatives, are a primary way of making visual information accessible, because they can be rendered through many sensory modalities (for example, visual, auditory or tactile) to match the needs of the user. Providing text alternatives allows the information to be rendered in a variety of ways by a variety of user agents.

Every element I use for the basic structure of a HTML document, with explanations why.

Mailing list for new content at the Web Design References site.

Comprehensive guide on HTML, CSS, Accessibility, &c.

Download IBM Equal Access Accessibility Checker for Firefox. A web developer tool that checks web applications for accessibility issues.

Empower the web community and invite more to build cross-platform apps

Now to be fair, I’ve dunked on shadow DOM a bit in the past myself… such as when it’s used as a container for piles of JavaScript-generated HTML that would be better off in the page from the start. But the more I’ve worked with web components, the more I’ve come to see that shadow DOM (and slots in particular) may still play an interesting role in the HTML Web Components story.

A collection of ten simple one-line CSS solutions to add little improvements to any web page. :: Blog post at Alvaro Montoro’s Personal Website.

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible

Clean up user-submitted HTML, preserving whitelisted elements and whitelisted attributes on a per-element basis. Built on htmlparser2 for speed and tolerance - apostrophecms/sanitize-html: Clean up user-submitted HTML, preserving whitelisted elements and whitelisted attributes on a per-element basis. Built on htmlparser2 for speed and tolerance

Favicon Generator. For real.