Web design facile con le librerie di Twitter

Alla data in cui scrivo non è certo una novità, ma ci tengo a segnalare quesot poteten strumento per il web-design. si tratta di una libreria javascript-css potentissima che ci consente di creare layout per le nostre applicazioni web in maniera veloce, pulita e sicura. Lo strumento è fornito da Twitter ed è a dir poco potente. si potrebbe obbiettare che tale tipo di sturmenti introducano una certa standardizzazione del web e del suo stile, ma in realtà molte applicazioni hanno bisogno di rigore e precisione. Caratteristiche che non possono essere ricercate ogni volta che ci mettiamo a disegnare un layout spendendo tanto tempo. Con questo strumento abbiamo già una base preimpostata su cui costruire a nostro piacere. Il nostro design risulterà più facilmente responsive per tutti i formati di display.
Ovviamente libera e aperta la trovate qui: http://twitter.github.com/bootstrap/

Gradient con css3

L'ultima versione dei css, la 3, offre la possibilità di sfruttare i gradienti, permettendo di creare link, bottoni, sfondi e quant'altro si desideri con una grafica accattivante e senza l'uso di immagini.
Tuttavia i diversi browser non supportano la versione W3C della proprietà "gradient" ed è quindi necessario ripetere la regola del gradiente nelle varie versioni dei diversi browser, stando attenti alla compatibilità del nostro codice.
Possiamo impararci tutte queste regole e ogni volta riscriverle, perdendo un po' di tempo. Oppure possiamo leggerci una guida sull'argomento, e subito dopo cestinarla, per utilizzare strumenti gratuiti di generazione del codice.
Troviamo alcuni strumenti di generazione di sfondi sfumati nella rete, sono diversi tra loro nella compatibilità tra i diversi browser e nell'usabilità.
Ne vediamo alcuni:

• http://gradients.glrzad.com/ offre molte possibilità di personalizzazione e genera un codice pulito e breve.
• http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html pratico e veloce offre la possibilità di generare sfumature ellittiche e rotonde. Il codice generato è commentato. È fatto da Microsoft per il proprio browser (sia maledetto)
• http://colorzilla.com/gradient-editor/ uno dei miei preferiti per la completezza e la rapidità; il codice comprende la compatibilità con IE9 (pensa un po') e ci sono alcune interessanti soluzioni già pronte