Trabian | Welcome to our site. Avalonstar. The Aries Project. By Bryan Veloso. CLEXUS NEW MEDIA - Home. ShaunInman.com. UX Magazine - The User Experience Magazine. The Big Noob™ - a Neubix Studios production. Ordered List by Steve Smith. Dangergraphics.com // Portfolio. Adam greenfield's v-2.org. Stopdesign. The Man in Blue > Distilling fine web design since 1863.
Jake Tracey. This is Powazek. Rob Goodlatte - Interactive Design, Standards, and Accessibility. Yellowlane | So much time. So little to do. Surfin’ Safari. AsFusion ActionScript + ColdFusion. Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design. Blog Interface Design 2.0. 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. This lack of context makes it quite difficult to find or discover relevant content “buried” in the archives. Let’s see some of these concepts in action. Tags Browsing by subject matter (categories) can be enriched through the use of tagging. Formats Comments. Dynamic Drive CSS Library- Practical CSS codes and examples. TheBar.com. 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.
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. If the technology is not up to par, people can’t use the product. Experience builds a designer’s ability to understand how these factors limit and enhance each other. 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. It was a fun exercise and fascinating to see the different approaches taken to the standard comment format. Going through this process, I was also struck by the creativity of the design work that went into some of the comment forms on these sites. As I've been traversing the web since, I've been noting sites with comment forms that have that extra design effort put into them and have collected them into a blog comment form design showcase. I hope you'll agree that there are some great examples of creative design in there. The Few and the Brave It's been somewhat surprising to see how few blogs put any additional design effort into their comment forms other than to make them readable and usable, even those of designers.
So, for anyone looking for a little design inspiration, hopefully this collection will help in that regard. Call For Submissions Colophon. 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! 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. So I took a look around some of the sites I frequent the most for some inspiration (and maybe even spot a trend or two). 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 Recent Entries in "Showcases" 20 Comments Posted Christian, thanks for a great article. 1. Interesting idea. 2.
24 ways. The Bivings Report » Web Design Matters. The first ten years of the Internet are over. 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? They’ll think it’s time to visit another website. As Internet users get more sophisticated and impatient, the need for designs that emphasize usability becomes paramount. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 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. 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.
Tutorial 2. Float an image and caption to the right of a block of text and apply borders using Descendant Selectors. Tutorial 3. Float a series of images down the right side of the page, with content flowing beside them. Tutorial 4. Float a series of thumbnail images and captions to achieve an image gallery. Tutorial 5. Float a simple list into rollover "back" and next "buttons".
Tutorial 6. Float a simple list, converting it into a horizontal navigation bar. Tutorial 7. Float a scaleable drop cap to the left, resize it and adjust line-heights to suit your needs. Tutorial 8. Float a left nav to achieve a two column layout with header and footer. Tutorial 9. 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.
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. It's for Brainstorming, if you will. I roughly estimate that for every six web sites I scoured, I was able to acquire one graphic image.
I visited only Fortune 1000 company sites, major online retailers, well known blogs, top advertising, publishing, and design agencies, technology and software industry leaders, and the very largest online news publishers. . — Ro London Arrows Pictured below are some of the exceptions to the rule. Posts Comments Mail Bullets Print Carts And Bags GUESS? Best Sellers : MyFonts. [d'strict] d'strict d'fines d'gital. YAJR (Javascript) ElfURL. Ajax Lessons. NID GALLERY. Color Schemer | 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.