Wednesday, March 19, 2008

Web User Interface Design: CSS, Javascript and web-design resources

Comprehensive list of resources for all things web-related, including galleries and inspiration, tutorials and code archives as well as icons, buttons etc.

CSS galleries and templates:


intensivstation.ch
CSS templates and 'How-to' section

Dynamicdrive CSS gallery
Excellent resource for CSS menues, buttons, containers and forms

cssvault.com
Comprehensive CSS gallery and resource site

csszengarden.com
Excellent demonstrations of what can be achieved visually purely through CSS techniques

stylegala.com
Galleries, resources and forums on CSS and webstandards

cssplay.co.uk
CSS menus, layouts and demos from Stu Nicholls


CSS browser bugs:


Position is Everything
documentation and explanation of CSS bugs and deviations in various browsers.

Adobe CSS Advisor
A site for finding and sharing information about browser compatibility isssues


CSS tutorials:


yourhtmlsource.com/stylesheets
A good CSS primer

maxdesign.com.au
Simple tutorials on creating lists and floats with CSS

yourhtmlsource.com/stylesheets
Detailed tutorial on all elements of CSS design

www.w3schools.com
CSS tutorials and try-it-yourself section

dezwozhere.com/links
An exhaustive list of resources and links to all things CSS


Javascript and DHTML resources:


dynamicdrive.com
Comprehensive DHTML script archive

www.dhtmlgoodies.com

www.fatscripts.com
Resource for CGI, ASP, Javascript and other scripts

moofx.mad4milk.net
Super lightweight javascript effects library

wiki.script.aculo.us
Easy-to-use, cross-browser user interface JavaScript libraries

eDevil's Javascript library roundup:
Exhaustive list of Javascript libraries and resources on the web


Icons and buttons:


FamFamFam icons
Several increadibly comprehensive and well executed icon sets by Mark James.

N.Design Studio mini pixel icons
More than 320 free 14x14 pixel mini-icons for your website or web application navigation created by Nick at N.Design Studio

FavIcon Generator
Online tool and instructions for creating favicons

Online button maker
Free online tool for creating those 88x31 pixel buttons.

0 comments:

No comments: