Warning: file_exists() [function.file-exists]: open_basedir restriction in effect. File(/var/lib/php/session) is not within the allowed path(s): (/home/httpd/vhosts/cssmagazine.it/httpdocs:/tmp) in /home/httpd/vhosts/cssmagazine.it/httpdocs/wp-content/plugins/wassup/lib/wassup.class.php on line 284
CSSMagazine » 2008 » Marzo

Oltre 75 plugin per Wordpress

News, Post interessanti Nessun commento »

Wordpress

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.



Angoli arrotondati con JQuery

Javascript, Tutorial, XHTML/CSS 4 Commenti »

Rounded Corners

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 »



9 consigli per le e-mail in formato HTML

Tutorial, XHTML/CSS 2 Commenti »

Mail

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 »



Seminario dedicato alla pubblicità online

Iniziative, News 1 Commento »

OpenX

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.

Crea il tuo layout con YAML Builder

Risorse, Servizi on-line 1 Commento »

YAML

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

Oltre 700 icone gratis!

Icone, Risorse 2 Commenti »

Dryicons

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.

Siti a sviluppo orizzontale

Design, Ispirazioni, Tendenze Nessun commento »

The Orizontal Way

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.

8 piccoli trucchi per i CSS

Trucchi e bugfix, Tutorial, XHTML/CSS 2 Commenti »

Vi proponiamo una lista di 8 piccoli trucchi da usare se state muovendo i primi passi con i CSS, alcuni saranno sicuramente già noti, altri potranno risultarvi nuovi. In ogni caso, si tratta di suggerimenti che possono sempre rivelarsi utili in caso di dubbi.

1. Centrare verticalmente con la proprietà line-height

Croce e delizia di tutti i web designer, l’allineamento verticale con i CSS può essere risolto in maniera indolore nel caso in cui abbiamo a che fare con un DIV ad altezza fissa:

#nomediv p {height: 200px; line-height: 200px; }

Ricordate che il valore di line-height dev’essere pari al valore dell’altezza del DIV.

Leggi tutto »

Scorrimento orizzontale con CSS e Mootools

Mootools, Tutorial, XHTML/CSS 1 Commento »

Orizontal slider

Segnaliamo questo utilissimo tutorial apparso su Woork che ci mostra come realizzare un effetto di scorrimento orizzontale  al movimento del mouse. In passato effetti del genere erano realizzabili solamente in Flash, oggi la potenza del CSS e del framework Mootools ci consentono di ottenere risultati analoghi con poche righe di codice Javascript e CSS.

Per capire esattamente di cosa stiamo parlando, date un’occhiata all’esempio prodotto nel tutorial.

Gli utilizzi di una simile tecnica sono molteplici, dalla semplice presentazione orizzontale delle diverse sezioni del proprio sito alla fotogallery con scorrimento delle miniature al passaggio del mouse: l’unico limite, come sempre, è la vostra creatività.

Blogger Italiani: motore di ricerca per i blog italiani

Risorse, Servizi on-line 2 Commenti »

Blogger Italiani

Volete promuovere il vostro blog?
State semplicemente cercando un’informazione e volete avere la possibilità di effettuare una ricerca sui più importanti blog italiani?

Bene, allora apprezzerete sicuramente Blogger Italiani, un recente progetto che si propone di indicizzare i contenuti dei più importanti blog italiani. Il meccanismo è semplice: segnalate il vostro blog, se la redazione lo ritiene meritevole verrà inserito e il vostro feed RSS verrà scansionato ad intervalli regolari. Il risultato è che i vostri post saranno visibili sulla home page e sul feed RSS di BloggerItaliani.
I blogger, grazie al plugin sviluppato per Wordpress, potranno anche inserire la funzione di ricerca su Blogger Italiani nel proprio sito.