Using media queries is a great way to optimize your sites for all different mobile viewports. When using media queries to make your site responsive and mobile friendly, it’s important to keep certain breaking points in mind. Use the media […]
It’s not uncommon for mandatory fields in a form to be marked as such — often these fields are marked with an asterisk or with a colored border around the input so that the user is aware that the particular […]
CSS3 allows for various different pseudo-selectors to be applied to anchor tags in order to style links at various different stages of use or activity. The pseudo-selectors that are often applied to links are:
:link – applies to links that have […]
CSS3’s :not pseudo selector makes it possible for you to select and apply styling to every type of element except one. This handy little trick can save you from having to manually write a lot of CSS code, because in […]
1. Start with a clean design
There’s not a lot of space on mobile devices for inessential or complicated features. Starting off with a clean design will help your users to make sure they can clearly understand and navigate the content […]
There are so many cool text effects that can be achieved using CSS3’s versatile text-shadow property. One easy text effect you can employ using this method is the embossed text effect. Basically, by setting the text-shadow values to negative numbers, […]
A drop cap is the first letter of a paragraph or a text block that is larger and usually styled differently from the rest of the letters. This can be done a number of different ways, including inserting <span> tags […]
CSS3’s column-count property makes it unbelievable easy to create completely responsive columns without adding any extra markup to your HTML. Check out the paragraph below and see how easy it is to turn one block of text into 2 separate […]
Minifying your CSS basically means to get rid of all of the unnecessary characters (spaces, line breaks, etc) to strip down your stylesheets so that only what is absolutely essential to run the code remains. Putting your CSS through this process […]
Floats are a useful tool for web developers. They’re so helpful in structuring pages and positioning items. But if they’re used incorrectly, they can also wreak havoc on the structure of the page/on the items surrounding the float. That’s why it’s […]
