Issue #276

August 1, 2017

CSS Custom Properties—Dynamic Changes with and Without JavaScript

Steven Bradley explains why is one of the main advantages of CSS Custom Properties the ability to change them in response to JavaScript or user interaction.

How to Create a Beautiful Animated Loader with Nothing but CSS

Julien Benchetrit demonstrates how to use pseudo-elements and keyframe animations to create a pure CSS loader.

Great Developers Ship they Don’t Configure Website Search

Developers want to spend more time developing products and websites, not configuring search. While search is critical for site visitors, it shouldn’t be difficult to implement and manage.

Do you know what your site search options are?

Articles & Tutorials

Why display: contents Is Not CSS Grid Layout Subgrid

Rachel Andrew looks at the different problems display: contents; solves and explains why we still need subgrid.

Testing the Accessibility of Pattern Libraries

Hidde de Vries looks at accessibility testing in different levels of pattern-library driven development.

Supporting Reduced Motion Using CSS Variables

Steve Gardner‏ shows how CSS variables make supporting reduced motion settings easy.

Using Viewport Units to Scale Fixed Layouts

Sebastian Eberlein explores some cases where scaling a fixed layout with viewport units can be a viable solution.

Tooltips & Toggletips

Heydon Pickering explains how to design tooltips to be as inclusive as possible.

Affinity Photo for iPad

Affinity Photo is the first fully featured photo editing app for iPad – as seen at WWDC2017.

→ Buy for iPad

Tools

GridBugs

A community curated list of CSS Grid Layout bugs, incomplete implementations, and interop issues.

Check it out

Slate

Slate is a tool that will help you create beautiful, intelligent, and responsive API documentation.

Check it out

Inspiration

CSS Grid Layout as Masonry

A wonderful demo that clearly demonstrates that we no longer need JavaScript to build masonry layouts.

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #275 Issue #277

CSS Stickers!

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly