Issue #338

November 6, 2018

Web Performance 101

Ivan Akulov gives an introduction to the modern web loading performance.

Redesigning Your Product and Website for Dark Mode

Andy Clarke on what you should consider when designing a dark mode version of your product or website to ensure you maintain accessibility and readability, and a consistent feel for your brand between Light and Dark.

Percy: Automated visual UI testing

Replace time-consuming manual QA to catch visual UI bugs automatically.

Percy’s all-in-one visual testing solution makes it easy to test your UI across browsers and responsive breakpoint widths and review all visual changes with a single click.

Get started with our free 14-day trial.

Articles & Tutorials

Organize CSS with a Modular Architecture: OOCSS, BEM, SMACSS

Claudio Mendonca explains how to organize your CSS architecture using methodologies like OOCSS, BEM, and SMACSS.

Implementing a Variable Font With Fallback Web Fonts

Oliver Schöndorfer shows how to integrate a variable font on your website with classic web fonts as a fallback.

Are You Accessible? — A Primer on Web Accessibility

Amy Dickens gives an excellent, in-depth primer on web accessibility.

The Web Accessibility Introduction I Wish I Had

Max Antonucci on the importance of accessibility, how to achieve it, and how to test it.

Getting lost in tabs? Have all your work apps, in one place.

Station is a free desktop tool that aggregates all the different apps you use at work. If you’re having a hard time handling 50 open tabs or simply staying focused: this is for you!

Regain control, stay focused, get Station:
• 500+ supported apps
• Product of the Year 2017 on Product Hunt

Download now: it's free!

Tools

IntelliSense for CSS Class Names in HTML

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.

Check it out