Writing CSS is so much easier when you have access to a debugger or a CSS validator. These tools allow you to identify and fix anything that might be wrong with your code, and many of the developer tools also […]
Often there are times when, as a developer or designer, you might prefer to use an image rather than an HTML element to represent something — particularly if you’re dealing with text. Using an image lets you have more font […]
Fixed headers are a popular trend in web design, and adding one to your site can be as easy as adding a position: fixed line to your CSS, but often it’s a little more complicated than that. Some other styling […]
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 […]
