Strumenti per il web

Siti di riferimento per imparare a fare un sito e trovare nuovi spunti

• A list apart - La rivista storica sul web design
• HTML.it - Il maggior sito italiano di guide e consigli
• W3Schools - I tutorial direttamente dal W3C
• 24 ways - Ogni Natale, un calendario dell'avvento con 24 trucchi e consigli
• Build Internet! - Un blog molto attivo su tutti gli aspetti del lavoro sul web
• How to create - Guide un po' datate, ma che insegnano il modo giusto di creare un sito

Idee ed estensioni per il framework PHP più gettonato

• Cookbook - Il manuale di CakePHP
• Serving up actions as AJAX with jQuery... - Come combinare jQuery e CakePHP
• File upload component - Gestire l'upload dei file
• Equation generation - Includere formule con CakePHP
• AutoLogin component - Per gestire in automatico il "remember me"
• Simple tweak for model relations in CakePHP - Velocizzare l'azione di delete
• Creating PDF files with CakePHP and TCPDF
• 21 things you must know about CakePHP - Consigli utili
• Make your CakePHP forms a lot more secure - Un'occhio alla sicurezza
• Custom CakePHP errors - Gestire gli errori
• CakePHP file uploads - Un'altra soluzione per il file upload
• Creating reusable elements with requestAction
• AcoSyncShell - Uno strumento per semplificare la gestione delle ACL
• Miles Johnson scripts - Alcuni componenti utili
• js_validate - Automatizzare la validazione lato client
• CakePHP URL-based language switching - Gestire URL differenti in base al linguaggio
• Accessing user sessions - Dati dell'utente disponibili nei modelli

Scegliere bene la paletta da usare può influenzare molto il proprio design. Ecco un po' di consigli.

• COLOURlovers - Tutto sui colori
• PHOTOCOPA - Uno strumento per estrarre gli schemi di colore da una foto
• ColorBlender - Generatore automatico di palette
• Web safe colours - Elenco di colori usabili anche con scarsa profondità di colore
• Color schemer - Una raccolta di schemi di colore
• Build site color schemes from photography - Usare una foto come spunto per le proprie palette
• 10 tools to help you select a web 2.0 color palette - Altri consigli sugli strumenti da usare per i propri colori

Tutto per imparare ad usare i fogli di stile

• CSS tutorial - Imparare ad usare i fogli di stile in 2 ore
• CSS zen garden - La famosa raccolta che ha dimostrato a tutti la potenza dei fogli di stile
• The form assembly - Il suo parente più giovane per dare stile ai form
• 20 CSS tips and tricks
• CSSplay - Esperimenti con i CSS... un po' sul serio, un po' no ;-)
• CSS: Techniques, tutorials, layouts
• CSS menu generator
• Three column layouts - Gestire 3 colonne con i CSS
• HTML Dog - Articoli e tutorial su HTML e CSS
• CSS3 . Info - Tutto sul progresso dei nuovi CSS3
• Modernizr - Uno strumento Javascript per rilevare al volo se potete usare i CSS3
• CSS drop shadows - Ombre con i CSS
• How to use CSS sprites - Ridurre il consumo di banda combinando più immagini
• Layout gala - Una collezione di 40 layout CSS
• CSS selection styles - Modificare il colore della selezione
• Rediscovering the button element - Dare stile ai bottoni

Quando manca l'ispirazione, ecco i siti a cui rivolgersi per trovare idee.

• BittBox - Freebies, consigli e tutorial per il design.
• Design patterns - Una raccolta di pattern su Flickr
• Web designer wall - Un blog sul web design
• Open source web design - Templates già pronti a cui ispirarsi
• Design meltdown - Una fantastica raccolta di siti divisi per colori e categorie
• Just free templates - Un'altra raccolta di templates già pronti

Piccoli dettagli da aggiungere al proprio design

• Web 2.0 badges - Un generatore di badges da aggiungere al proprio logo
• Website bullets - Frecce e pallini per le liste
• Buttonator - Un generatore di bottoni
• Rounded corners - Una raccolta di soluzioni per gli angoli arrotondati
• curvyCorners - Angoli arrotondati in Javascript
• Nifty corners cube - Un'altra soluzione Javascript per gli angoli arrotondati
• Complexspiral demo - Un'idea semplice per realizzare un effetto di blur
• Designing out of the box - Un piccolo trucco per rendere più vario il vostro design

Tutorial per imparare ad usare il programma di grafica Gimp

• Fire
• Old paper
• Web 2.0 graphics
• Whitening teeth
• Explosion
• Farfalla - Usare i tracciati per stilizzare una farfalla
• Iride
• Water - Una texture d'acqua
• Glassy spheres - Sfere con riflessi
• iText - Testo con effetto pavimento bagnato
• Rust
• Transparent objects
• Coffee cup
• Water drops
• Inset text

Informazioni sul SEO e consigli da Google

• Let's make the web faster - Consigli da Google per ottimizzare la velocità
• Strumenti per i webmaster - Segnalare il proprio sito a Google
• sitemaps.org - Creare una propria sitemap
• 301 Redirect - Trasferire un sito usando un redirect

Dove trovare icone sotto licenze libere per il proprio sito

• DryIcons - Icone di alta qualità libere per uso personale
• Free icons web
• famfamfam - Un set di 1000 icone 16x16
• Free! Icons for your website - Una raccolta di siti di icone

Sappiamo tutti in quale browser il nostro sito non funzionerà, vero? Meglio informarsi e correre ai ripari prima.

• IE CSS bugs that'll get you every time - I bug più comuni
• Explorer exposed - Una raccolta più completa di bug di Internet Explorer
• DD_belatedPNG - Una soluzione Javascript per le PNG trasparenti
• Supersleight - Un plugin jQuery per le PNG trasparenti
• IE7 script - Modernizzare Internet Explorer 6 tramite Javascript
• inline-block styling - Hack CSS per la proprietà inline-block
• @font-face Cleartype fix - Plugin jQuery per migliorare l'antialias dei font esterni su Internet Explorer 7 ed 8

Tutorial, snippet di codice e librerie utili.

• Douglas Crockford's Javascript - Un video corso direttamente da Douglas Crockford!
• Learning Advanced JavaScript - Slide sul Javascript da John Resig
• Packer - Un compressore Javascript
• Litebox - Libreria per realizzare gallerie di immagini
• ModalBox - Libreria per realizzare finestre di dialogo
• Reflection.js - Il classico effetto bagnato che fa tanto Web 2.0
• JavaScriptMVC - Un framework MVC implementato in Javascript

Risorse e plugin per sviluppare in jQuery.

• jQuery JavaScript library - La documentazione ufficiale
• jQuery Plugins - Il sio dei plugin
• jQuery UI - Un progetto parallelo a jQuery per realizzare interfacce utente
• Learning jQuery - Un sito di tutorial e idee per jQuery
• Making an interactive picture with jQuery - Realizzare immagini animate
• jQuery UI - Un plugin per realizzare menu animati

Un protocollo per usare un unico profilo utente su diversi siti.

• OpenId foundation - La home di OpenId
• Using OpenId - Una spiegazione del meccanismo di autenticazione
• OpenId - Un componente per CakePHP per implementare OpenId
• JQuery OpenId plugin - Una widget per il login tramite OpenId

Risorse su PHP: sicurezza ed estensioni utili

• GD image reflections - Effetto pavimento bagnato con le librerie GD
• Image reflections in PHP - Un'altra soluzione per lo stesso effetto
• Serving Files with PHP - Servire file binari tramite PHP
• TCPDF - Una classe per generare documenti PDF

Avete mai voluto usare variabili, operazioni e mixins nei vostri fogli di stile? Con Sass si può fare questo ed altro!

• Sass - Un linguaggio per estendere le potenzialità dei CSS
• A Compass primer - Compass è un framework per organizzare i progetti Sass
• Using Compass and Sass - Un tutorial per iniziare a lavorare con Compass
• Compass wiki - Tutti i plugin di Compass
• Compass-colors - Semplificare le operazioni con i colori nei CSS

Alcuni elementi di base per proteggersi da utenti indesiderati.

• PHP security guide - La guida alla sicurezza del PHP Security Consortium
• Tutorial: PHP security - Tutorial sulla sicurezza di PHP Freaks
• PHP security checklist - Una rapida lista dei più comuni buchi di sicurezza

Come scegliere i propri font, e assicurarsi che si possano vedere bene anche sui browser più datati.

• DaFont - Archivio di font sotto licenza libera
• Font Squirrel - Un altro archivio di font, già pronti per l'uso tramite @font-face
• exljbris Font Foundry - Font di Jos Buivenga
• I love typography - Un blog sulla tipografia web
• Online font converter - Converte fra diversi formati di font
• Bulletproofer @fontface sintax - Il modo migliore per dichiarare le regole @fontface
• Facelift - Una tecnica di image replacement per gli header con font alternativi
• Cufón - Font replacement via Javascript
• How to use sIFR 3 - La guida a sIFR, uno strumento di font replacement Flash
• sIFR Generator - Convertitore di font per sIFR
• Web font specimen - Una pagina già pronta, su cui testare la resa dei diversi font

Alcune risorse che possono sempre tornare utili.

• Browser archive - Elenco storico dei browser
• Piwik - Strumento di Web analytics da installare sul proprio server
• reCAPTCHA - Una soluzione per i CAPTCHA che aiuta anche a digitalizzare libri antichi
• SpriteMe - Una bookmarklet per creare sprite CSS e velocizzare il proprio sito
• Lorem ipsum - Generatore automatico di dummy text
• Browsershots - Strumento gratuito per i test su ogni tipo di browser