I'm more interested in completely impossible things rather than bugs in browser implementations for existing things - however if you send me something impossible and I figure there is a way to do it, I'll write it up. If you have a CodePen/js Bin or similar that demonstrates the issue that's ideal - but I'll happily accept a drawing!
On with the links, a whole bunch of stuff this week and a new sponsor - thanks to Environments for Humans for sponsoring this week with the CSS Summit.
Rachel Andrew, CSS Layout News
"Snapper is a lightweight script that'll apply CSS and JS carefully to create a broadly-functional snap-points carousel. This script builds on a simple overflow container and native CSS snap points"
A grid inspector for Firefox. It's still in development and has bugs (at the time of writing grid gaps seem misplaced) but this is really promising for anyone working with CSS Grid Layout.
When I present on Grid, everyone wants to know when it will be shipped. I have no answer to that question but here is a great set of slides explaining the status of the implementation in Blink - with links to the Chrome bugs so you can take a look at progress of any feature you want to be able to use.
A brilliant guide to the
display property from Chen Hui Jing.
I attended CSS Day and HTML Special in Amsterdam last week, and here is a link to all of the coverage of the event.. All of the talks were filmed and so there should be videos at some point in the future.
As you may have noticed I like to play around with experimental CSS, to try and find the edges of what is possible. In this post and related code examples I'm taking an example from the CSS Figures specification and seeing whether any other specs can get us close to that layout. It involved several browsers and some imagination!
"Adding elements to a page one at time to demonstrate the one-way nature of most CSS layout; later elements do not affect the position of earlier elements."
Join us for the virtual CSS and Sass conference event, CSS Summit, and discover the tips and techniques to improve your CSS, keep it responsive and lean, and ready for the future. From Flexbox to Style Guides, from Sass to PostCSS, our experts can help you find the best ways to create your best CSS. Best of all, there’s no travel hassle with E4H’s online events! Enjoy all the presentations, and ask questions of the speakers live on your own desktop, then review the recordings later on at your own pace. Register now and save 20% with LAYOUTNEWS code at CSSSummit.com.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.