CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

How I Chose an Animation Library for My Solitaire Game

Written by: Holger Sindbaek

There is an abundance of both CSS and JavaScript libraries for animation libraries out there. So many, in fact, that choosing the right one for your project can seem impossible. That’s the situation I faced when I decided to build an online Solitaire game. I knew I’d need an animation library, but which was the […]

Continue reading "How I Chose an Animation Library for My Solitaire Game" at CSS-Tricks

Help Shape the Future of CSS-Tricks!

Written by: Geoff Graham

Hey, so it’s been a minute since we announced that CSS-Tricks is now part of the DigitalOcean family. Things are pretty much business as usual and hopefully it feels that way to you, too. Now that we’re getting settled, we’re eager to start poking at the future of this site. What sort of things are […]

Continue reading "Help Shape the Future of CSS-Tricks!" at CSS-Tricks

My Dumbest CSS Mistakes

Written by: Geoff Graham

We all make mistakes in our code. It happens! I know if I had one of those “Days Since Last Mistake” signs hanging over my desk, a big ol’ goose egg would be hovering above me all the time. It doesn’t have to be big mistakes, either. My clumsy self has committed small errors to […]

Continue reading "My Dumbest CSS Mistakes" at CSS-Tricks

Great (and Free!) Web Development Books You Can Get Online

Written by: Victor Adedokun

Right after “Where is the best place to learn?” perhaps the most commonly asked question I hear from folks getting into code is “What web development books should I get to learn?” Well, consider this an answer to that question as I’ve curated a list of books that are not only great for getting into […]

Continue reading "Great (and Free!) Web Development Books You Can Get Online" at CSS-Tricks

Single Element Loaders: The Bars

Written by: Temani Afif

We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars. And we’re going to do the same thing in this third article of the series as we have the others by making it with only one element and with flexible CSS that makes it easy to […]

Continue reading "Single Element Loaders: The Bars" at CSS-Tricks

Different Ways to Write CSS in React

Written by: Saleh Mubashar

We’re all familiar with the standard way of linking up a stylesheet to the <head> of an HTML doc, right? That’s just one of several ways we’re able to write CSS. But what does it look like to style things in a single-page application (SPA), say in a React project? Turns out there are several […]

Continue reading "Different Ways to Write CSS in React" at CSS-Tricks

Single Element Loaders: The Dots

Written by: Temani Afif

We’re looking at loaders in this series. More than that, we’re breaking down some common loader patterns and how to re-create them with nothing more than a single div. So far, we’ve picked apart the classic spinning loader. Now, let’s look at another one you’re likely well aware of: the dots. Dot loaders are all […]

Continue reading "Single Element Loaders: The Dots" at CSS-Tricks

Conditionally Styling Selected Elements in a Grid Container

Written by: Preethi

Calendars, shopping carts, galleries, file explorers, and online libraries are some situations where selectable items are shown in grids (i.e. square lattices). You know, even those security checks that ask you to select all images with crosswalks or whatever.

Continue reading "Conditionally Styling Selected Elements in a Grid Container" at CSS-Tricks

De-Mystifying IndieWeb on a WordPress Site

Written by: Geoff Graham

Well, sheesh. I opened a little can of worms when sharing Miriam’s “Am I on the IndieWeb yet?” with a short post bemoaning my own trouble getting on the IndieWeb train. But it’s a good can of worms. I think it was something like the next day after publishing that short post that David Shanske […]

Continue reading "De-Mystifying IndieWeb on a WordPress Site" at CSS-Tricks

Useful Tools for Visualizing Databases on a Budget

Written by: Aisha Bukar

A diagram is a graphical representation of information that depicts the structure, relationship, or operation of anything. Diagrams enable your audience to visually grasp hidden information and engage with them in ways that words alone cannot. Depending on the type of project, there are numerous ways to use diagrams. For example, if you want to […]

Continue reading "Useful Tools for Visualizing Databases on a Budget" at CSS-Tricks

Single Element Loaders: The Spinner

Written by: Temani Afif

Making CSS-only loaders is one of my favorite tasks. It’s always satisfying to look at those infinite animations. And, of course, there are lots of techniques and approaches to make them — no need to look further than CodePen to see just how many. In this article, though, we will see how to make a […]

Continue reading "Single Element Loaders: The Spinner" at CSS-Tricks

Am I on the IndieWeb yet?

Written by: Geoff Graham

Can’t smash the Like button hard enough for what Miriam Suzanne has to say on the challenging technical hurdles of implementing Webmentions: The first round required several online services along with HTML & JS changes to my static site, just to verify my indieweb identity. Then more changes to the site and more online services to help fetch […]

Continue reading "Am I on the IndieWeb yet?" at CSS-Tricks