Issue #258

March 28, 2017

Practical CSS Grid: Adding Grid to an Existing Design

Eric Meyer shows how to convert your existing designs to CSS Grid without breaking in non-grid browsers.

Building Performant Expand & Collapse Animations

Paul Lewis & Stephen McGruer explain how to use scale transforms to keep your UI performant when making expand and collapse effects.

Thinkific

The #1 Course Platform: Grow your business with online courses. We can help. We give you the most control over your courses, and are absolutely fanatical about customer success.

Get Started Free

Articles & Tutorials

Case Study: My First Practical CSS Grid Layout

Tyler Sticka demonstrates how can grid layout help you easily solve some complex design problems.

Writing Modular CSS with Namespaces

Zell Liew shares how and why he uses namespaces when working with BEM methodology.

CSS Remynification: A Completely Crazy Idea That Worked

Remy Luisant tried running his stylesheets multiple times through CSS Minifiers. Results are quite interesting.

CSS Sidebar Toggle

Silvestar Bistrović demonstrates how to create an accessible off-canvas navigation.

Bulletproof HTML Email Buttons - A New Line-Height Based Approach

Mihály Sáróy tests various email button techniques and introduces a new line-height based approach.

Find Top Designers and Developers Fast

The search is over. Let Toptal connect you with the world’s most talented UX/UI designers and developers.

Get Started Today

Tools

Should you learn [insert shiny new tool]?

Zell Liew shares a simple framework that will help you determine if you should switch to a popular new tool.

Choices.js

A lightweight (~15kb gzipped), configurable select box/text input plugin without any dependencies.

Check it out

Inspiration

CSS Only 3d Paper Fold Text Effect

Mandy Michael created a beautiful paper folding effect with text using pure CSS.

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 #257 Issue #259

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