Thursday, August 25, 2011

Blogging just to Blog…I mean Styling Tips!




Lately I have not felt like blogging, but I’m committed to at least once a month. I think the primary reason I haven’t felt th need to blog is because I haven’t really spent much time developing lately. I’ve been spending a lot of my time on user experience and interface design.

I thought I’d share a few styling tricks that are too easy not to do because they add a lot to usability.

  1. Changing the style of a row on hover. This allows the end user to easily see which row they’re looking at instead of having to trace the line.

    table tr:hover td {background: #e7e7e7}
  2. Changing the style of an input on focus. This allows the end-user to easily see where they’re at in a form without much thought.

    input:focus {border: solid 1px #f90}
  3. Changing the style of a hyperlink on hover. Granted this one has been around forever, but it’s a great one.

    a:hover {background: #333; color: #fff}

There are most definitely hundreds more, but these are a few of my favorites to use on a project. Also note that they do NOT work in all browsers.

Thanks for reading!

kick it on DotNetKicks.com

blog comments powered by Disqus
Related Posts Plugin for WordPress, Blogger...