Fancy Image Decorations: Single Element Magic

Fancy Image Decorations: Single Element Magic

As the title says, we are going to decorate images! There’s a bunch of other articles out there that talk about this, but what we’re covering here is quite a bit different because it’s more of a challenge. The challenge? … Fancy Image Decorations: Single Element Magic originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Rendering External API Data in WordPress Blocks on the Front End

Rendering External API Data in WordPress Blocks on the Front End

There’ve been some new tutorials popping here on CSS-Tricks for working with WordPress blocks. One of them is an introduction to WordPress block development and it’s a good place to learn what blocks are and to register them in WordPress … Rendering External API Data in WordPress Blocks on the Front End originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Single Element Loaders: Going 3D!

Single Element Loaders: Going 3D!

For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like all six faces of a cube. But  maybe we can get away … Single Element Loaders: Going 3D! originally published on CSS-Tricks. You should get the newsletter. ...
Cool Hover Effects That Use CSS Text Shadow

Cool Hover Effects That Use CSS Text Shadow

In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow … Cool Hover Effects That Use CSS Text Shadow originally published on CSS-Tricks. You should get the newsletter. ...
Cool Hover Effects That Use Background Properties

Cool Hover Effects That Use Background Properties

A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot of comments have shown that the same effect can be done using background … Cool Hover Effects That Use Background Properties originally published on CSS-Tricks. You should get the newsletter. ...
6 Creative Ideas for CSS Link Hover Effects

6 Creative Ideas for CSS Link Hover Effects

Creating CSS link hover effects can add a bit of flair to an otherwise bland webpage. If you’ve ever found yourself stumped trying to make a slick hover effect, then I have six CSS effects for you to take and … 6 Creative Ideas for CSS Link Hover Effects originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
6 Reference sites to help you learn web development in 2018 and beyond… 🚀

6 Reference sites to help you learn web development in 2018 and beyond… 🚀

As a person learning web development, you should always be looking things up that you don’t know. Because, let’s face it – in today’s world, it’s silly to know every single feature of a coding language. Instead, we as developers look things up! Today, I’m going to show you six of the best web development reference sites for those moments when you can’t quite remember how that specific thing works. ...