Input fields are HTML elements that are there for the user to have a place to input text. Usually they’re part of some sort of form, and usually they’re kind of ignored when it comes to styling. If not totally [...]
Is it just us, or does it feel like emojis are taking over the world? Or at the very least, they’re definitely taking over the internet, and they don’t seem to be going away anytime soon. If you want your [...]
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 [...]