Issue 543 - Underused CSS features in 2022 (17)

PushIn.js: A Lightweight Parallax / Dolly / Push In Effect for Web Pages — Simulates an interactive dolly-in or push-in animation when scrolling. The homepage is itself a live demo.

The Era of Rebellious Web Design is Here — This is something of a case study on the provocative work of agency ‘Code and Theory’, looking at their approach to editorial web design — a notably bold ‘website as app’ aesthetic, described here as ‘web brutalism’. An interesting bit of food for thought on how things don’t have to always follow a set visual path.

Lesser-Known and Underused CSS Features in 2022 — A look at which properties and selectors are lesser-known or should be used more often — the likes of currentColor, scroll-padding, isolation, and contain-intrinsic-size pop up here. I learnt something.

The Surprising Truth About Pixels and Accessibility — Pixels or rems? This comprehensive blog post aims to answer this question once and for all. You’ll learn about the accessibility implications, and how to determine the best unit to use in any scenario.

WordPress 6.0 “Arturo” Released — Boasts “nearly 1,000 enhancements and bug fixes”, including new design tools, performance improvements, and accessibility enhancements. This post also highlights how WordPress is the CMS behind a huge 42% of sites globally.

An API for Fast, Beautiful Web Fonts — Here’s an update on the Google Fonts CSS API, looking at how it works, how to use it, and how it can efficiently deliver your web fonts.

▶  Secret Mechanisms of CSS — This talk digs into some common misunderstandings about CSS, to see if we can fill in some gaps in our mental model of the language.

The Balance Has Shifted Away From SPAs — “how the context has changed in recent years to give MPAs more of an upper hand against SPAs”

CSS: Absolutely Positioning Things Relatively — An approachable look at using CSS grid to render complex webpages responsively. Plenty of visuals and code examples to help things along.

Building an Interactive Starry Backdrop for Content — A thorough walkthrough/tutorial for building your own drop-in React component that brings an interactive visual backdrop to your site.

Five Things I'd Want to See Improved in WordPress Core — If you could write your own roadmap for the next few years of WordPress, what would it look like?

Eva Icons: A Set of Beautifully Crafted Open Source UI Icons — Bit of an older project that includes 240+ icons in SVG or PNG format, each with an outline or fill version, and you can also select an animation type on hover.

AnimatiSS: A Small Collection of Drop-in CSS Animations — Choose from ten styles of animation (rotate, scale, slide, etc.), then select from one of the many variations of the chosen style.

LunchboxJS: A Custom Vue 3 Renderer for Three.js — Straight in with a snazzy full-page demo here! The docs may prove more useful after checking it out.

Decrease Notification Development Time with Automation API and Builder — Product can easily build the templates and automation rules in our UI, and engineers can call it via our single send API.

Locate Front-End Issues on Web Applications in Real-Time with Datadog — Identify and resolve front-end issues on your web applications before your customers notice. Start a free trial today.