Issue 384 - 10 HTML Elements You Didn't Know You Needed (20)

An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods — A look at how to best leverage these three useful JavaScript array methods, with tips on how to remember them.

All You Need to Know About Hyphenation In CSS — We linked to a piece exploring hyphenation support back in January. Here’s another good look at how to use it practice, along with use case examples.

Crafting Reusable HTML Templates — We linked to the first post in this five-part Web Components series in last week’s issue, and now all posts are available. It’s a good look at why Web Components are a great approach to building front-end components and UI elements in a standardized way.

10 HTML Elements You Didn't Know You Needed — This is reasonably elementary, but reminded me of the sort of things that did well back when we were called HTML5 Weekly so.. here's a quick look at some HTML elements, a few of which you might not have known existed.

Using closest() to Return the Correct DOM Element — closest travels up the DOM tree from the current element and returns the closest ancestor that matches the given parameter.

Better Web Video with AV1 Codec — How to use AV1 to make videos on your site both smaller and better quality. Includes CLI instructions and some cross-browser tricks.

How We Built The Fastest Conference Website in The World — Yes, a bit of a clickbait headline, but there’s a few handy strategies and tips here that were employed to make the JSConf EU site speedy.

Create Robust Angular Apps Using Pre-Built Components with Full Support — Download our free 30-day trial of ExtAngular to gain access to 115+ components, all built to use with Angular applications.

Building Accessible Websites and Apps Is A Moral Obligation — What if web accessibility was legally required in the way handicapped access is in physical businesses? (Note: It is in some countries.)

See No Evil: Hidden Content and Accessibility — Looks at scenarios in which you may want to hide content, and how to handle such situations in an accessible manner.

How to Manipulate CSS Colors with JavaScript — This goes into a lot more depth than you might be expecting.

SVG Circle Decomposition To Paths — How to turn SVG circles into paths which you can use in animation and text paths.

CSSeffectsSnipets — A nice little collection of CSS animations, with one-click copy and paste, created with Vue.

Exploding 3D Objects with Three.js — A set of effective WebGL demos that show an exploding 3D-object animation.

dropcss: A Simple, Thorough and Fast Unused-CSS Cleaner — A simple tool for finding and removing unused CSS.

x-ray: A Visual Debugger for Your HTML, Executable Via A Bookmark — Enables you to see the space taken up by each individual element.