When you’re writing media queries to ensure that your designs are mobile-friendly and fully responsive, there’s a good chance that you’re defining your widths in percentages rather than other fixed units of measurements (pixels, ems, rems, etc). When you define […]
CSS3’s justify-content property is a really useful way to make space around the items within an element that has been defined as a flexible container. Basically, it tells the elements within the flex container how much space should appear between […]
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 […]
