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 its […]
With CSS, you can use the background property to make it look like text has been highlighted, but it doesn’t quite mimic how highlighting looks in real life. If you want to make your highlights appear more realistic, you can […]
CSS’s text-overflow property is rarely used but easy to implement. When given the value of ellipsis, it adds an ellipsis to the cut off point of any text that doesn’t fit within its parent element.
The CSS to achieve the effect […]
