10 Best CSS Practices to Improve Your Code

It’s really easy to find yourself wondering how your CSS got to be such a mess.

Sometimes it’s the result of sloppy coding from the start, sometimes it’s because of multiple hacks and changes over time.

Whatever the cause, it doesn’t have to be that way. Writing clean, super-manageable CSS is simple when you start off on the right foot and make your code easier to maintain and edit later on.

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

7 Quick CSS Enhancements for Better User Experience

The beauty in CSS is that a tiny directive can make a huge difference in how the page displays. Here are seven quick CSS snippets that will give your website more “pop” and make your user’s experience more functional and enjoyable including…

  • Change Text Highlight Color
  • Prevent Firefox Scrollbar Jump
  • Rounded-Corner Elements
  • Print Page Breaks
  • Attribute-Specific Icons
  • CSS Pointer Cursors
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Better Font Families in CSS

font-family is one of the most widely used CSS properties, and with good reason: sometimes you can change the entire feel of a design with this one property. But selecting fonts for your stack also greatly influences your design’s readability and accessibility – which, ultimately, is what’s most important in any web design. That is, if you want your visitors to actually read your content…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Don’t forget about :active in your CSS declarations

We have had the ability to style a links :active pseudo selector since CSS1, yet when was the last time you actually used it? The value of such a subtle detail can have large benefits to a users experience of the site. Not to mention it does give another avenue to enrich the interactivity of our interfaces…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Improve your web typography with baseline shift

The baseline is an invisible line onto which all type characters sit, although of course some characters (including ‘j’, ‘p’, ‘g’ and ‘y’) have descenders that hang below the baseline. Baseline shift involves moving characters up or down in relation to the baseline and using it effectively can make a huge difference to the professional look of your type. Although baseline shift has traditionally been a part of using tools like InDesign or Quark, there are ways to accomplish the same results using today’s CSS…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)