Wow, this guy’s ability to recognize what is causing a bad user interface is unreal.

For this edition of Refactoring UI, we're going to redesign the properties page from Resolute's internal tool, sharing lots of tips on form design, scannability and reskinning a page using the styles from an already existing design.

Neat way to add an animated slideshow of your product inside a mockup image.

First look at Blocs, my upcoming web design Mac app. Get more info about Blocs and it's upcoming release here: http://blocsapp.com

I recently posted a link to "Beautiful Buttons for Twitter Bootstrap" which allows you to pick different colors for your bootstrap elements, but this goes a step further. It provides examples of how easy it is to swap out color palettes and fonts for Bootstrap.

Iconic is intended to be minimal renderings yet unique in form. Alternatives for several marks have been added for greater choice in style.

Works in all sizes; one main goal for these icons were to have them maintain high legibility over a large scale range. Almost all of the icons in this set will work from 8×8 pixels to however large you need to go. To give the greatest flexibility, the icon set packages all icons in PNG, SVG, SWC, OFT/TTF/EOT and Omnigraffle stencil formats.

All raster-format icons come in 5 sizes; 8×8, 12×12, 16×16, 24×24 & 32×32 pixels as well as 14 colors. This set is currently licensed under the Creative Commons Attribution-Share Alike 3.0 license.

Kevin Rose interviews Ryan Carson, founder of the recently opened Treehouse. You may have heard of Carson's web design company Carsonified from some of their previous projects including starting the Future of Web Apps conference and the Think Vitamin blog and podcast. Carson talks about his personal history and starting his company. He goes over the concept behind Treehouse which turns learning programming into a game where you level up and receive badges for completing. Carson also talks about an interesting concept for career planning for your employees.

A simple, no-frills, robust jQuery plugin for creating beautiful slideshows for your featured content.

Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending a slider plugin to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

Slides can contain any valid HTML markup. Slide and fade animations. Supported in all major browsers. Easy to theme. Supports keyboard navigation. Super lightweight, at 4.6kb minified.

"Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows."

"A template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play, it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible. We use Paul Irish's HTML5 Boilerplate as our starting point. And after a little jquery love, 960 peace, and html5 grease; this site came to be."

"This is a simple Javascript OpenID selector. It has been designed so that users do not even need to know what OpenID is to use it, they simply select their account by a recognisable logo."

"Thanks to text shadows, outlines, transitions, and even text gradients, we can now create cool typography that you’d swear had to be made with a program like Photoshop. Nope, all CSS3 baby! Let’s take a look in this video quick tip."

"Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how."

"There are many tools available for you to create high quality mockups and wire frames. But which one are the best? Which one are the worst? Which ones are to be chosen and which ones are to be left?"

"Most people already understood that good content is the key to a successful blog, but a great design can really help capture our attention. So for this post, we’ve gathered 40 blog designs that are guaranteed to inspire you."

"A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I’ll show you how in four minutes."

"BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients’ websites."

"Icons are an effective aid in helping users quickly find and gather information. They not only communicate information but help break it up and add visual interest to grab the users’ attention.

With thousands of icons available, with endless gradients, colors and reflections, it can be overwhelming as to what will best suit your minimalist design. There are alternatives to all those over-glossed icons, should you require a more simple, elegant design style.

Here are ten noteworthy icon sets which match the minimalist design ethos."

"The days of being limited to a handful of fonts on the web are very close to being a thing of the past. The @font-face CSS method is among the strongest, simplest and most flexible competitors in this game. It seems to be the current rockstar of the bunch, garnering all the attention and causing a number of sites to pop up offering both free and premium fonts in support of it.

This guide will teach you how to implement @font-face with cross-browser compatibility and will also look at a number of the supporting services that have arisen, making it even easier to use custom fonts in your web designs."

"Giving your web design a natural look can make your website friendlier as well as show your appreciation of the environment. Nature-themed web designs can also give your website a unique character.

There are many ways you can use nature to make your website stand out or help you get a message across to your website visitors. Here is a showcase of over 40 exceptional web designs that use nature themes."

"Although there is a very thin line between Art and Design, its an entirely different brush altogether. Here are some Super creative wallpapers trying to define the very basic of design. Some amay sound out of the point and funny nevertheless they are creative and worth downloading for your desktop!"