Articles
I don't write here anymore. I'm keeping this as an archive. No plans to add an RSS, since I'm not posting.
-
Reflecting on a Year of Unexpected Achievements
-
My experience attending at CSS Day 2024
I finally got to attend CSS Day after all these years!
-
My experience talking at CSS Day 2024
I got to speak at CSS Day 2024, and it also happened to be my first time talking on a main stage, so I share my experience of it all.
-
Dealing with the “webiness” of CSS
CSS is something that you can write with confidence. There is a logic behind it, and it can make sense. It's different from other languages, but embrace how it's meant to work instead of fighting against it, you'll start having a much better time with it.
-
Why I am not the King of CSS
A lot of people have come to call me The King of CSS lately. While I appreciate the sentiment, the title doesn't fit.
-
Jumping the shark
In a recent YouTube video, I jumped the shark. Instead of focusing on the sensational, I should have focused on what we could have learned.
-
Change from HEX to RGB to HSL in seconds with VS Code
HEX is the easier color mode to copy and paste values around from colour pickers and the like. But it's the hardest to work with when you need to make changes to your colors, or make variations of your colors.
-
Why I picked Twitch over YouTube for streaming
When I decided to get into content creation full-time, one thing I wanted to start doing more of was live streaming. After experimenting with both Twitch and YouTube, I've decided to stick with Twitch.
-
CSS4 isn't the right way to go
While CSS might need some marketing and push to help more people see how great it is, I don't think marketing CSS4 is the right way to go.
-
CSS is the code of graphic designers
Maybe the reason so many people get frustrated with CSS is because they aren't designers?
-
You're worrying about the wrong thing if you're trying to learn it all
Learning new things can be fun, but when it seems like the list of new things we need to learn just keeps on growing, it can be overwhelming. And if you are trying to learn it all, you're worrying about the wrong thing.
-
Never stop asking why
If you want to be a great front-end dev, you can never stop asking "why?"
-
Why I decided not to put my courses on Udemy
A deep dive into why I decided not to put my courses on Udemy
-
The evolving state of CSS
CSS seemed to stagnate for awhile, but now it seems to be evolving at an incredible rate. How do we keep up?
-
You'd be better at CSS if you knew how it worked
Being good at CSS means knowing how it works. In this article, I explore how you can learn it better through different resources as well as by asking better questions.
-
Initial, Unset and Revert
An exploration into CSS' "initial", "unset", and "revert" values and when they might come in handy.
-
5 awesome DevTool features to help you debug your CSS
Chrome and Firefox's DevTools make debugging CSS so easy. In this article, I look at 5 awesome DevTool features to help you out
-
The <wbr> tag and when you might want to use it
the <wbr> HTML tag is a bit obscure, but it can come in handy
-
CSS transform and transform-origin
CSS’s transform property opens up a ton of options for us, and those options are pushed even further when you add in transform-origin. In this article, we’ll be breaking down both of them and looking at some interesting ways you can use them.
-
What is currentColor?
currentColor is a fantastic CSS value and one that not nearly enough people know about.
-
Scaling buttons with CSS custom properties
Custom properties allow us to write less markup. Creating a locally scoped scale for buttons can let us stop the need for so many different button classes.
-
Position fixed vs position sticky
A look at the similarities and differences between CSS's position fixed and sticky, as well as when you might use one over the other
-
Creating a website - getting over the anxiety of starting with a blank file
Breaking down the steps of starting to create a new site, using an example to help show the different steps I use when starting to code up a site with HTML and CSS.
-
How to append a unit to a unitless CSS custom property with calc()
A quick look at how you can use calc() to append a unit to a CSS custom property
-
Write more effecient CSS with the `+` combinator
The `+` combinator allows us to do some really nice things and write better CSS
-
CSS remedy - rethinking the approach to CSS resets
Jen Simmons is currently working on a new way to think about CSS Resets, and is calling it CSS Rememdy
-
What the heck is background-attachment local
A look at how you can use the pattern attribute for advanced form validation
-
Native HTML form validation
A look at how you can use the pattern attribute for advanced form validation
-
List attributes you didn't know existed
Did you know you can reverse a list for a countdown, or start an ordered list at any number you want?
-
The ::first-letter pseudo-element
The ::first-letter pseudo-element is a nice, easy, and very well supported way to create nice looking drop caps and initial letters with very little work!
-
The Do's and Don'ts of letter-spacing
Proper use of letter-spacing can improve readability and also just increase the aesthetic of your site, whereas bad use of it can make things unreadable. In this post, I explore the Do's and Don'ts of letter-spacing to help you improve the readiblity and look of your text.
-
Using a typographic scale
When it comes to picking font sizes, it can be hard to find a good balance. Instead of overly thinking it, or even worse, ignoring it, a typographic scale can really help you out.
-
You need to fix your `line-height`
Line-height is one of the problems that I see plague pretty much every site I see that didn’t have the direct input of a designer. People overlook it, but it has a huge effect on the readability, and overall design aesthetic, of a site.
-
transform-style opens up some cool possibilities
-
Centering content without a container
-
There is a turn unit in CSS
-
A cool trick for checking for the alt attribute
You always want to include an alt attribute on your image, even if it's blank. This cool trick makes it easy to find any images you might have missed it on.
-
CSS Scroll snapping just blew me away
CSS has scroll snapping now, opening up a bunch of cool things that we can do without the need for JavaScript!
-
CSS Custom Properties in a Sass project
CSS Custom Properties are great, and can be integrated into a Sass project in interesting ways.
-
Using a Sass map for my colors
-
Picking colors
-
Welcome to the blog
-
writing-mode
-
Dynamic text color with Sass
-
:focus-within
-
I'm always surprised more people don't know this about CSS backgrounds
-
Sass and BEM ftw