I simply L-O-V-E stuff like this. Amazing in all the right ways. Simple. Standards compliant. Woirks in all browsers. Beautiful to behold.
What could be finer? Thank you Alex. (And Marisa for hooking me up =)
Alex – How to make sexy buttons with CSS
This entry was posted in Code / Computers. Bookmark the permalink.
CSS buttons have been around for a while, but this is known to be a solid method because it is scalable and uses real text (which helps with search engines).
However, browsers run in different screen resolutions, on different systems, using different preset default sizes. The buttons will look differently on every browser and client. If you scale the text size using the bigger/smaller font buttons on your browser, the user experience breaks. The text content of the button is pushed outside if you scale the font larger.
How to avoid this? Use the same technique but four round corners instead of only two endings. It requires a little more work in CSS, but buttons will scale nicely in all sizes, independently of screen resolution or font size on the client side.
Glad I could help :)