Using CSS in HTML emails can be a tricky business, mostly because it seems like just about every email client has different rules about the amount of CSS they support. Keeping this in mind, here are some tips to use […]
CSS’s opacity property is great for making any HTML element (especially images) see-through or transparent, but the problem with the property is that it applies to the opacity of the entire element. If you have a <p> tag positioned over an […]
Most developers know that in order for a site’s structure to be responsive and mobile-friendly, it’s better to define widths of divs and other HTML elements using percentages rather than pixels. Using percentages to define widths allows the widths of […]
Accelerated Mobile Pages are the latest innovation in optimizing sites for mobile use. Accelerated Mobile Pages (AMP) are an open-source framework that was developed to make mobile web browsing quicker and more lightweight. AMP is essentially just a stripped-down, very […]
Many developers choose to use JavaScript or jQuery to create simple dropdown hover effects, but the same effect can be achieved in a much more lightweight way by using CSS.
If you want an HTML element to appear […]
With CSS3, it’s super easy to take a boring, un-styled link, like this:
and turn it into a beautiful, customized button, like this:
All it takes is a little bit of styling. To start, you’re going to need some basic <a> tags. […]
CSS3’s column-count property makes it easy for you to turn your content into columns with only one line of CSS and no extra HTML markup.
Let’s say you have a div made up of a few paragraphs, like this:
If you want […]
When defining an HTML element’s size — whether it’s a font size, the width or height of div, or the margin and padding of any particular element, you can use relative units like rem or em, or you can use […]
The CSS border-radius property can be used to give HTML elements rounded corners. Most commonly, the property is seen using only one value, but it actually will take up to four values.
Assigning one value to the border-radius property will apply […]
CSS3’s text-shadow property can be used to achieve so many cool text effects, including an embossed effect. This effect is created by giving the text-shadow property values of -1 for the horizontal and vertical shadow, and leaving the blur-radius at […]
