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.

• 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.

• 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!

• 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.

• Aptana Aptana is the free equivalent of Adobe Dreamweaver. Very powerful and very stable.
  
• Notepad++ Notepad++ is a lightweight text editor that has code coloring and code folding.
  
• Notepad2 Another very lightweight text editor that can be used as a replacement to Windows Notepad.
• Cream Not for the feint of heart, this is a modern configuration of Vim. Very powerful but with a learning curve.
• Firebug Firebug is a powerful plugin for Firefox that allows you to edit CSS/HTML/Javascript live while you browse the page.

Questo test consente di visualizzare un'ampia gamma di combinazioni di colori con un colore di vostra scelta. Lo spettro è ordinato in gruppi secondo il Web Content Accessibility Guidelines (WCAG) versioni 1 e 2.

Color Comparison Formulas

Color brightness formula: (must be greater than 125)

((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000

Color difference formula: (must be greater than 500)

(maximum (Red value 1, Red value 2) - minimum (Red value 1, Red value 2)) + (maximum (Green value 1, Green value 2) - minimum (Green value 1, Green value 2)) + (maximum (Blue value 1, Blue value 2) - minimum (Blue value 1, Blue value 2))

Contrast Ratio with Relative Luminance formulas: (greater than 3:1 for print sizes over 14pt Bold equivalence or 18pt normal, greater than 5:1 for smaller text)

(L1 + 0.05) / (L2 + 0.05) where L1 = 0.2126 * R1 + 0.7152 * G1 + 0.0722 * B1 on the RGB values of the lighter color and L2 = 0.2126 * R2 + 0.7152 * G2 + 0.0722 * B2 on the RGB values of the darker color

Adobe ® Dreamweaver ® è lo strumento ideale per web designer, coders, e sviluppatori di applicazioni di tutti i livelli. Maggiori funzioni di codifica rendono un gioco da ragazzi la navigazione delle pagine del sito nella complessa fase di progettazione. Migliorato il layout strumenti accellerando i flussi di lavoro, dal concepimento all'approvazione del cliente.

E' possibile scaricare la prerelease della prossima versione di Dreamweaver ora e inviare i vostri feedback.

Link al sito Adobe ®: http://labs.adobe.com/technologies/dreamweavercs4/

Eccovi i 5 migliori articoli sul web design consigliati da: http://bitsonewmedia.com/

99 Flickr Groups for Design Inspiration - Vandelay Website Design

You Know You're Addicted to Web Design If... - Elite By Design

Create a Brushed Metal Texture in Illustrator - Vectips

Zebra Striping: Does It Really Help? - A List Apart

Piwik: Open Source Google Analytics Alternative - Read/Write Web