Happy New Year! A roundup of some articles from various web Advent calendars.
It's another week where finding new articles to publish has been a bit tricky. Unsurprising given this is the first working day back after the holiday for many people. I have however been catching up on reading some of the web "Advent Calendars" that ran over the past few weeks, and so many of the articles today are from that reading.
Yesterday I published a little roundup of my year - which featured a lot of CSS Grid! I'm now looking forward to everything that is to come in 2018. I hope that you are too.
Rachel Andrew, CSS Layout News
Intent to Ship: display:contents - Google Groups
We will soon have
display: contents in Chrome, which makes it a good time to vote for the feature in Edge.
Accessibility Testing Tools for Desktop and Mobile Websites - 24 Accessibility
Paul J Adam demonstrates how to use automated and manual accessibility testing tools on desktop and mobile websites, covering five tools, the pros and cons of each tool, and describe the best features of each tool.
Adhesive action with position: sticky! — Day 21 — Digitpaint's Front-end Advent 2017
A demonstration and tutorial on `position: sticky'.
An Event Apart News: Extreme Design by Derek Featherstone—An Event Apart Video
This talk by Derek Featherstone explains how by creating a great experience for people with disabilities, we actually end up with better designs for everyone.
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks
Sara Soueidan writes about CSS Grid
Monitoring unused CSS by unleashing the raw power of the DevTools Protocol
The Challenge: Calculate the real percentage of unused CSS.
Color Contrast, Beyond the Basics - 24 Accessibility
Beth Raduenzel covers the official guidance on color contrast from WCAG, then goes over and beyond to cover aspects that truly consider the usability of situations where color contrast is important.
A creative design by Lynn Fisher
Resize your browser window to see the amazing detail that has gone into this design.
Make 2018 the year you really learn CSS layout
Let me teach you layout, and save yourself time with every site you build.
I've distilled my knowledge about CSS Layout into this training course. This course has something for you if you are new to CSS, have been using frameworks for a while and want to understand how they work, or have been doing this for a while but want to understand the newer layout methods. The course includes video tutorials, text explanations and all the starting points to follow along.
The full table of contents gives an overview of what you can learn - at your own pace. We also have a Slack community where you can ask questions about the course materials.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.