Issue 243
More inspired design decisons, CSS Houdini, Scroll Snapping and online workshops!
News
Issue 243
I imagine that most of you are reading this at home. Strangely enough, my interaction with people while I'm in my home office has increased as everyone wants to have a Zoom call! I've been getting to see everyone's pets, which is definitely the best bit of any online meeting.
While I can write, and work on CSS from home I'm missing all of the workshops and conferences I had planned for the spring. So, at Smashing we had an idea, Vitaly and I both have workshops ready, so why not take them online? I'm really excited at the chance to do the new CSS Layout workshop I've been putting time into.
Get all the details and book a spot for my CSS Layout Masterclass or Smart Interface Design Patterns with Vitaly Friedman. Watch that page for news of more workshops soon!
Rachel Andrew, CSS Layout News
Learn
Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable — Smashing Magazine
In this seventh instalment of the popular Inspired Design Decisions series, Andy Clarke will explore how American art director and graphic designer Otto Storch inspires his designs for the web.
The Complete AEA DC 2019 Now Online
An Event Apart have released all of the AEA DC 2019 videos. That's 17 one-hour sessions from some fantastic speakers. I've seen all of these talks and can recommend each and every one of them.
A Practical Overview Of CSS Houdini — Smashing Magazine
An overview of CSS Houdini. What it is, how well is it supported in browsers, and how can we start to use it today?
Indicating Scroll Position on a Page With CSS | CSS-Tricks
Using CSS to create a bar that shows how far through a document you have scrolled.
Implementing Infinite Scroll And Image Lazy Loading In React — Smashing Magazine
If you are using React, here is a handy tutorial on infinite scroll and lazy loading using the Intersection Observer API and React hooks.
A Complete Guide to calc() in CSS | CSS-Tricks
A chunky guide to calc() with lots of examples to takeaway.
How to use CSS Scroll Snap - LogRocket Blog
A tutorial explaining the CSS Scroll Snap specification.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.