Nel momento in cui dobbiamo sviluppare un’area privata per la gestione di un sito, dobbiamo spesso confrontarci con la richiesta del cliente di poter gestire non solo i contenuti ma anche l’aspetto grafico. In questo caso una delle prime possibilità che dovremo implementare sarà quella di rendere selezionabili i colori dei link o di altri elementi del sito. Per facilitare il compito dell’utente, più che una semplice casella dove digitare il codice del colore in esadecimale, può rivelarsi più adatto un “color picker”, o “selettore di colore” .

Leggi tutto »

Photoshop Lady è un sito che raccoglie i link dei migliori tutorial perPhotoshop. Sono suddivisi per categoria (effetti 3d, effetti sulle foto, textures, ecc.), e viene offerta la comoda possibilità di salvare una lista personale di preferiti, per avere sempre sott’occhio i tutorial più interessanti.

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 »

Chi gestisce un blog con Wordpress sa bene quanto siano utili i plugin: estendono la nostra piattaforma aggiungendo nuove utili funzionalità, risparmiandoci un oneroso lavoro di programmazione.
Vi segnaliamo in proposito una corposa lista pubblicata da Noupe, che contiene oltre 70 diversi plugin per Wordpress, suddivisi per categoria.

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 »

Qualche giorno fa vi abbiamo segnalato OpenX, prodotto opensource che permette una gestione avanzata delle campagne pubblicitarie sul proprio sito.

Tramite i commenti, abbiamo ricevuto la segnalazione di un seminario dedicato alla pubblicità online, promosso da ANSO (Associazione Nazionale Stampa Online) e dalla stessa OpenX, e ci sembra utile segnalarlo qui nelle news.

Il seminario, che si terrà ad Ancona il 4 aprile 2008, è gratuito ed è aperto a editori, blogger, giornalisti, webmaster, e più i generale a tutti coloro che vogliano approfondire l’argomento dell’advertising online e ricevere informazioni riguardo al prodotto OpenX.

Per ulteriori informazioni e per leggere il programma dettagliato dell’evento, potete consultare questa pagina.

YAML (acronimo per Yet Another Multicolumn Layout) è un framework XHTML/CSS per creare dei layout flessibili conformi agli standard W3C.
Recentemente è stata messa online la versione 1.0 beta 1 di YAML Builder, applicazione web basata su questo framework che ci consente di creare in pochi minuti dei layout e di ottenere il relativo codice, scegliendo il tipo di struttura della pagina, il posizionamento dei diversi elementi e le rispettive proprietà. Molto importante anche la compatibilità con i diversi browser: i layout creati con YAML Builder tengono conto, ad esempio, delle varie incompatibilità di IE 6 e 5.5.

Il framework YAML è rilasciato sotto licenza Creative Commons Attribution 2.0, ovvero è gratuito sia per uso personale che commerciale, a patto di riportare il link a YAML su ogni sito creato. Chi volesse rimuovere tale link deve acquistare una licenza, secondo le condizioni riportate in questa pagina.

Link: YAML Builder 1.0 Beta 1

Come di consueto, CSSMagazine vi segnala delle risorse gratuite che possono facilitare il vostro lavoro di web designer ed aggiungere degli elementi di originalità ai siti o alle interfacce delle applicazioni da voi create.

Oggi vi segnaliamo il sito DryIcons.com, dove potete trovare a questa pagina una raccolta di oltre 700 icone gratuite. Ce ne sono per tutti i gusti, comprese alcune raccolte tematiche sulle festività (Natale, San Valentino) e due interessanti esperimenti in stile “grunge design”.

Se non bastasse, lo stesso sito vi offre, in questa pagina, decine di illustrazioni vettoriali gratuite in formato EPS da utilizzare con Photoshop.

Sia le icone che i vettoriali sono rilasciati con licenza Creative Commons Attribution 3.0, ovvero ne è consentito qualunque utilizzo purchè venga indicato l’autore.

Ieri abbiamo segnalato un tutorial che ci mostra come realizzare uno scorrimento orizzontale usando CSS e Mootools.
Oggi vi segnaliamo (alcuni di voi forse lo conosceranno già, è molto famoso) un sito che seleziona i migliori design a sviluppo orizzontale: si chiama The Orizontal Way ed è un progetto dell’italianissimo Marco Rosella, premiato come miglior CSS al South by Southwest 2007.

Se siete rimasti affascinati da questo tipo di design e volete tentare un esperimento personale, potete anche scaricare il template di Horizontal Way, messo gentilmente a disposizione dall’autore per il download.