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:/tmp) in /home/httpd/vhosts/cssmagazine.it/httpdocs/wp-content/plugins/wassup/lib/wassup.class.php on line 284
CSSMagazine » 2008 » Marzo

Effetti di transizione sulle immagini

Javascript, Tutorial, XHTML/CSS Nessun commento »

Transizioni tra le immagini

Quando si crea una pagina con delle proprie foto può essere interessante, per dare maggiore dinamicità al tutto, inserire degli effetti di transizione tra le immagini. In passato l’unico modo per inserire effetti del genere era ricorrere all’utilizzo del Flash. Oggi abbiamo a disposizione tantissime soluzioni Javascript che ci consentono di realizzare degli effetti gradevoli senza dover inserire pesanti animazioni nei nostri siti.

Leggi tutto »



Dockbar in stile Mac sul proprio sito

Javascript, Tutorial, XHTML/CSS 2 Commenti »

Dockbar

Una delle caratteristiche più amate del sistema operativo Apple è senz’altro la dockbar, ovvero quella barra situata nella parte bassa dello schermo che permette di lanciare le applicazioni e/o passare da un’applicazione all’altra.

Oggi, grazie ad un semplice javascript, è possibile inserire una dockbar in stile Mac sul proprio sito.
Leggi tutto »



Menù CSS in pochi click

Risorse, Servizi on-line Nessun commento »

Izzy Menu

Izzymenu è un servizio gratuito che consente di creare in pochi minuti un menù in CSS.
E’ possibile scegliere tra una nutrita gamma di stili, alcuni dei quali anche molto curati, e impostare le diverse opzioni del proprio menù, sia per quanto riguarda l’aspetto grafico che per quanto riguarda la struttura e i link.
Registrandosi si ha inoltre la possibilità di salvare una raccolta dei menù da noi creati.

Una volta completata l’opera, possiamo cliccare sul link “Download” e scaricare il frutto delle nostre fatiche. E’ possibile utilizzare il menù col CMS IzzyWebsite, oppure integrarlo nel proprio sito, semplicemente copiando e incollando il codice scaricato.



IE Net Renderer: testare il sito con IE6

Risorse, Servizi on-line Nessun commento »

IE Net Renderer

Qualunque web designer sa quanto sia importante assicurare la compatibilità del sito appena sviluppato con i principali browser in commercio. La situazione diventa particolarmente critica per quanto riguarda Internet Explorer 6.0, notoriamente fonte di problemi per gli sviluppatori.
Per questo diventa fondamentale avere la possibilità di poter testare in qualunque momento la retrocompatibilità del proprio sito.

Esistono delle soluzioni come Multiple IE che permettono di utilizzare le vecchie versioni di Internet Explorer senza danneggiare la versione più recente, ma non sempre è possibile utilizzarle: ad esempio, chi usa Windows Vista non può installare Multiple IE.

Ecco allora IE Net Renderer, un’interessante servizio che permette di visualizzare online il rendering del proprio sito con le versioni più vecchie dei browser di casa Microsoft. L’utilizzo è semplicissimo, basta inserire l’indirizzo del sito da testare e impostare la versione del browser con la quale si desidera effettuare il test.

I “conditional tags” in Wordpress

Tutorial, Wordpress Nessun commento »

In quest’articolo esploreremo brevemente una delle tante funzionalità poco conosciute di Wordpress. Si tratta dei conditional tags, che praticamente altro non sono che delle funzioni predefinite di wordpress che ci permettono di verificare rapidamente se sussiste una determinata condizione: siamo sulla home page? siamo sulla pagina di una certa categoria? siamo sulla pagina di ricerca? Basta richiamare la funzione appropriata, ed essa ci restituirà true in caso affermativo, false in caso negativo.
Vedremo più avanti quale sia l’utilità pratica di queste istruzioni.
Intanto esaminiamo nel dettaglio i vari conditional tags. Leggi tutto »

Thumbnail quadrate in PHP

PHP, Tutorial 1 Commento »

Spesso nel progettare un’applicazione web si ha la necessità di effettuare l’upload di una o più immagini. Tuttavia difficilmente le immagini possono essere inserite nelle loro dimensioni naturali, e bisogna procedere alla creazione delle cosiddette miniature, in inglese “thumbnails”.
Per upload occasionali possiamo ricorrere al nostro fido programma di grafica ed effettuare manualmente il ridimensionamento dell’immagine. Tuttavia, se l’upload delle immagini dev’essere sistematico (ad esempio nel caso di una photogallery, o di un sistema di gestione degli articoli dove giornalmente si ha la necessità di caricare foto), sarà bene inserire nel proprio script PHP una procedura per automatizzare la creazione delle miniature.

Leggi tutto »

CSS Tab Designer

Risorse, Software Nessun commento »

Volevo segnalare questo utile programmino, si chiama CSS Tab Designer e permette di creare dei menù di navigazione (sia orizzontali che verticali) sfruttando vari template pronti per l’uso.

Certo, un buon webmaster dovrebbe fare a meno di questi programmini, ma ciò non toglie che possa risultare utile in molti casi per velocizzare il lavoro. :D

Il programma è gratuito ed è scaricabile a questo indirizzo.

Internet Explorer 6 e immagini PNG

Trucchi e bugfix, Tutorial 1 Commento »

Chi di voi ha un minimo di esperienza nella realizzazione di siti web avrà sicuramente avuto occasione di confrontarsi con l’inefficienza (per non dire altro) della versione 6 del browser di casa Microsoft. Tra i diversi problemi, più o meno fastidiosi (vedi il bug dei bordi “dotted”, puntinati, che vengono visualizzati come “dashed”, tratteggiati), spicca sicuramente quello della gestione delle immagini PNG.

Il PNG, Portable Network Graphics, è un formato per le immagini largamente utilizzato negli ultimi tempi; IE 6 ha il pesante difetto di non gestire le PNG trasparenti, con lo spiacevole risultato che invece della trasparenza viene visualizzato uno sfondo grigio. Leggi tutto »