Issue #250

January 31, 2017

Understanding the Critical Rendering Path

Ire Aderinokun on how can knowledge of the Critical Rendering Path be incredibly useful when improving your site’s performance.

Sara Soueidan shares some of the challenges and the solutions she used while redesigning the Smashing Magazine.

Compose

Fast MySQL hosting with HA: 3 Node High Availability, Daily Backups, Auto-scaling & More. Free for 30 days.

Try Compose and Get a Free T-Shirt

Articles & Tutorials

CSS Architecture for Multiple Websites With Sass

Elad Shechter shares some advice on building a large-scale cross-product CSS architecture.

Building a Fully-Accessible Help Tooltip

Sara Soueidan explains in detail why you need JavaScript if you want to create fully-accessible interactive components.

How to Create Direction-Aware CSS-Only Hover Effects

Gabrielle Wee shows how to create direction-aware CSS-only hover effects.

Building a Morphing Hamburger Menu with CSS

Luis Manuel demonstrates how to create a morphing hamburger menu with pure CSS.

A Simple Use of CSS Grid

Timothy B. Smith shows how simple it is to create a two column layout using CSS Grid.

7-day download binge of HD videos, 4k BG loops & After Effects templates from Video Blocks

Get 140 royalty-free downloads to use on your site, forever w/ Videoblocks (free but CC required).

Start Downloading Immediately

Tools

CSS Peeper

CSS Peeper is a Chrome extension that will show you useful design styles for the current website.

Check it out

Runway

A simple tool that reads your stylesheet and builds a beautifully formatted styleguide.

Check it out

Inspiration

Be the Black Sheep

In this talk, Mike Kus shares the secrets of how to extract an organisation’s identity, and use it as the inspiration for crafting truly distinctive web design.

Get inspired

Until Next Week

If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #249 Issue #251

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