With CSS it’s super easy to create shapes out of pretty much any div. Some shapes are pretty straightforward to code, like squares and rectangles. Even circles are just squared with a border-radius set to 100%. Triangles, however, are a […]
CSS3’s letter-spacing property is a great way to increase or decrease the space between the letters of your text using CSS. Let’s jump right in with an example. To increase the letter spacing in the h2 tag below, use the […]
There are many different scenarios in which you’d have to define a color in your CSS — this probably most commonly happens with the color or background-color property, but it’s certainly used with others as well. Defining your color values is the […]
There are so many different ways to style your cursor using CSS3. Most developers probably know about cursor: pointer, but what about the dozens of other ways to have your cursor appear? What follows is a list of some of the […]
The CSS3 test will tell you exactly what’s supported on any particular browser. The test checks for borders and backgrounds, selectors, image values, media queries, transitions, animations, transforms, texts, fonts, colors, values and units and more. The test also tests […]
CSS3 has a really cool (and completely underrated) feature that allows developers to define the size of an element relative to the viewport. The units are vh (viewport height) and vw (viewport width), and they can be applied to elements […]
There are so many CSS properties that can be used to create really cool text effects. Text-shadow is a property that’s commonly used to to achieve these funky effects, but the :before or :after pseudo-selectors can also be used in […]
Font Awesome is a truly awesome tool for easily adding icons to your sites using either HTML or CSS. There are so many varieties of icons to choose from that they Font Awesome icons are really versatile and can be […]
Writing CSS is so much easier when you have access to a debugger or a CSS validator. These tools allow you to identify and fix anything that might be wrong with your code, and many of the developer tools also […]
Often there are times when, as a developer or designer, you might prefer to use an image rather than an HTML element to represent something — particularly if you’re dealing with text. Using an image lets you have more font […]
