Issue 93
A book giveaway, I talk CSS Grid on ShopTalk along with Jen Simmons, flexbox learning resources
News
Issue 93
I am back from speaking at CSSConf EU on the subject of "Where does CSS come from?" My slides are here, and I believe the video will be out soon. Next stop for me is An Event Apart in Boston. After that I'll be at Google I/O - not speaking, just hanging out and going to sessions.
Announced in the last few days, I'll also be speaking at NordicJS in Stockholm.
Rachel Andrew, CSS Layout News
Giveaway time!
Our friends over at SitePoint have published Jump Start Responsive Web Design, 2nd Edition and have given me three copies to give away.
To get your name into the virtual hat, send me an email (replying to this will work) and tell me 2 things:
- What aspect of CSS layout would you love to learn more about?
- Do you prefer video tutorials or written instructions?
Send this before next Monday, 15th May and I'll draw 3 email addresses at random from the submissions and send them to SitePoint who will sort out sending the books.
262: CSS Grid with Rachel Andrew and Jen Simmons - ShopTalk
Jen Simmons and I were invited onto the ShopTalk Show to talk about CSS Grid Layout. It was a fun conversation.
Can I use CSS Box Alignment?
A lengthy post from Javier Fernández explaining the state of Box Alignment in CSS, which also explains the complexity of partial implementations of specifications.
Do check out the table partway through the post detailing the analysis of support across browsers.
CSS Layout Club NYC (New York, NY) | Meetup
In NYC? If so then check out CSS Layout Club, organised by Jen Simmons. Upcoming dates are this Thursday, 11th of May and then the 20th June.
The :focus-within pseudo class | Ian Devlin
A handy new pseudo-class is focus-within which is active when an element or any of its descendants have focus. This article is a nice introduction. The pseudo-class has been implemented in various browsers. You can see a demo which works in Safari 10.1, Chrome 60 (Canary) and Firefox 55. Or look at the video in this tweet.
Learn
outline-offset | CSS-Tricks
A post about the outline-offset property to offset an outline on a box.
Easing Linear Gradients | CSS-Tricks
Hugely in-depth post about creating smooth linear gradients.
Fun places to learn CSS Layout - Part 1: Flexbox
From Stéphanie Walter, a list of fun places to learn Flexbox.
Refer to the spec: Introduction
I'm breaking down the Grid spec and trying to explain each part of it. This could take a while, but here is the Introduction.
Interesting
Design Better Data Tables – uxdesign.cc
A collection of design patterns for data tables.
Our Sponsor
Download and try Perch 3 - a CMS for front-end lovers and their clients
With a brand new, mobile friendly UI the really little CMS just got even better. We help you deliver fast-loading, beautiful and easy to edit websites to your clients - and keep right out of your markup!
Download a copy and see why so many people love Perch.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.