Did you know I have a newsletter?
I tend to share some random general musings, what I've been up to in the past week, and other links and resources that I stumble across.
Goes out every Sunday.
Modern CSS can make a lot of impossible things possible, but it also simplifies some things as well.
One use case that I have on pretty much every project these days is setting up a container/wrapper width with min() and margin-inline.
While it isn't fully supported yet, we're getting very close to the dialog element being in all modern browsers!
What is dialog?
It's a native HTML element that is basically everything you've wanted to create a modal! If you want to know more, ๐งต time!
Nesting has come to native CSS, and if you're coming from Sass or Less, you might feel like you already know how it works, but there are some key differences!
First up, if you are nesting an element selector, you must use an & before the selector or it's invalid!
Was answering some comments on my latest video and had the thumbnail on screen for a bit and it got me wondering about making it with CSS...
With it being "3d rotated", it just seemed appropriate to have it follow the mouse around ๐
Worth making a tutorial around?
Course launch ๐
I've teamed up with @scrimba and @frontendmentor to give you a FREE course on how to build a space travel site ๐ช
To celebrate, weโll give away an annual subscription to both Scrimba & Frontend Mentor (worth $250+) to 3 lucky retweeters of this tweet! ๐
I'm launching a new FREE course in collaboration with @frontendmentor and @scrimba!
We'll be:
โ Creating a CSS design system
โ Exploring flexbox and grid
โ Talking responsiveness
โ Making it interactive with JS
โ Digging into accessibility
๐ Launches tomorrow!
If you write CSS and aren't using Firefox as your dev browser, you're making your own life more difficult than it has to be.
Their dev tools for CSS are ๐ฅ