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.
- 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} - 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} - 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!
