«[…] The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved. […]»

Usability is ridiculously important to your website. It doesn't matter how cool your website looks or how amazing your content is if visitors can't quickly, easily, and enjoyably access and use it. Many of them will eventually just give up and look elsewhere. So how do you make your website as usable as possible? Well, you're in luck, because this article features 20 usability tips for your website. Technology will always change, thus changing the usability tips. So make sure you share your own tips and tricks with the rest of us.

Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others.

Direction, Design & Motion

"Sometimes I put my log in information into the register fields." "Me too! I hate that not only do I feel stupid, I have to retype everything again." For one of my side projects, Leafy Chat, we have just added the concept of user accounts. This includes the need for registration and log in (as well as log out and forgot password and so on). Leafy Chat only requires an email address and a password for both registration and log in, so it would be great to have some clever way to have both forms on the homepage. Some things...

A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.

Download the desktop version of Balsamiq. Works offline, one-time purchase.

The design session - an article about collaborative workflow

Interface Collection for Design Inspiration

Big Player opens UI Library

System icons symbolize common actions, files, devices, and directories.

A set of over 450 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.

Free, cross-platform and fast SVG icon organizer app for designers, developers or product teams. Works on both Mac and Windows.

Do we have the right icons at hand to represent all humans?

It’s not a squircle, it’s a roundrect!

They are road signs for your daily rituals — the instantly recognized symbols and icons you press, click and ogle countless times a day when you interact with your computer. But how much do you know about their origins?

Finely crafted software for the discerning client.

… a free Photoshop resource that makes it easier for you to make icons. Edit a single object and it’ll automatically render out all the various sizes required on iOS & Android. Build in textures and colors make it easy to get started and the bundled actions make exporting a breeze.