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 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. ...