Dai creatori del celeberrimo PSDTuts, famoso sito di tutorial dedicati a Photoshop, nasce un nuovo progetto denominato NETTuts, che si propone di diventare un punto di riferimento per web designer e sviluppatori. Secondo quando riportato in questo post, i tutorial saranno focalizzati sulla creazione di siti web, XHTML e CSS, Javascript e Ajax, Flash e in generale su tutto quello che può essere utile conoscere per la realizzazione di un sito web di qualità.

Vandelay, già autore di altri post dedicati al celebre programma di fotoritocco, ci propone questo mese una interessante raccolta di 50 tutorial riguardanti la realizzazione di effetti sul testo. Da aggiungere subito ai vostri bookmark! ;)

Tempo fa abbiamo pubblicato un articolo in cui spiegavamo come rendere possibile la visualizzazione di immagini PNG trasparenti in Internet Explorer 6.

In questo articolo vedremo come risolvere uno dei diversi problemi che si possono presentare. La tecnica suggerita nel precedente post consisteva nel richiamare il file “iepngfix.htc” dal nostro foglio di stile, in modo da attivare il filtro di rendering per le immagini PNG.

Leggi tutto »

Il candidato alla presidenza americana Barack Obama non è noto solo per motivi politici: il suo blog, infatti, ha riscosso successo su numerose CSS gallery, e ha ispirato la creazione del Probama Theme, segnalato anche nella nostra lista di 50 temi gratuiti per Wordpress.

Oggi vi segnaliamo un interessante tutorial che ci mostra come creare con estrema facilità uno sfondo simile a quello del blog di Obama utilizzando Fireworks.

Quando si ha un menù di navigazione laterale con molte voci, può essere opportuno suddividerlo in diversi sottomenù. Per siti dal design più elegante è consigliabile optare per una delle tante soluzioni basate su Mootools, che permettono di realizzare dei gradevoli effetti di animazione con estrema semplicità. Se invece non si può o non si vuole ricorrere al Javascript, è comunque possibile realizzare dei sottomenù usando solo il CSS.

Vediamo insieme come fare.
Leggi tutto »

Nel momento in cui realizziamo un menù di navigazione composto da sole immagini e con effetti roll-over (immagini che cambiano al passaggio del mouse), il primo problema che salta all’occhio è quello relativo ad un certo ritardo nel visualizzare l’immagine alternativa, che si traduce nella visualizzazione di un riquadro grigio per 1-2 secondi.

Vediamo insieme come ovviare a questo piccolo inconveniente. In questo articolo esamineremo due soluzioni: la prima prevede l’inserimento di un semplice Javascript nella nostra pagina, mentre la seconda sfrutta la proprietà “background-position” del CSS.

Leggi tutto »

La parziale trasparenza dello sfondo della pagina è un effetto molto efficace per catturare l’attenzione del visitatore, specie se abbinato ad un’accurata scelta dello sfondo. In passato l’uso della trasparenza non ha avuto grande fortuna a causa dello scarso (e per giunta differente) supporto dei vari browser. A partire da Firefox 2.0 e Internet Explorer 7.0 la situazione è decisamente migliorata e quindi possiamo decidere di usare, ovviamente senza abusarne e tenendo conto della leggibilità del risultato finale, questa tecnica.

Entriamo ora nel dettaglio.
Leggi tutto »

Le CSS Gallery sono sempre più numerose, così come numerosi sono i dubbi sulla loro reale utilità.
In questo articolo vogliamo semplicemente mostrarvi come crearne una in pochi minuti, dando per scontato che se avete deciso di realizzarne una lo avrete sicuramente fatto con un’idea di originalità rispetto alle altre gallery già esistenti.

Leggi tutto »

Tra le tendenze di design nell’epoca del web 2.0 c’è senza dubbio quella di fare largo uso degli angoli arrotondati per i diversi elementi della pagina. Solitamente si provvede creando delle immagini ad hoc e posizionandole tramite CSS. Oggi esamineremo un’alternativa in Javascript: si chiama Curvy Corners, e dall’originario script ne è stata realizzata una versione da utilizzare come plugin di JQuery.

Leggi tutto »

Chi offre nel proprio sito una newsletter sa bene che spesso il semplice formato testuale non basta, e si rende quindi necessario creare dei template in HTML.
Ma non è tutto oro quel che luccica: se sviluppando per il web ci siamo ormai abituati a impaginare e a realizzare effetti grafici sfruttando le proprietà del CSS, per le e-mail la situazione è un po’ diversa. Il supporto dei client di posta e anche di molte webmail agli standard W3C è spesso lacunoso.

Vediamo dunque alcuni utili consigli per far sì che la nostra newsletter possa essere letta da tutti.

Leggi tutto »