I've been a huge fan of scroll-behaviour: smooth since I discovered it, and in a similar vien I've recently stumbled across scroll snapping and it's pretty incredible, and now that support has dropped on the most recent version of Chrome, I think that it's worth taking a look at it.
Here, is an example of how it works. Try scrolling and see what happens (you'll have to be on a desktop for this, as I mention lower down, browser support hasn't hit mobile yet).
Creating a color scheme can be a pain in the ass. A lot of 'color scheme' websites, such as Adobe color and coolors give you 5 colors. My general advice is always to start with only three colors:
A pop or primary color
A neutral dark (not black)
A neutral light (this can be white)
This is by far the easiest way to start with a color scheme which will always look nice. As far as the dark one, try to avoid pure black, but instead go with a really dark color, like I did with my text on this site.
A new site, and a brand spanking new blog to go along with it! I'm pretty excited about this!
What to expect
This blog is the natural progression of my existing newsletter, so if you're a subscriber already, it'll seem very familiar, just better! For those of you who weren't subscribers, I've been exploring a lot of lesser known and misunderstood CSS properties, as well as some general CSS tips and tricks. I've converted a handful of them, so there are some older posts you can go explore right now if you'd like!
The reason I wanted to turn this into a blog, instead of only a newsletter, is because I wanted to:
keep an easily accessible archive of posts
make it easier to interact with
One of the biggest issues with the newsletter was it was hard to show the results of what I was doing. I'd create a codepen, and then take screenshots of everything and then have to add the images in. Now I can just embed the damn codepen and you guys can see it in action and play with the code!
CSS is awesome and with the addition of Custom Properties and things like calc() it’s really, really powerful. Sass is still a major part of my workflow though. It saves allows me to work faster and be better organized, but this newsletter is about neat tips and tricks and fun little things, so in staying on topic, here is a fun way you can use Sass to dynamically set your font color to ensure high contrast with your background color!