The Different Logical Ways to Group CSS Properties
I’ll admit, I traditionally haven’t had much of an opinion about the ordering of CSS properties. I just add what I need. I think they end up largely “grouped” by related things, because that’s just how my brain spits them out.
Randomizing SVG Shapes
Say we wanted to continuously randomize the radius of a circle. We could kinda fake a random look with just CSS, but let’s go for full-on pseudo random…
Exporting Images in Multiple Resolutions Simultaneously
It’s always nice to see design tooling evolve to accommodate modern needs. Let’s look at an example of that: image exporting. Designers and developers spend loads of time exporting images. The design work often happens in software designed for designing, and assets from that design are exported for use when building out that design elsewhere.
Carousels Don’t Have to be Complicated
Every time a carousel is mentioned in a blog post, it’s a requirement to mention that… say it with me now: You probably shouldn’t use a carousel.
SVG Charting Libraries
There is no shortage of options with charting libraries on the web. That’s good! Competition is good for consumers. It keeps the quality high. That’s certainly true here. The landscape of charting libraries is pretty impressive, ranging from the good-and-free to the excellent-and-paid.
From WordPress to Apple News, Instant Articles, and AMP
Apple: Send us your content in our special format and we’ll make it available in Apple News and more people read it and be happy with your brand… wink wink.
Facebook: Format your content in our special way and send it over and it will load super fast and people will love it and be happy with your brand… wink wink.
A Quick Look at the React and Redux DevTools
If you haven’t dug into React yet, I’d encourage it. There are lots of very satisfying feelings that come along with it. Building components that you piece together to assemble a complete working page is very satisfying, for example. The tooling is also quite satisfying. Working with Webpack and having it hot-reload just the components you’ve touched is awesome.
Web-based REPL’s for many languages
I only just recently learned the term “REPL”. It essentially means “command line”. You type code in, it runs, you see output.
Read, Eval, Print, Loop.
You Should Probably Blog in Markdown
Maybe you’ll read that title and think: Damn, Chris. Little dogmatic isn’t it? There are lots of ways to do things, especially on the web. Why be all…
Building Concentric Circles with Nice Color Palettes For Fun and Science
I was looking through my applications folder the other day, hoping to clean house a bit. I came across an app I used to love but haven’t used in forever: Simple Desktops. It’s an app for changing your wallpaper once in a while to a random, simple, classy design. One came up like this…
CSS-Tricks is a Poster Child WordPress Site
Howdy! Like a lot of you, I run a website. It’s hosted right here on Media Temple. A whole bunch of years ago, I chose WordPress to run it on, and I’m sure glad I did. These days, it takes advantage of a huge array of WordPress features to handle all the things I need the site to do.