CSS3 has a handy little trick that allows you hide any HTML element by applying the display property. By setting display: none to any HTML element, the element will no longer appear on the viewport, and though the HTML will […]
CSS’s background property actually covers a whole lot of other properties, meaning that the background property is actually sort of all-inclusive and will take up to 8 values. The background property shorthand covers the background-color (for when you want to define a […]
If you’re looking for a way to style your quotes using CSS, here’s a good one for you. Take advantage of this if you have a lot of quote elements that need to be uniform throughout your entire document or […]
One of the most frustrating aspects of working with old code is the inline styling that can’t be overridden with CSS. Usually, this means spending a significant amount of time combing through old (hopefully not unorganized) code to manually delete […]
CSS’s CurrentColor value is a way to assign a pre-defined color to all of the CSS properties that take color values. All you need to do is define the color of a certain selector like you normally would:
< View plain […]
Here’s a neat little trick you don’t often hear about: did you know there’s a really simple way to compensate for older browsers that might not support CSS properties like flex-box or transitions? All you have to do is wrap the […]
This one may not make your CSS code any faster or slower, but it can definitely speed up the rate at which you edit, change, and refactor your code. Every developer has their own way of writing code, but if […]
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 […]
