• WYM editor A web-based XHTML editor that outputs W3C compliant XHTML 1.0 STRICT code.
• Amaya Amaya is a WYSIWYG HTML/CSS editor from the people at W3C. Of course this means its output is 100% valid.
• Selida Another WYSIWYG editor that is entirely free.
• Nvu Nvu is another open-source Dreamweaver clone. It features HTML/CSS editing and a WYSIWYG side.

• FileZilla A very popular FTP client. You can also download the server edition for free.
  
• CoreFTP A simple two-pane style FTP.
• FireFTP Use FTP without ever leaving the comfort of your Firefox!

• Gimp / Gimpshop The open source equivalent of Photoshop. This image editor is very powerful and completely free. Gimpshop [ available here ] is a modified version of Gimp to help people familiar with Adobe products move over to Gimp.
  
• Inkscape A very powerful image creator that outputs SVG (scalable vector graphics) files.
• Paint.NET Another image editor/creator that has some nice features. Basically this is a version of Paint with a bit of Photoshop style tools added to it.
• Project Dogwaffle This is a free painting and animation prgram by Dan Ritchie. You can achieve nice digital paint results with this.
• Picasa2 Google-owned Picasa is an image organizer. You can edit your photos, tag your images and even upload them to Google’s server for free. This is perfect for organzing images for galleries.

Color Pickers

• ColorMatch Remix This online tool allows you to pick a color and have several colors generated to match it. You can export your palette as a Photoshop or Illustrator file.
• ColorPicker This color picker allows you to pick colors from photos and other images. It can ouput colors in either RGB mode or hex, which is useful for us CSS designers.

Coding Help

• AllChars Ever had trouble remember that “&” should be “&” in HTML? AllChars will help you encode ANY character you want.
• CSS Creator Use this online tool to generate the framework for your CSS based layout.
• Firdamatic Another online CSS layout generator that can be used for either 2-column or 3-column layouts.

Helpful Firefox Extensions

• Web Developer Toolbar for Firefox This plugin is a must have for any CSS designer. It allows you to view the CSS for a page, turn off styling and browse through the DIVs to see how a page is assembled.
  
• IE Tab Check your website in Internet Explorer by opening it in a Firefox tab. Never open Internet Explorer again!
• HTML Validator Adds a small section to the status bar displaying whether or not a website has valid markup. It even shows how many errors are in the site.

Perché tanti graphic designer sono ancora incapaci di capire cos'è il web dopo tutti questi anni? Ormai non abbiamo più la scusa che il Web è una cosa nuova e pertanto nessuno sa ancora cosa funziona e cosa non funziona. Perché Google o Skype non prendono mai uno di questi premi? Perché concetti come 'arte' e 'innovazione' devono essere legati ad una visione del mondo tanto stereotipata per cui per vincere premi bisogna stupire dal punto di vista visuale e far saltare la gente dalla sedia? Se i Communication Arts Magazine Awards fossero una parodia, meriterebbero davvero un premio. Ma non lo sono, e non fanno certo un buon servizio alla disciplina che intendono promuovere. Ci sono giovani web designer a cui viene dato un messaggio completamente sbagliato. Il Web è, nei fatti, un luogo funzionale, orientato allo svolgimento di specifiche operazioni. Se si è in cerca di siti a cui ispirarsi, si guardi a Google, eBay, Amazon. Fanno soldi andando incontro a bisogni reali. Il tuo sito deve essere utile. Deve essere veloce e adattabile alle esigenze dei visitatori, con una navigazione semplice e che non disorienta. Il Web non è una brochure o uno spot televisivo. È il Web.

Fonte: http://www.webdevlounge.com/articles/jquery_resources/

1. The official site - always a great place to start, documentation, downloads - your first stop.

2. WebDesignerWall - a great little hands on practical, tutorial/resource. 

3. Coda-Slider - a jQuery version of Panic Coda’s page slider. Extremely useful for portfolios, to slide projects in and out at the click of a button.

4. jQuery Lightbox - everybody loves the lightbox effect. This jQuery plugin takes lightbox and adds some very smooth transitions between images - great for image galleries. 

5. Digital Web Crash Course - for people who want to know the workings of jQuery in order to create their own functions, this crash course is essential.

6. Specky Boy Collection - this is a really in-depth collection of links to various jQuery tutorials.

7. jQuery for designers - a web blog completely dedicated to jQuery tutorials, tips and tricks.  

8. Noupe.com - this web development blog has a HUGE collection of advice and plugins for jQuery. The post you are linked to also contains links to 2 other posts - almost 90 different tutorials!