Come generare automaticamente layouts e CSS:

1. CSS Creator: Select the form colors, number of columns, html version, and press a button. Presto, a CSS template for your page.
2. Inknoise: The layout-o-matic: fill out the form and out pops your CSS.
3. Strange Banana: Simply refresh the template generator until you get the style you like, then save the page which has your CSS embedded in the header.
4. Nidahas: A CSS-based form template.
5. Maketemplate: A PHP - HTML - CSS template generator for two column layouts.
6. IBDjohn: CSS template generator for three column layouts.
7. TemplatR: Another easy CSS template generator.
8. PsycHo: Your own psychogenesis, your own web design template.
9. Firdamatic: Tableless 2 or 3 column layout generator.
10. Wordpress Theme Generator: Online generator creates custom unique Wordpress themes.

 Se avete necessità di sviluppare velocemente un sito web eccovi una deliziosa lista di templates:

1. TemplateNavigator: The largest catalogue of free website and flash templates, along with quality preview shots.
2. TemplateBox: Over 300 freebie website, logo, banner, and flash templates to complement their collection of paid offerings.
3. Template Monster: A small but very high-quality set of web, flash, and blog templates.
4. Art for the Web: 75 freebie templates. Pretty good place to look if you’re looking for something slightly out of the ordinary.
5. Free CSS Templates: A 206 template strong resource which is frequently updated with new submissions.
6. Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.
7. DotcomWebDesign: Hundreds of free templates, some of which are really top-notch. However, the categorization is a little arbitrary so be ready to spend some time manually searching.
8. Themebot Design Templates: This site has some design templates, but not very many. There is a good amount of free themes.
9. Groovy Lizard: Personal page templates (commercial use must buy a license)
10. Interspire: Freebie web, Frontpage and Dreamweaver templates
11. Joyful Heart Designs: Personal page templates generally with floral designs.
12. OpenSourceTemplates: Free CSS and xhtml open source website templates and Web 2.0 designs.
13. Ricky’s Web Templates: 50+ freebie templates, graphics, and buttons.
14. Free CSS Templates: A dozen full-featured fully functional CSS based templates.
15. FreekTemplates.com: A collection of business, cars and bikes, and hosting templates.
16. Template Perfection: 200+ freebie templates with quite a few non-english oriented templates.
17. TemplateWorkz: 48 freebie web templates, along with some basic logo and newsletter templates.
18. Zymic: 80 freebie templates (HTML Pages + CSS + Images + PSD Files + Blank Images Files).
19. OpenSourceTemplates: A community-driven CSS and xhtml open source template design showcase.
20. Freelayouts: HTML and Flash templates.
21. FreeCSSTemplates.org: Over 100 freebie CSS templates.
22. Free Layouts: Complete list of hundreds of HTML, flash, and CSS templates.
23. Free Templates Online: Dozens of easily customizable templates categorized by theme.
24. Free Website Templates: A large collection of templates that don’t require a reciprocal link.
25. Six-Shooter Media: Free CSS and xhtml open source templates.
26. Free Flash Template: Web templates and intros with tons of special features.
27. Layouts4Free.com: Free web layouts with search capability.
28. Solucija: Free XHTML / CSS website templates already setup and sorted by commercial use.
29. MasterTemplates: Professionally designed free website layouts along with PowerPoint templates.
30. TemplateWorld: Free, tableless, W3C-compliant web design layouts designed by Template World designers.
31. Painted Pixels: Free web page templates, buttons, and background tiles for non-commercial use.
32. CSSFill: A selection of CSS / XHTML based layouts and templates by Michael Strand.
33. ThemesBase: Templates organized by popular content management, blogging and forum systems.
34. Arcsin Design Templates: 22 Freebie XTML and CSS Templates
35. Snakeye Web Templates: 20 templates with a focus on Dreamweaver and Fireworks.
36. Steve’s Templates: Dozens of templates, free with link back.
37. GordonMac.com: Free CSS templates along with some freebie PHP scripts.
38. Web Design Helper: Full page templates including the graphics and code.
39. Webmaster Resources: 25 free web templates.

Perchè acquistare i programmi quando si possono trovare gratis? Spesso pensiamo che il software open source non sia buono per un lavoro professionale invece eccovi questa lista:

1. Nvu: An open-source web authoring system to rival FrontPage and Dreamweaver. (Linux, Windows, and Mac)
2. Cssed: A CSS editor featuring auto completion, syntax highlighting and validation. (C, C++) (Linux)
3. Quanta Plus: A top-notch HTML editor and web development for the K Desktop Environment.
4. Bluefish: An HTML editor for programmers written using GTK, designed to save the experienced webmaster some keystrokes. (C) (GNU/Linux, Unix)
5. GIMPShop: The open source replacement for Photoshop. (Mac, Linux, and Windows)
6. Inkscape: The vector graphics application which may spell the end for Adobe Illustrator.

Suggeritemi altri programmi nei post.

Cosa cercano i Web Designers? Quali sono le risorse utili per il loro lavoro? Penso che sia utile questa lista:

• http://www.bluevertigo.com.ar/bluevertigo.htm Supenda risorsa
• http://www.wpdfd.com/resources/
• http://www.kayodeok.btinternet.co.uk/favorites/webdesign.htm
• http://www.pageresource.com/
• http://www.siteprocentral.com/
• http://www.killersites.com/
• http://www.tlbox.com/web_designers/
• http://www.d.umn.edu/is/support/Training/Online/webdesign/tools.html
• http://www.webweaver.nu/

Voi quale sito utilizzate per aggiornarvi sul Web Design?

Spesso mi capita di ver usare dei counters per monitorare gli accessi ai siti, l'offerta è vastissima, ma vi segnalo questa lista utile allo scopo:

• http://www.statcounter.com/
• http://www.freestats.com/
• http://www.shinystat.com/
• http://www.histats.com/
• http://freestats.ws/
• http://freestats.ws/
• http://www.addfreestats.com/
• http://www.sitetracker.com/
• http://www.sitemeter.com/
• http://gostats.com/

Non dimentico certo l'utilissimo Asp STATS in ASP e MDB

http://www.weppos.com/asg/

e php STATS in PHP e MySql

http://php-stats.com/

Voi quale usate? Quale ritenete il migliore?

Ho sempre cercato icone di questo tipo e smashing magazine risponde prontamente alle richieste di supporto:

Designer’s attention to small details often has a significant impact on how visitors perceive the overall design of a web-site. Although users’ main focus usually lies on finding information, it’s nice to find the content being supported by finest visual details. This holds for favicons, shopping carts, pagination and tag clouds we’ve covered in our earlier posts. But it also holds for… well, date stamps and calendars. Apparently, the latter are used not only in weblogs, but also on large web-sites where events, news and any kind of time-planning is involved.

http://www.smashingmagazine.com/

A cura della dott.ssa Liliana Castello

Ecco qui 12 utili trucchetti e suggerimenti forniti da Web Designers professionisti:

1. Mettete le informazioni più importanti nella parte superiore.

Organizzate le vostre pagine dall’alto verso il basso. Le informazioni più rilevanti dovrebbero sempre essere trovate nel modo più semplice possibile.

2. Limite di lunghezza delle pagine.

Due o tre schermate dovrebbero essere la lunghezza massima per ciascuna pagina.

3. Rendete la navigazione semplice.

Siate coerenti nel collocare i vostri strumenti di navigazione, per esempio menù, pulsanti e così via.

4. Rendete le immagini quanto più piccole possibile

Riducete la dimensione fisica delle immagini con Paint prima di immetterle nelle vostre pagine Web

5. Utilizzate la tavolozza web (WEB PALETTE)

Ciò consente di ottimizzare la dimensione dei files (la mantiene piccola) e rende le immagini ben visibili da tutti i monitor e sistemi.

6. Usate in maniera appropriata e corretta i formati GIF e JPEG

Utilizzate il formato JPEG per le fotografie e quello GIF per tutto il resto.

7. Evitate “sfondi occupati” (di colori troppo carichi o simili a quello del testo)

In tal modo la lettura del testo dovrebbe essere più scorrevole. Dunque assicuratevi sempre di avere un sufficiente contrasto.

8. Utilizzate parametri ALT (bassa ris. e/o testo) per le immagini.

Questo è importante soprattutto per quelle persone che visualizzeranno le vostre pagine con computers più vecchi.

9. Evitate animazioni eccessive

Non animate le immagini a meno che non abbiate un’ottima ragione- può essere davvero irritante.

10. Utilizzate le tabelle per formattare il testo e le immagini.

Questo è il modo migliore per controllare bene il vostro layout.

11. Utilizzate Fonts comuni.

In questo modo vi assicurerete che chiunque veda le vostre pagine così come voi le avete progettate.

12. Non centrate pagine intere

Utilizzate questo tipo di metodo solo per titoli e situazioni particolari.

Segnalo queste grosse novità in ambito Javascript.

1. MooSocialize Permette di scegliere da una lista il servizio di social bookmarking desiderato, che apparira con un'altra animazione all'interno di un iframe.
2. La nuova versione di Lightview che ora non si limita alla presenta anche di video, swf, Ajax, iframe e contenuti vari.
3. YUI UI Library Layout Manager (esempio), Resize Utility, ImageCropper, Uploader, Cookie Utility e ProfilerViewer Control.

• text-shadow che si occupa di, indovinate un po', applicare un ombra ai testi;
  
• background-sizing, sicuramente più intrigante, permette di dimensionare le immagini di sfondo.
  

Voi cosa ne pensate?

Da Wikipedia, l'enciclopedia libera.

In informatica, e più propriamente nel gergo di Internet, un blog è un diario in rete.

Il termine blog è la contrazione di web-log, ovvero "traccia su rete". Il fenomeno ha iniziato a prendere piede nel 1997 in America; il 18 luglio 1997, è stato scelto come data di nascita simbolica del blog, riferendosi allo sviluppo, da parte dello statunitense Dave Winer del software che ne permette la pubblicazione (si parla di proto-blog), mentre il primo blog è stato effettivamente pubblicato il 23 dicembre dello stesso anno, grazie a Jorn Barger, un commerciante americano appassionato di caccia, che decise di aprire una propria pagina personale per condividere i risultati delle sue ricerche sul web riguardo al suo hobby. Nel 2001 è divenuto di moda anche in Italia, con la nascita dei primi servizi gratuiti dedicati alla gestione di blog.