Flexbox: How Big Is That Flexible Box?
Rachel Andrew explains how to control the size of your flexbox items, and what choices the browser makes when it controls the size.
Create Your Design System: Buttons
Sebastiano Guerriero shares some advice on working with buttons in your design systems.
From Our Sponsor (via Syndicate)
Project tracking, teamwork & client reporting like you’ve never seen before.
monday.com is a project management tool your team will actually enjoy using. It makes it fun and easy for everyone to collaborate, focus on what’s important, and get more done at work. monday.com is a visual project management tool that’ll help you and your team collaborate and achieve more together.
Articles & Tutorials
CSS Only Floated Labels with :placeholder-shown Pseudo Class
Nick Salloum shows how to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class.
Aspect Ratio Media Elements and intrinsicsize
Chris Coyier introduces the intrinsicsize attribute for image element types (including SVG images) and videos.
Complete Guide to CSS Scroll Snap
Gearóid outlines how CSS Scroll Snap works, and shares a demo that works in all major browsers.
To Make Your Product Accessible, Consider Accessibility at Each Stage of the Design Process
Jessica Ivins explains why you should think about accessibility at each stage of the design process.
The Importance Of Manual Accessibility Testing
Eric Bailey explains why you should use automated accessibility tests just as one step in a larger testing process.
Promoted Link
The Big Book of Font Combinations
This amazing resource streamlines your research by putting a working historical record of the most influential typefaces in your hands. It has been compiled by expert font lovers to help you dig deep and discover great looking combinations of typefaces and fonts.
Tools
ScrollOut
ScrollOut is a JavaScript micro-library that detects scroll/resize changes in the browser and assigns attributes and live CSS Variables to the scrolling element and a list of targets.
Pa11y
Pa11y is an automated accessibility testing tool that runs HTML CodeSniffer from the command line for programmatic accessibility reporting.
Inspiration
3D Emoji Town (Pure CSS)
George W. Park created an animated 3D emoji town in pure CSS.
Until Next Week
Thanks for reading and thanks for your support, *|FNAME|*.
Happy coding,
Zoran Jambor
Until Next Week
Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.
Happy coding,
Zoran Jambor
The post Issue #331 appeared first on PSD 2 WordPress.