Design Resources

FancyUpload Jun 18, 2007

Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. Try it out, the unobtrusive file-input replacement.

Frameworks for Designers Jun 18, 2007

These days, “framework” is quite a buzzword in web development. With JavaScript frameworks like the Yahoo User Interface library, jQuery, and Prototype getting a lot of attention and web application frameworks like Rails and Django getting even more, it seems like everyone is using some kind of framework to build their sites. But what exactly is a framework? And are they only useful to programmers, or can we web designers benefit from the concept, as well?

HTML5 differences from HTML4 Jun 18, 2007

This document describes the differences between HTML4 and HTML5 and provides some of the rationale for the changes. This document may not provide accurate information as the HTML5 specification is still in development. When in doubt, always check the HTML5 specification itself.

Iconize Textlinks with CSS Jun 17, 2007

Links are fun, but sometimes we don’t know where they take us. With this little CSS technique a user can identify a link by its icon.

Tutorial: Form Styling with CSS Jun 14, 2007

Making a form look good isn’t difficult to achieve. All you need to know is how to apply a little CSS. After reading this little article you should be able to create something like this, or even better!

26 Best ways to implement AJAX, CSS and Javascript based Tabs Jun 11, 2007

AJAX Tabs (Rails Redux), Snippet Code for Simple AJAX Tabs with cool CSS Styles, Javascript Tabbar Component with rich API, TabContainer – ASP.NET AJAX Control, Control Tabs, Accessible, unobtrusive JavaScript Tabs with jQuery, Yahoo! UI Library: TabView, Tabtastic (Non AJAX), A Different approach for Tab Menu (Non AJAX), DOMTab – Navigation tabs with CSS and DOMscripting (Non AJAX), Ajax Project – Tabbed Page Interface, effortlessly!: CSS Tab Designer, Light Weight Low Tech CSS Tabs (Non AJAX), The Zapatec Javascript Tabs Demos…

Web Design 101: Backgrounds Jun 04, 2007

The CSS background property allows you to apply background colors and images to elements as required. But there are plenty of strange quirks and bugs that may surprise the unwary developer.

Rediscovering the Button Element Jun 04, 2007

The input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari).

Creative Use of PNG Transparency in Web Design Jun 02, 2007

The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.

Fancy Form Design Using CSS Jun 02, 2007

Form design is the necessary evil of web development. Don’t you wish you had a wizard’s wand to create accessible yet attractive forms? We have found such a wizard! Here, Cameron Adams shows you how to use CSS to create forms that are both great-looking and usable, and gives you the code you need to make the job easy.