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

100 font professionali per il tuo sito

Font, Risorse Nessun commento »

60 font

L’importanza della scelta dei font non dovrebbe mai essere sottovalutata. Oltre alla leggibilità e all’estetica, un font appropriato porta, dal punto di vista comunicativo, diversi vantaggi; ad esempio, può contribuire a rendere più efficace la trasmissione del messaggio, oppure ad offrire all’utente un’esperienza di navigazione più piacevole, rendendolo di conseguenza maggiormente propenso ad esplorare il sito ed eventualmente ad acquistare i servizi offerti.

Smashing Magazine ha pubblicato a questo indirizzo un’interessante selezione di 60 font adatti ad un utilizzo professionale. Sono quasi tutti font a pagamento (per alcuni è possibile scaricare una versione dimostrativa, limitata nelle dimensioni utilizzabili), ma vale la pena di dare un’occhiata, ce ne sono di veramente belli.

Se invece preferite i font gratuiti, sempre Smashing Magazine ci offre una selezione di oltre 40 font dall’aspetto professionale scaricabili gratuitamente (anche se si consiglia di leggere sempre le licenze, alcuni potrebbero non essere gratuiti per usi commerciali).



Smart Image Resizer

Risorse, Script 2 Commenti »

Smart Image Resizer

In questo articolo abbiamo esaminato una piccola funzione che permette di realizzare delle miniature in PHP. Oggi vi segnaliamo un altro script creato da Joe Lencioni che si occupa di creare le miniature delle vostre immagini.

Leggi tutto »



Generatore di Favicons

Risorse, Servizi on-line Nessun commento »

Generate Favorite Icons

Le “favicons”, abbreviazione di Favorite Icons, sono quelle piccole icone che spesso vediamo comparire nella barra del browser accanto all’indirizzo del sito.

Genfavicon è un servizio che ci aiuta nel convertire il nostro logo in una favicon da utilizzare per il nostro sito. E’ sufficiente selezionare l’immagine (direttamente dal nostro sito o dall’hard disk) e le dimensioni desiderate (si può scegliere tra 16×16, 32×32, 48×48, 64×64, 128×128); cliccando su “Capture e preview” verrà generata la nostra favicon.

Per visualizzarla sul sito dobbiamo caricarla nella cartella principale del sito e inserire nella pagina questo codice:

<link rel=”shortcut icon” href=”favicon.ico” />



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.