Advice for sticky headers, simple flexbox grids and jiggly content
It's been a slightly quieter week for finding interesting tutorials and layout bits and pieces - I think everyone has been busy watching the news! However I've found some interesting stuff to share - do drop me a line if you write something or have a little demo you think might be interesting to readers.
Travel has eased off for the summer however you can see where I am next on Lanyrd including An Event Apart in Chicago, Orlando and San Francisco. AEA have kindly sponsored the email this week - thank you!
If you fancy getting your layout skills right up to date without needing to travel anywhere check out my online CSS Layout course - the full Table of Contents can be found here.
Rachel Andrew, CSS Layout News
Adactio: Journal—Sticky headers
Some practical notes from Jeremy Keith on creating a "sticky header".
Don't Overthink It (Flexbox) Grids | CSS-Tricks
"it's not required that you reach for a grid framework to build a grid. You can do it!"
MarkSheet: a free HTML and CSS tutorial - Free HTML and CSS tutorial
A beautifully designed HTML and CSS tutorial for beginners. Includes the basics of layout.
Content Jumping (and How To Avoid It) | CSS-Tricks
A useful article explaining some ways to avoid layout shifting as your pages loads due to ads or some other content loading in.
Web Directions Idea of the Week: Jessica Edwards - Web Directions
On the Web Directions website a post about Blend Modes in CSS, not strictly layout but I'd love to see interesting ways in which these ideas could be combined with newer layout - such as Shapes.
OriginTrials/developer-guide.md at gh-pages
"Once your origin has opted into a trial of an experimental feature you can then build demos and prototypes that your friends and beta testing users can try for the duration of the trial without them needing to flip special flags in Chrome."
Details of the Origin Trials framework that will enable the testing of experimental features without the need of feature flags (or going back to vendor prefixes). Interesting in the context of how difficult it has been to get people to play with Grid Layout, as in general folk are not keen to enable Experimental Flags.
An Event Apart
We work hard to bring together the best minds in the field—people just like you—to dive deep into doing our jobs better and talk about what’s coming next. An Event Apart is three days of intense focus on digital design, UX, and more. If you care about creating the best possible experiences for the people who use your work, and crave concentrated time to level up your skills in the company of your peers, join us and save $100!
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.