Most of the time on this site when we give you text effect tutorials, it’s shadow and border properties that are used to create the effects. For this tutorial, we’re going to show you how to create a pure CSS [...]
One cool way to use CSS is to create colorful repeating patterns. These patterns can be used as background images for entire pages or for certain block-level elements. These CSS creations can be anything from familiar patterns, like plaid or [...]
What is a header and a sticky header?
A sticky header is a menu or navigation bar that stays at the top of the page no matter where you scroll. In other words, a “fixed” header. This feature is useful for [...]
Here’s another fun text effect you can easily create using only a few lines of CSS. With this effect, you can give any text the appearance of being surrounded by hand-stitching. To see how it’s done, check out the tutorial [...]
Looking for new places to get free, high quality stock photos for your projects? Check out this list of sites that have hundreds upon hundreds of stock photos available for you to use under the creative common license.
Unsplash hosts [...]
Each developer has his or her own preference for how they like to reference colors in their CSS code. Some developers are partial to using hex codes (a six character code of letters and numbers preceded by a #), while [...]
(if you haven’t already, make sure that you read Part I first!)
We’ve already covered how to create some basic shapes using CSS (circle, square, triangle, etc), but now it’s time to make shapes that are just a little more complex.
CSS’s border property is probably most often written out in the border shorthand, meaning that the one “border” property covers values for the border-width, border-color, and border-style properties. Because of this, many beginner developers might not know everything that the [...]
If you spend any time on the internet, then you probably know that the internet is obsessed with cats. Cat videos, cat images, cat memes…they’re everywhere. If you want to contribute your part to the world wide web’s cat obsession, [...]
CodePen is a really popular snippet repository site where developers and designers can upload pieces of their project to help inspire the work of other developers and designers. It’s a great tool for expanding your understanding of what code can do, [...]