Archivio tag: sfondi

Sfondi stretch con jQuery

giovedì 22 luglio 2010 - 12:46

di napolux

Backstretch è un semplicissimo plugin jQuery che vi permetterà  di aggiungere alle vostre pagine web un background a resize dinamico: l’immagine di sfondo scelta verrà  ridimensionata in base alle dimensioni della finestra del browser, il tutto in una singola riga di codice:

$.backstretch("http://tuosito.it/immagine.jpg");

Con l’avvento di monitor ad alta risoluzione la possibilità  di “riempire” tutto lo schermo con una singola immagine (di solito una fotografia) indipendentemente dalla dimensione della finestra è assolutamente irrinunciabile per tutti quei siti web che puntano sempre e comunque sull’alto impatto grafico, BackStretch risolve elegantemente e semplicemente questo problema.…

Continua a leggere Sfondi stretch con jQuery

Tags:, ,

Categoria: sfondi | Permalink | Commenta

Sfondi e form con i CSS

lunedì 4 giugno 2007 - 8:59

di Alessandro Fulciniti

Negli ultimi tempi sono stati pubblicati diversi tutorial davvero notevoli sui CSS che vorrei presentare ai lettori. Cominciamo con due bei tutorial sugli sfondi,
entambi pubblicati su Digital Web Magazine.

Web Design 101: Backgrounds è una pratica mini-reference sull’uso degli sfondi, in cui vengono trattate tutte le proprietà . Se la prima parte potrebbe risultare nota e persino noiosa ai più, merita una lettura approfondita la parte conclusiva.

Creative Use of PNG Transparency in Web Design
è un approfondito articolo di Jeff Croff sull’uso delle immagini PNG: comincia dai vantaggi di questo formato, per poi attraversare molti esempi pratici e …

Continua a leggere Sfondi e form con i CSS

Tags:, , , , , , ,

Categoria: sfondi | Permalink | Commenta

Immagini nel web: piccola guida pratica

martedì 17 ottobre 2006 - 10:50

di Alessandro Fulciniti

Recentemente mi è capitato diverse volte di navigare senza immagini, in particolare con il Nintendo DS Browser, per velocizzare il caricamento delle pagine. Le immagini sono un aspetto fondamentale di un sito, ma alcuni web designer dimenticano alcuni principi o accorgimenti fondamentali. Ho così pensato di preparare dodici consigli pratici riguardanti le immagini da tenere presente nella codifica di HTML e CSS. Eccoli:

  1. Immagini spaziatrici (spacer gifs), decorative, prive di contenuto semantico o visuale
    effettivo, dovrebbero essere sempre specificate come sfondo CSS e mai con tag <img>
  2. L’attributo alt, necessario ai fini della validazione del codice,

Continua a leggere Immagini nel web: piccola guida pratica

Tags:, , ,

Categoria: sfondi | Permalink | Commenta

Un wizard per creare immagini di sfondo

martedì 13 giugno 2006 - 9:00

di Cesare Lamanna

Background Image Maker: io lo trovo utilissimo per creare in 2 secondi immagini di sfondo con gradiente come quella che vedete qui sotto. Ma ci sono anche altre opzioni, come le righine orizzontali e diagonali che vanno tanto di moda. Provatelo.

Gradiente

Continua a leggere Un wizard per creare immagini di sfondo

Tags:, ,

Categoria: sfondi | Permalink | Commenta

Image Replacement Multiplo

lunedì 5 dicembre 2005 - 13:09

di Alessandro Fulciniti

La scorsa settimana ho presentato su web-graphics un metodo semplice ed efficace per rimpiazzare graficamente più titoli in una pagina con un’immagine
unica: Single Image Multi Replacement. Presento qui l’articolo in italiano.

Più che una tecnica, quella che presento è un possibile approccio di sviluppo, che personalmente trovo sia in grado di snellire molto il processo di image replacement.

Ecco qui l’esempio che ho preparato, in cui i titoli sono rimpiazzati graficamente, ed ecco l’unica immagine utilizzata.

Il risultato è facilmente ottenibile in tre passi.…

Continua a leggere Image Replacement Multiplo

Tags:, , ,

Categoria: sfondi | Permalink | Commenta