Design Resources

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.

Web Designer's Success Guide (Free E-book) May 26, 2007

Web Designer’s Success Guide is the definitive guide to starting your own freelance Web design business. The author, Kevin Airgid, grossed over $100,000 USD a year developing sites for various national level clients. In this book he gives designers step-by-step instructions on how to achieve the following..