Issue #325

August 7, 2018

Improve Your Motion

Erick Leopoldo shares a nice technique to improve your transitions and show your content in the most fluid way.

How I Built a Mood Changing Animation Using CSS Masks

Ankit Karnany demonstrates how to build a simple animation of a face with different expressions.

Smashing Bundle! Usability and UX for Web Design

With this Usability and UX for Web Design bundle of eBooks from Smashing Magazine, you’ll be able to master both basic and advanced UX topics in no time.

Learn More

Articles & Tutorials

Well-Controlled Scrolling with CSS Scroll Snap

Robert Flack and Majid Valipour give an introduction to CSS Scroll Snap.

What Happens When You Create A Flexbox Flex Container?

Rachel Andrew takes a detailed look at what actually happens when you add display: flex to your stylesheet.

CSS Exclusions With Queen Bey

Chen Hui Jing shares some thoughts on CSS Exclusions and new CSS features in general.

Eight Things You Need To Know About Design Systems

Mikhail Gündoğdu gives an excellent introduction to Design Systems.

Toggle-Switch Guidelines

Alita Joyce explains how to create good, accessible toggle switches.

Practice your coding skills for FREE and get job offers

Are your coding skills still up to date? Make sure they are. Use Pramp – practice with peers and get job offers from top companies.

Are you ready for your next big opportunity?

Tools

Nutrition Cards for Accessible Components

A11Y Nutrition Cards is a checklist that simplifies the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.

Check it out

Devhints

Devhints is a nice collection of web development cheatsheets.

Check it out

Inspiration

Digital Psychology

Digital Psychology is a library of psychological principles and examples for inspiration to enhance the customer experience and influence your user’s behavior written by Daniel Stefanovic.

Get inspired