Posts by Ran Enoch:
How to Hide an HTML Element Using Display: None
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 […]
Using CSS’s Background Property
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 […]
Control Your Quotes With CSS3’s Quotes Property
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 […]
How to Override Inline CSS Styles
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 […]
Using CSS3’s CurrentColor Value
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 […]
Using @Supports to Compensate for Older Browsers
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 […]
Quick Tip: Alphabetize Your Properties
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 […]
Using Min-Width and Max-Width in Your CSS
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 […]
