Frederik Van Zande's Bookmarks tagged webdesign →  View Popular

When Gruber first linked the TripLog/1040 UI by Stevens Creek, I wasn’t kind either. Bright colors, controls seemingly placed at random. It was the opposite of what designers strive for in our circles. A mess. Soon the Flickr page was a schoolyard of insults. And then something interesting happened. TripLog’s designer Steve Patt posted a comment amidst the bile to share the rationale behind his design. The many who chose not to listen to him won’t learn anything, but the rest of us may find fruit in Mr. Patt’s thoughtful explanation and twenty years of software experience.

Tags: user interface, webdesign, UI, interaction design, user experience on 2008-07-11 and saved by4 people -All Annotations (0) -About

more fromwww.37signals.com

After putting together a registration form design showcase, the logical next step was to do the same for login forms.

Tags: showcase, webdesign, form, login, examples, pattern on 2008-06-29 and saved by3 people -All Annotations (0) -About

more fromwww.smileycat.com

The use of flourishes in design has been a popular trend for a while now, but is still going strong with intricate patterns and smooth flowing vines and leaves creeping into designs for both web and print. Here is a roundup of free ornamental, floral, swirly and curly graphics from across the web.

Tags: vector, illustrator, graphics, ornaments, webdesign, design on 2008-06-27 -All Annotations (0) -About

more fromwww.blog.spoongraphics.co.uk

There are two interface interface elements of typical mobile user interfaces that does the heavy lifting. That is the Text Input Field and the List. I thought I'd share with you some of the usability considerations that is going into Text Input Fields at mBricks. The keypad is well suited to number entry, but ill suited to text entry. Entering text on a mobile phone is hard, and people tend to avoid it if they can. The less text input you have, the better. But you can't avoid it all together. Text input fields are suitable for plain text, numbers and passwords. For entering specific data types like date, time, number ranges etc. you should not use a text input field. Instead use Multi-field Input or a selection widget like a Calendar.

Tags: user interface, usability, form, mobile, mobile devices, webdesign, text input, input, field on 2008-06-24 and saved by2 people -All Annotations (0) -About

more fromsender11.typepad.com

GetBrushes.com is free Adobe Photoshop brushes directory, featuring handpicked collection of the best brushes for Photoshop on the net, all free to download and use. Here you’ll find PS brushes for every style and taste, ranging from always popular decay & grunge brushes, over abstract and tech, to gothic, coffee spills, hair, or fractal inspired brushes for photoshop. Have a look around.. and, well, have fun :)

Tags: photoshop, brushes, resources, design, webdesign, graphics, download on 2008-06-24 and saved by19 people -All Annotations (3) -About

more fromgetbrushes.com

Welcome to Brusheezy.com! A place for artists to download and vote for the best custom Photoshop Brushes and photoshop patterns on the internet! This site is updated every day with new Brushes for Photoshop so check back often and Submit your own! We only accept the best photoshop brushes so be sure to read the terms of use for the official rules before submitting your Photoshop Brushes and photoshop patterns. Add to Technorati Favorites

Tags: photoshop, brushes, design, resources, graphics, patterns, webdesign on 2008-06-24 and saved by53 people -All Annotations (0) -About

more fromwww.brusheezy.com

Design for the masses. Design Bump is a social media site dedicated to the design industry.

Tags: design, webdesign, resource, inspiration on 2008-06-24 and saved by4 people -All Annotations (0) -About

more fromdesignbump.com

Your guide for developing usable and useful Web sites

Tags: webdesign, design, reference, accessibility, government, web, usability, testing on 2008-06-22 and saved by47 people -All Annotations (0) -About

more fromwww.usability.gov

here are many ways to approach Web typography in order to create effective and expressive results. Let’s take a closer look at some principles, rules and ideas for approaching Web typography decisions — you can use them as a starting point for learning how to achieve effective type setting on the Web.

Tags: typography, design, webdesign, fonts, web, inspiration, font on 2008-06-21 and saved by23 people -All Annotations (0) -About

more fromwww.smashingmagazine.com

With our shiny new iPhone site ready for public consumption, we thought we’d share some things we learned while building it.

Tags: iphone, mobile web, webdesign, css, html, javascript, best_practice on 2008-06-06 -All Annotations (0) -About

more fromblog.mindbites.com

HTML email newsletters have come a long way in the five years since this article was first published. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and thereby can measure reader interest in products and topics; readers are presented with information that's laid out like a web page, in a way that's more visually appealing, and much easier to scan and navigate, than plain text email.

Tags: css, email, html, template, xhtml, tutorials, howto, newsletter, webdesign, best practice on 2008-06-04 and saved by30 people -All Annotations (2) -About

more fromwww.sitepoint.com

Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics: * Ad Units * Calendars * Carousels * Charts and Tables * UI Controls * Form Elements * Grids * Menus and Buttons * Mobile - General * Mobile - iPhone * Navigation and Pagination * OS Elements * Placeholder Text * Screen Resolutions * Tabs * Windows and Containers

Tags: examples, stencels, wireframe, yahoo, webdesign, visio, stencil on 2008-06-02 and saved by56 people -All Annotations (0) -About

more fromdeveloper.yahoo.com

Very nice collection of screenshots about all different kinds of design patterns.

Tags: showcase, design patterns, inspiration, webdesign, blog, calendar, footer, code, quotes, forms on 2008-05-26 and saved by2 people -All Annotations (0) -About

more fromwww.smileycat.com

very big collection of logos

Tags: logo, logos, webdesign, identity, inspiration on 2008-05-17 and saved by149 people -All Annotations (8) -About

more fromlogopond.com

CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn’t on the viewers computer it won’t render in that font. So as designers and developers we end up selecting the ones that we can safely assume is available on most computers today. So most pages use Arial, Helvetica, or Georgia as their typefaces… and the world of the web remains slightly more bland.

Tags: arial black, arial narrow, century gothic, css, fonts, webdesign, palatino, tahoma, impact, typography on 2008-05-10 and saved by31 people -All Annotations (2) -About

more fromwww.3point7designs.com

Simplicity is something to strive for apparently. Muji does it. Philips does it. Paris does it. It just might become the 'user-friendliness' of this decennium: an appealing, but somewhat vague notion of 'goodness' in interaction. We all agree: it should be there, but no-one is exactly sure what it is. Or is really sure, but everyone else disagrees. To some it means getting what you need, to others it means leaving out the frills.

Tags: convertion, usability, webdesign, simplicity, functionality, features on 2008-05-07 -All Annotations (0) -About

more fromwww.uselog.com

Here is a LIVE demo showing how input buttons are rendered in your browser. The 'Standard' column will look different depending on your operating system. The '+ Border' column shows the same buttons with a red border added. (This removes the default button style as seen in the first column.)

Tags: css, webdesign, buttons, form, padding, crossbrowser, IE, safari, firefox, opera on 2008-05-06 and saved by6 people -All Annotations (0) -About

more fromwww.designdetector.com

Credit card icons are an essential part of every online-shop. They are often used to indicate available payment conditions and purchasing options. The clearer they are presented in the online-shop, the easier it is for potential customers to figure out if they actually can pay online in this shop. Therefore when it comes to the design of an online-shop there is no way to get around using some credit card icons.

Tags: credit card, credit card icon, icon, webdesign, e-shop on 2008-04-26 and saved by8 people -All Annotations (0) -About

more fromwww.smashingmagazine.com

what is needed for good webpage design, good article !

Tags: webdesign, typography, design, vision, balance, contrast, harmony, variety, action on 2008-04-25 and saved by3 people -All Annotations (0) -About

more fromwww.typography-1st.com

It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then. This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : * 45+ Fresh Out of the oven jQuery Plugins * 50+ Amazing Jquery Examples- Part1

Tags: jquery, javascript, ajax, webdesign, web2.0 on 2008-04-10 and saved by26 people -All Annotations (0) -About

more fromwww.noupe.com