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.
Writing
Posts tagged "Tips"
-
-
Tip of the week #005: Responsive Youtube videos using aspect ratio
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.
-
Tip of the week #004: Replace media queries with container queries
Container queries are here, and it’s possible to use them instead of width-based media queries
-
Tip of the week #003: Icons with inline SVG
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.
-
Tip of the week #002: Self-aware components in container queries
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?
-
Tip of the week #001: Pill buttons
Tips on how to create pill shaped buttons with CSS.
-
A new way to remove list-styles in Safari without compromising accessibility
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.
-
My CSS reset
A quick breakdown of how I reset the browser's default styling before I start writing my first lines of CSS.