Links
Orange You Accessible? A Mini Case Study on Color Ratio
The difference between the buttons is complex and opens up additional questions of accessibility. Join me as I qualitatively deconstruct why the white text on an orange button is more legible than the black text button, despite what quantitative results such as contrast ratios would suggest.
Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up
By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value.
New Values and Functions in CSS
The CSS Working Group released the first Public Working Draft for the CSS Values and Units Module Level 5. It describes the common values and units that CSS properties accept and the syntax used for them, and it comes with some interesting new features.
Introducing TODS – a typographic and OpenType default stylesheet
Introducing a new open source web typography project. The idea is to have a default CSS file to set sensible typographic defaults for use on prose text, making particular use of the font features provided by OpenType.
Redesign Case Study
A few days ago, I published a new design for my website. In this article, I will discuss why I redesigned it, the process, and a few highlights from the design in general.
Videos
CSS Masonry Layouts
The video has been released of my talk about Masonry layouts at CSS Day in Amsterdam. I hope I did justice to a complex topic people have very strong feelings about. I certainly tried to share both takes clearly and fairly.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.