Tip of the week #006: A good way to structure your SCSS files
There's no correct way to structure your SCSS files, but here's how I do it and why it works for me.
Occasionally I write about web things. And when I do it's mostly about CSS. Some of my writing has also been published to the likes of UX Design Collective and CSS-tricks.
There's no correct way to structure your SCSS files, but here's how I do it and why it works for me.
Ever embedded a video from Youtube, but struggled to make them behave the way you'd like? Here's how you can make the embeds full-width and responsive.
Container queries are here, and it’s possible to use them instead of width-based media queries
Adding icons to a website can be done in many different ways, but my favorite approach is to use SVGs inline in my HTML. Here's how.
CSS container queries gives us the power to alter components based on the context they are used in. But what if we don't know where they're being used?
Tips on how to create pill shaped buttons with CSS.
Earlier I've written about the implications that follow in Safari if you use list-style: none on lists. Here's an updated version of that.
A quick rundown of some of the things I learned at this year's conference.
The web platform is good enough as it is
Naming CSS classes is hard. The naming convention BEM is suppose to ease the pain, but if you're still struggling chances are you're not using it right.
Safari ruins a well-known CSS snippet for everybody, but here's how you can fix it.
A quick breakdown of how I reset the browser's default styling before I start writing my first lines of CSS.
My previous iteration of this site has served me well for the last three years, but now I've finally rebuilt it.
I created a Codepen profile to experiment with different snippets of code for a school project. Now, 8 years later it has reached 3500 followers and the pens have generated over 1 million views combined.
A write-up of how you can create a JS-like scroll-effect with only CSS and the magic of sticky positioning.
Why “form follows function” is a valid design principle in today’s web design landscape.
Enter the uncomfortable zone of designing for variable “x”.