Web Design Resource List

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Web Design

A List Apart :: A website for web designers

UI Pattern factory

DesignCrux

Why use CSS-Based Design (beginners, read this first)
http://vandelaydesign.com/blog/css/why-use-css-based-design/#more-12

Learning HTML and CSS (super FREE tutorial)
http://www.boogiejack.com/html_tutorials.html

Great info on sprites and CSS

Tutorial on AJAX

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

CSS LAYOUTS (no need to reinvent the wheel)

http://960.gs/
http://www.blueprintcss.org/

http://www.oswd.org/
http://blog.html.it/layoutgala/

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

CSS HACKS (making your design work in IE 6)

Use this on all your pages: http://code.google.com/p/ie7-js/

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

Here is why: http://dean.edwards.name/IE7/

or
http://www.javascriptkit.com/dhtmltutors/csshacks.shtml
http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

CSS RESOURCE LIST (everything you need in one list, these guys are the best)
http://vandelaydesign.com/blog/design/resources-simplify-design/

http://sixrevisions.com/tools/20_web_development_tools/

Great resource for front end web developers:

23 print-ready cheat sheets for HTML/HTML, CSS, and JavaScript:

http://sixrevisions.com/resources/cheat_sheets_web_developer/

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

CSS Charts

http://sixrevisions.com/css/css_techniques_charting_data/

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Video



Download Helper :: This is the best free video download tool out there!!!!

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

FLASH Resources

Easy FLASH/XML gallery’s

http://slideshowpro.net/

http://www.flashnifties.com/xml_gallery.php

http://flashkit.com

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Flash Templates

http://www.ohmyflash.com/

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Hosting Designed for Developers

http://www.crystaltech.com/

Great review of e-commerce solutions:

http://blog.webdistortion.com/2008/05/03/9-kick-ass-open-source-e-commerce-platforms-reviewed/

Great review of CMS options available:

http://blog.webdistortion.com/2008/05/17/13-free-cms-options-for-web-design-professionals/

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Orgs:

Web Girls

http://www.webgrrls.com

http://smartexperience.org/

The Interaction Design Association is a member-supported organization committed to serving the needs of the international interaction design community. http://www.ixda.org/

AIGA, the professional association for design, is the place design professionals turn to first to exchange ideas and information, participate in critical analysis and research and advance education and ethical practice. http://www.aiga.org/
UX Book Club NYC  http://uxbookclub.org/doku.php?id=new_york_city

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Inspiration:

Here is a link to a speech at the Web 2.0 expo by Gary Vaynerchuk, founder of the Wine Library. It was very inspirational.

http://tinyurl.com/4y5wfg

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

CSS Common Mistakes

http://nettuts.com/articles/web-roundups/are-you-making-these-10-css-mistakes/
I just found a post with lots of resources and inspirations for designers

http://twurl.nl/0z8afs

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

File Conversion

http://www.zamzar.com/

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

FYI

SVG this has a great explanation of the difference between bitmap and vector graphics.

http://en.wikipedia.org/wiki/Scalable_Vector_Graphics

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Stock Images

My favorite is stock image site is  istockphoto.com because it has the best collection of vector illustrations out there.

However if you need design elements, or to quickly make a prototype for the web go to www.scrapblog.com

I LOVE scrapblog! It’s not high rez enough for print, but for the web it is perfect. I’ve started doing prototypes in scrapblog because it’s so fast and easy. If you dont know about scrapblog, go there now.  They won an award from Adobe for best web application.  I can say enough about this wonderful site.

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

Content Management Systems

Joomla

Drupal

New Template builder for CMS :: WordPress, Drupal, Joomla

: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :

eCommerce

PayPal

Amazon

Newtek Cart

Advertisements

One response to “Web Design Resource List

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s