Dropdown Menus with More Forgiving Mouse Movement Paths
An excellent article by Chris Coyier on how to (easily) improve the UX for dropdown menus.
Issue #152
Extending the Color Cascade with the CSS currentColor Variable
Sara Soueidan looks at the currentColor keyword and explains why it is useful.
From Our Sponsor
An Event Apart
Master your craft at the conference for people who make websites. An Event Apart is the web design and development conference where groundbreaking techniques break first. It’s where mission-critical techniques are mastered, and new ideas become industry-wide best practices. Register now and save $100 with discount code AEACSSW.
Articles & Tutorials
CSS Clocks
Donovan Hutchinson describes how to use CSS and CSS animations to design a basic clock, then goes further by applying the current time, different visual styles and even localisation.
Harnessing Flexbox For Today’s Web Apps
Karen Menezes shows how flexbox provides simple solutions to layout paradigms that CSS has always struggled with: vertical centering and equal heights.
Introducing @counter-style
The CSS Counter Styles Level 3 specification, which reached Candidate Recommendation last week, adds new predefined counter styles to the existing list that should address most common counter use cases.
Your Nesting Is Harmful
A short read about abusing a preprocessor’s nesting feature and the consequences of doing so by Kevin Lorenz.
Responsive Email Layouts for Gmail App
Julie Ng shows a couple of approaches for creating responsive emails that work in Gmail App.
Inspiration
Material Sheet Isometric Animation
Nathaniel Watson recreated the animations of physical properties from Google’s material design using CSS. Quite lovely.