background preloader

Web Design Blog by Smiley Cat Web Design

Web Design Blog by Smiley Cat Web Design

Ajax Lessons 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. — Ro London Arrows Most sites using arrows to help graphically enhance their text use one of three things: 1) They use a simple, solid-colored arrow. 2) They have decided to use the angled-quote character ( » ) in some variation or another. 3) They use the > symbol. Pictured below are some of the exceptions to the rule. Posts Comments Mail Bullets Print Carts And Bags GUESS?

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.

BrowserCam : Screen capture and Remote Access service for cross platform compatibility testing and HTML design quality assurance. 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? 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.

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. 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. With warm greetings from Saarbruecken, Vitaly Friedman 1. Interesting idea. 2. Sheesh! Nice collection, thanks for letting me in! 3. 4. Gasp! 5. 6.

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

Treehouse 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. 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.

theBar.com 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. To address this issue, Jakob Nielsen recently recommended employing a categorization of blog posts (so users can find content related by subject matter), using clear titles, and including a list of popular (and thereby potentially valuable) posts. Tags

AsFusion ActionScript + ColdFusion This is Powazek Stopdesign

Related: