Issue 105
Gridbugs, a Grid Inspector and so long Flash.
News
Issue 105
I'm in Paris for the CSS Working Group meeting this week. Before I headed out here I spent some time putting together a list of CSS Grid interoperability issues. The good news is there aren't vast numbers of these that people are running into regularly. Hopefully those we do find, can get a fix quickly.
After Paris I have a few weeks at home before the next conference season begins. It all starts with An Event Apart Chicago. An Event Apart are very kindly sponsoring many CSS Layout News Editions this year - check out the bottom of this email for a discount on ticket price.
Rachel Andrew, CSS Layout News
I've started to create a list of bugs and issues with CSS Grid Layout. If you come across an interoperability issue in a browser, then please raise an issue so I can add it to the list.
Jen writes about all the new good stuff that is part of the Firefox Grid Inspector shipping in Firefox Nightly - plus shares a video showing you around the tool. If you are using Grid Layout you really need to be using Nightly - there isn't any better way to see what you are doing with Grid.
Chrome 60 is now out which includes the new Paint Timings API and CSS font-display property.
Learn
A Patterns Day in Brighton I talked about my work on the Perch and Perch Runway 3 User Interface, a talk which describes our use of Fractal, and an approach for supporting older browsers. You can watch the video here.
As Flash approaches the end of the road, Bruce writes about how important it was in terms of helping to push the web forward and notes how many people believed it would herald the demise of HTML and CSS.
"Browser vendors were scared of Flash (and Silverlight) with good reason. For example, when I set up glasshaus, a publishing imprint for web developers, colleagues in friends of ED (an imprint for Flash and Photoshop professionals) joked that there was no point, because browsers would be replaced by the Flash Player."
An interesting use of viewport units to scale a fixed layout. Probably not something you need every day but file under "handy to know" for those specific circumstances where it would work.
Interesting
Lovely design built using CSS Grid Layout for the Microsoft Edge Web Summit by Melanie Richards.
A JavaScript method for scaling text to fit within a container. Might be handy!
Our Sponsor
You’re smart, focused, and dedicated to your craft. At An Event Apart, we bring together people like you and take your thinking to the next level, delivering cutting-edge insights and information at a conference that will energize and educate you.
Whether you’re a designer, coder, or content expert you’ll learn in the same room at the same time, sharing the same ideas with your peers. Set yourself Apart. Register now and save $100 with discount code AEACSSLAYOUT.