Editor's Pick
ORBIT - The CSS radial composer
Orbit is a CSS framework designed to create radial UI designs effortlessly. It provides intuitive CSS classes and standard web components for building radial menus, dashboards, creative portfolios, or a cutting-edge applications.
You can see some examples here.
Accessibility
Forms without an accessible name are not exposed as ARIA landmarks
Forms without an accessible name won't expose a proper "role" landmark region.
Assistive Technologies Is More Than Screen Readers
A screen reader is a single element of the overall set of assistive technologies. In practice, however, each is often used as a metonym for the other.
CSS
ORBIT - The CSS radial composer
Orbit is a CSS framework designed to create radial UI designs effortlessly. It provides intuitive CSS classes and standard web components for building radial menus, dashboards, creative portfolios, or a cutting-edge applications.
You can see some examples here.
Whirl: CSS loading animations with minimal effort
Whirl is a curation of CSS loading animations ("whirls"). It started as a drop in CSS file to get easy animations using :pseudo elements. It's now a collection of loading animations to use, take inspiration from, change and do what you want with.
108 "whirls" at the time of this writing.
HTML
Intent to Prototype: HTML handwriting attribute
This feature provides a standard mechanism to indicate whether an element or its subtree should allow user agent handwriting input. User agents that support handwriting recognition as a means to input text using a pen/stylus will behave differently than a user agent that doesn't support handwriting. However, this handwriting may not be desirable for all supported input fields. By specifying the HTML handwriting attribute, authors can indicate when the user agent should not allow handwriting.
JavaScript
Paper.js — The Swiss Army Knife of Vector Graphics Scripting
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.
date-fns - modern JavaScript date utility library
date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript
Best practices to avoid excess memory usage when managing updating the DOM to make your apps fast.
Your Customers Hate JS (they just don't know it)
When we default to using JS frameworks to build marketing sites, we often take JS solutions to these problems.
I believe that codebases for sites built using React are, on average, more complex, more difficult to optimize, and more difficult to maintain than those that primarily use HTML and CSS, with some basic JavaScript for interactivity. They are also highly permissive to JavaScript solutions when it might be better to ask the question, “is there another way that I can do this”?