Skip to content

UI Design

Animate.css – Dan Eden

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. Dan Eden on Twitter Hat-tip to: Maykel Loomans

Read More

CSS Buttons

Cool online CSS button prototyping tool and code generator: CSSButton Specific use of CSS Button on [css].button a { display: inline-block; background: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #ae59a5; /* pink text */ padding: 0; border: 2px solid #ae59a5; /* pink border */ text-align: center; font-size: 14px; line-height: 37px; font-weight: normal; width:…

Read More

Form Field Usability: Matching User Expectations

By Jamie Appleseed, Aug 31, 2010 I see the mistake again and again – web designers that either don’t adjust the width of their form fields at all or adjust it based on what looks best in the layout of the page. To achieve good usability you should however adjust the width of your form…

Read More

Software designers use Apple’s Keynote to design application interfaces

By Luke Wroblewski Last month I compiled an overview of why software designers were turning to Apple’s presentation software, Keynote, to design application interfaces. Several of you asked for more so… here’s additional reasons to design in Keynote and lots of tips for getting the most out of it. Detailing Interactions Personally, I (LukeW) use…

Read More