This CSS Layout News introduction comes from a British Airways aircraft as I return from the USA to the UK. I'm now looking forward to being in Lyon for W3C TPAC, and the CSS Working Group meetings there, after a few days at home this week.
I've been chatting with a few teams about coming in and running CSS Layout workshops for them, and right now is a very good time to book me for early next year, before my diary starts to look silly! Drop me a line if your company would like me to come and spend a day teaching a practical approach to CSS layout, based on your requirements.
Rachel Andrew, CSS Layout News
An article about positioning items using negative grid lines, plus the creation of implicit tracks.
A site with some suggestions as to how to avoid a modal, with example design patterns.
I like this accessibility cheatsheet. A few practical tips to help you make your design more accessible.
A post about generated content in CSS. As the article points out, as web developers we most often use generated content for adding styling elements, in the world of Paged Media however generated content is used for much more. I wrote an article a few years ago about using CSS for printed publications, which features the use of generated content to add content to the header and footer of pages.
A fun collection of posters created using CSS Grid Layout.
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.