background preloader

NonBlogDesign 1

Facebook Twitter

Welcome to our site. Avalonstar. The Aries Project. By Bryan Veloso. CLEXUS NEW MEDIA - Home. UX Magazine - The User Experience Magazine. The Big Noob™ - a Neubix Studios production. Ordered List by Steve Smith. // Portfolio. Adam greenfield's Stopdesign. The Man in Blue > Distilling fine web design since 1863.

Jake Tracey. This is Powazek. Rob Goodlatte - Interactive Design, Standards, and Accessibility. So much time. So little to do. Surfin’ Safari. AsFusion ActionScript + ColdFusion. Veerle's blog 2.0 - Webdesign - XHTML CSS. Blog Interface Design 2.0. December 12, 2005 by Luke Wroblewski & Jed Wood Blogs have permeated just about every corner of human interest from arphids to zoology and continue to grow at a furious pace . Despite their popularity, many blogs suffer from interface design shortcomings. Unlike issues of spam and authority, these problems have relatively straightforward solutions that could considerably increase the utility of blog content. Assuming a blog is not filled with spam content (splogs), spam comments, or spam trackbacks, there’s often a wealth of information to be found therein: information that is frequently buried deep within archives and comments. This article looks at ways to bring that information forward.

Archives Most blog archives are represented by either a listing of dates, titles, or at best both. Effective ways to filter blog archives and contextual links included with blog posts can go a long way toward exposing valuable content to readers. Headline (title) Subject (tags and/or categories) Tags. Design Melt Down. Dynamic Drive CSS Library- Practical CSS codes and examples. Functioning Form - 9 Lessons from 9 Years of Interface Design. I recently put together a personal retrospective that outlines some of the high-level principles I’ve come to embrace through nine years of interface design.

Functioning Form - 9 Lessons from 9 Years of Interface Design

I described these principles as “lessons” to focus on how I came to adopt these principles and why. Lessons are a useful way to think about interface design methodologies and guidelines because not only is the design process complex, it also never really ends. “We now accept the fact that learning is a lifelong process of keeping abreast of change. And the most pressing task is to teach people how to learn.” — Peter F. Drucker When designing digital products -technology, business, and user experience need to converge in all the right ways lest one of these factors overpower the others.

Experience builds a designer’s ability to understand how these factors limit and enhance each other. “[T-shaped people] have a principal skill that describes the vertical leg of the T -they're mechanical engineers or industrial designers. Design Eye for the List Guy - SXSW 2006. Treehouse. Blog Comment Form Design Showcase. 0Google + Previously I put together a showcase of interesting and creative blog comment design.

Blog Comment Form Design Showcase

It was a fun exercise and fascinating to see the different approaches taken to the standard comment format. Typography for Headlines. Smiley Cat Weblog - Web design thoughts and commentary. 27Jun2006 Typography for Headlines 0 0Google +0 88 Update 01/30/07: I've put these into a blog so that I can add them more easily. 200 headlines is my next goal!

Typography for Headlines

I've been thinking about how I might improve the typography in my headlines - be more creative, give them more 'pop', that sort of thing. Here's a collection of the ones that caught my eye. Related: looking for examples of great comment design? Parting Thoughts Big type is in - the bigger the better! What did surprise me is how many sites (not web design-related) have awful typography, even well known, highly trafficked ones. I'd certainly be interested to know about other examples that I've missed. Further Reading Posted on: June 27, 2006 | 20 Comments. 24 ways. The Bivings Report » Web Design Matters. The first ten years of the Internet are over.

The Bivings Report » Web Design Matters.

The web is no longer a new thing. It is an ingrained part of our lives.Studies show that users form their first impression about a website in 1/20th of a second. What are they going to think if that time is spent watching Flash animation load? Or watching a marquee slowly scroll through a list of headlines? Or searching for creatively placed navigation? As Internet users get more sophisticated and impatient, the need for designs that emphasize usability becomes paramount.

Silk Icons Preview. BrowserCam : Screen capture and Remote Access service for cross platform compatibility testing and HTML design quality assurance. Step by step CSS float tutorial. Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.

Step by step CSS float tutorial

General info Tutorial 1. Floating an image to the right Float an image to the right of a block of text and apply a border to the image. 300 Images From 1800 Sites. I started gathering little, iconesque web images for myself so that I could compare, contrast, and study the techniques used by graphic artists on the web like Ben Sky.

300 Images From 1800 Sites

My initial pool of images looked so interesting that I decided to continue methodically hunting and capturing the icons for a public display piece. The purpose of this document is not to copy the intellectual property of others, but rather as a jumping-off point for your own unique web graphic projects. Best Sellers : MyFonts. [d'strict] d'strict d'fines d'gital. YAJR (Javascript) ElfURL. Ajax Lessons. NID GALLERY. Create matching color schemes at the click of a button. Visual McDonalds Experience. The InVision Guide to a Healthy Heart. FlickrGraph. Web Design Blog by Smiley Cat Web Design.