Bookmark web design
Venerdì 28 Marzo 2008 - 08:26
di Alessandro Fulciniti
Eccoci ad un nuovo appuntamento dei bookmark con alcune segnalazioni sparse
sul mondo del web design. Cominciamo con le griglie e 960 Grid System, una validissima risorsa per gli sviluppatori. Il sito va ben oltre il concetto di framework CSS per le griglie: presenta infatti template in Photoshop, PDF, Fireworks e molto altro, tutto da scaricare liberamente e in duplice licenza MIT/GPL. Da non perdere il post di presentazione di Nathan Smith. A proposito di griglie, merita una lettura anche
il recentissimo Grid-Based Design: Six Creative Column Techniques su Smashing Magazine.
Passando agli screenshot, ecco due segnalazioni molto sfiziose. La prima riguarda Greenshot, un software free per Windows che permette di catturare schermate e/o porzioni di schermo in moltissimi formati, oltre a disporre di un versatile editor per aggiungere commenti e annotazioni. Se poi magari i vostri screenshot vorrete ospitarli sul web e/o condividerli, ecco ScrnShots, che però
al momento è in beta privata.
I rollover soft con CSS e javascript sembrano una tendenza emergente: poco tempo
fa ho presentato Un menu gloss
con i CSS e JQuery (qui uno degli esempi). L’effetto è applicabile anche su un header: un tutorial sul tema si può trovare
in Creating a fading header con il relativo esempio. Se volete
vedere l’effetto usato estensivamente su un sito, vi invito a fare una visita al bellissimo Dragon Interactive.
Alla prossima!
Categoria: Web Design | Permalink
Commenti
1
Grazie.
Penso che proverò Greenshot, mi sono rotto di dover aprire Photoshop ogni volta che premo “Stamp” (o Prt Sc, dipende).# - postato da Gabriele Fabbri - 28 Marzo 2008 - 09:22
2
Non conosco Greenshot ma posso dire che mi trovo bene con Screen Grab! (estensione per FF). Davvero ottimo. Cattura parti della pagina in .png.
Per quanto riguarda il discorso delle griglie… non mi trovo in sintonia con questi sistemi “precotti”; preferisco scrivere il codice da me, invece che adattarlo ai lavori che faccio.
Salut!
3
@Gabriele Fabbri
se non vuoi usare photoshop puoi usare il comodissimo irfanview…
stampi quello che vedi a monitor e fai un semplice incolla su irfanview.
questo poi è davvero fantastico, sembra in flash.
4
Dragon Interactive è una figata.
Inoltre il titolo di ogni pagina (es: identity) non è un’immagine!
C’ho messo un bel po’ a capire come l’hanno realizzato, ma è solo HTML & CSS (gestito da JS)! :D
5
il modo in cui costruiscono i titoli sara’ pure interessante, ma il sito in se’ non mi sembra niente di speciale… saro’ io che non sono abbastanza 2.0 ;)
anche questo prodotto del loro studio
http://aprilzero.com/
di cui dicono: “The design has recieved a lot of attention and was one of the finalists in the prestigious 2007 SXSW Web Awards”
mah…# - postato da Xinod - 29 Marzo 2008 - 02:43
6
Trovo che anche Screen Hunter sia un ottimo software per catturare schermate o parte di schermate o finestre.
# - postato da Fabrizio - 02 Aprile 2008 - 13:10