safari

There are some tricks that are so universal, so handy you sometimes forget that they are tricks at all. Over the years they become this plethora of information you store in your back pocket and apply to nearly every website without even thinking about it so that you can expect more consistent, cross-browser results. One of those said useful tricks is {outline:none;} by applying this as follows: input:focus, textarea:focus {outline:none;} You can get rid of that blue feathered outline...

Super speedy quick tip of the day is something that I do on every website I work with and that is styling that ugly HR tag to something that is clean and much prettier than the browser defaults. Down and dirty here is the code: hr { border: 0; color: #E3E3E3; background-color: #E3E3E3; height: 1px; width: 100%; text-align: left; } This is cross browser and yes you need all the definitions. One is to reset IE and the other is for the rest of the browsers (Firefox, Chrome, Opera,...