Issue #313

May 2, 2018

CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance

Chris Eppstein announces CSS Blocks (an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets) and OptiCSS (a template-aware stylesheet optimizer).

Native-Like Animations for Page Transitions on the Web

Sarah Drasner shows how to create seamless page transitions using Vue and Nuxt JavaScript frameworks.

Automate Your Email Marketing

ActiveTrail offers a world leading email marketing platform, newsletter software and marketing automation solutions.

Articles & Tutorials

Flexbox Fallbacks for Popular UI Solutions That Use CSS Grid

Una Kravets shares a couple of Flexbox fallbacks for popular UI solutions that use CSS Grid.

Grid Level 2 and Subgrid

Rachel Andrew explains what is happening with CSS subgrid and the level 2 spec.

Measuring Websites With Mobile-First Optimization Tools

Jon Raasch shares some specific ways mobile performance impacts your site and page speed results, and explains how to identify and remove the code debt that bloats and weighs down your site.

Stacking CSS Transforms

Wes Bos shows that you can stack CSS transforms of the same type if you are mixing units.

Writing Accessible Web Content

Caralyn Green shares her tips for writing accessible content.

As a supporter, you will get an ad-free newsletter ahead of time, your profile will be shown on CSS Weekly’s website, and you will get a warm, fuzzy feeling knowing that you’re supporting your favorite newsletter.

Become a Supporter

Tools

A11y Dialog

A11y-dialog is a lightweight (1.3Kb) yet flexible script to create accessible dialog windows. Newly released version 5.0.0 aims at leveraging the native <dialog> element from HTML 5.2.

Check it out