July 2011
3 posts
1 tag
Tab Basics
Tabs is a basic building block of any UI, but they can be greatly varied in appearance. The key to creating tabs that are usable and fun to use are:
Layout
The general use case for tabs can be described as allowing users to switch between panes of information. The design of the tabs should therefore be heavily influences by the kind of content your users is going to switch between.
...
1 tag
Basic buttons using CSS 3
In my last blog post people expressed interest in seeing the image based buttons next to CSS versions. Interestingly enough these doesn’t look nearly as bad as the sample I used for the original post, most likely because these buttons are larger and because I avoided using css borders.
These buttons use CSS 3 properties and will only render on modern browsers. They are going to look...
1 tag
Button Basics
Buttons are one of the core UI elements in any interface. Making them feel responsive and aesthetically pleasing will go a long way to making your app more fun to use.
First up, a sneak peak of the final result:
White Button
Blue Button
CSS vs. Images
CSS has come a long way, and now with support for border radius, shadows, and gradients you can create some pretty awesome looking...