The Guide to Responsive Design in 2023 & Beyond — Ahmad shares a detailed look at modern responsive web design, offering a thoughtful take on how we should think about things in 2023. An excellent and up-to-date primer which may get you thinking about certain approaches.

Ahmad Shadeed

Mozilla, Google Looking Ahead to the End of Apple's WebKit? — Following word of Chrome’s Blink-based efforts, work on a Gecko-based version of Firefox for iOS is also said to be underway. Currently only WebKit-powered browsers are allowed on Apple’s iOS — but the hope from Google and Mozilla is that this will change.

Thomas Claburn

New Courses on the React Learning Path — React Performance: Optimize React applications for maximum perfromance. React & TypeScript: Create robust and reliable React apps at Scale.

Frontend Masters sponsor

Ten Web Development Trends in 2023 — Following the State of JS survey results Robin takes a considered look at new web dev trends that we should be paying attention to this year, and why they matter.

Robin Wieruch

Announcing Interop 2023 — 'Interop' is an ongoing cross-browser effort to “increase interoperability across browsers in key technical areas”. In 2022 significant improvements were made. This post from Mozilla outlines the plan for the year ahead.

James Graham (Mozilla)

How To Build a 'Magazine Layout' with CSS Grid Areas — A practical look at how to use the capabilities of CSS Grid to “achieve layouts that look like they were laid out by hand”.

Jennifer Brehm

ElementInternals and Form-Associated Custom Elements — As of Safari Technology Preview 162 support for the ElementInternals API is enabled, bringing it up to speed with other browsers.

Ryosuke Niwa

A color-contrast() Strategy for Complementary Translucent Backgrounds — Adam demos a potential ‘future CSS trick’ for dynamically contrasting text with a supportive translucent background to ensure maximum accessibility. Read the comments for further context, as this is just a bit of wish casting at this point.

Adam Argyle

Bringing Letters to Life: Coding a Kinetic SVG Typography Animation — Learn how to recreate a neat motion type effect using SVG and GreenSock. There's code examples and CodePen demos to help things along.

Louis Hoebregts

'My Favourite 3 Lines of CSS' — ...revealing just how powerful CSS custom properties are.

Andy Bell

Vanilla List: A Directory of Vanilla JavaScript Plugins — But note that the plugins themselves may have multiple dependencies, just not stuff like jQuery, React, etc.

Glitch.Family

Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut — The best issue tracking software is one that software developers are actually happy to use.

Shortcut (formerly Clubhouse.io) sponsor

lawnmower: A Library to Build VR Layouts Using HTML Tags — A web component library that aims “to make building a basic VR website as easy to make as your first HTML site”. There’s a 10-minute video showing it off here. Getting flashbacks to the X3D and VRML eras :-)

Gareth Marland

Swiper 9.0: Mobile Touch Slider with Accelerated Transitions — Tree shakable, library agnostic, and focused entirely on modern browsers and web APIs. RTL support too. GitHub repo.

Vladimir Kharlampidi

URL Animations: Add Loading Animations to a Site's URL — Certainly a novelty that you won’t use on many projects, if any! You can check out lots of different live examples here.

Abubukker Chaudhary