blog

Le .gif (che si pronuncia gif, non ghif) sono un formato di file, creato nel 1987 da una società statunitense.

Le polifunzionali GIF (Graphics Interchange Format) nate inizialmente con lo scopo di gestire immagini a colori, in seguito hanno supportato lo sviluppo delle trasparenze e delle immagini multiple o in movimento, diventando l’alternativa ai brevi video, essendo un formato più leggero in termini di kilobytes.

Leggi il seguito di questo articolo »

Tutti i moderni dispositivi mobili sono dotati di browser in grado di adattare alla propria risoluzione, la maggior parte delle pagine web online. Mediante le impostazioni di default del metatag viewport, che gestisce l’area di visualizzazione delle pagine web, ogni sito internet aperto da smartphone o tablet apparirà rimpiccolito e proporzionato.
Ad esempio, la larghezza dello schermo di un’iPhone con orientamento verticale sono di 320px, mentre la viewport standard di Safari per iOS è di 980px. Questo meccanismo, che necessita di gesti manuali come lo zoom o il trascinamento del dito sul display per interagire con le pagine web, è adatto a tutti quei siti web che non hanno previsto un layout fluido o un responsive web design.
Che dire dei siti vogliamo predisporre per tutti i dispositivi mobile e non solo?

Leggi il seguito di questo articolo »

La diffusione di tablet e smartphone a livello planetario incide prepotentemente sulle modalità di navigazione su internet. La facilità con la quale si può raggiungere un sito web da un dispositivo, diverso dal classico computer, ha reso necessario lo sviluppo di design fluidi, per una migliore esperienza del visitatore. Questo tipo di tecnica è comunemente definita Responsive Web Design.

Leggi il seguito di questo articolo »

La proprietà CSS3 che tratterò in questo articolo è: Gradient e rappresenta una delle più rivoluzionarie proprietà introdotte (non ancora in forma definitiva) nel W3C per alleggerire il nostro sito, andando a sostituire immagini di sfondo composte con gradienti di più colori, con due righe di codice css.

Leggi il seguito di questo articolo »

Torniamo a parlare di CSS e di nuove Proprietà CSS3 interessantissime, come quella di oggi.

La proprietà CSS3 di oggi è Transform: consente di ruotare, scalare, inclinare e muovere orizzontalmente un elemento, ma prendiamo in considerazione una funzione per volta:

Leggi il seguito di questo articolo »

Ecco di nuovo l’appuntamento mensile con Font Design, nel quale presentiamo un nuovo font da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Torna anche oggi, come ogni mese, la rubrica dedicata alle nuove Proprietà CSS3.

La proprietà CSS3 di oggi è: Transition, forse uno dei più apprezzati strumenti della nuova versione dei CSS. A differenza delle altre proprietà che vengono quasi tutte usate per sostituire le immagini, la proprietà CSS3 transitions viene usata in sostituzione di animazioni in flash o javascript. La parola stessa lascia intendere una transizione da una condizione a un’altra, ma anche un movimento di oggetti da un posto a un’altro.

Leggi il seguito di questo articolo »

Anche questo mese ritorna l’appuntamento con Font Design, nel quale viene presentato mensilmente un nuovo font da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Anche questo mese siamo giunti al momento della rubrica mensile Proprietà CSS3, dedicata alle proprietà CSS3.

La proprietà CSS3 di oggi è: Outline, introdotta nella versione 2 e perfezionata in quest’ultima versione.
In precedenza avevamo visto come utilizzare la proprietà CSS3 text-shadow per contornare il testo, questa volta vedremo come grazie alla proprietà Outline è possibile creare contorni ai box.

Leggi il seguito di questo articolo »

Ci troviamo di nuovo insieme per Font Design, l’appuntamento mensile con un nuovo font da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Continua la rubrica mensile Proprietà CSS3, dedicata alle ultime novità sulle nuove proprietà dei CSS3.

La proprietà CSS3 di oggi è: Box Sizing, grazie alla quale si possono gestire in modo ottimale le grandezze dei box sia in altezza (height) che il larghezza (width) rispetto al contesto.

Leggi il seguito di questo articolo »

Torna anche questo mese la rubrica Font Design. In questo mese di giugno voglio farvi conoscere un nuovo interessante font gratuito da scaricare.

Leggi il seguito di questo articolo »

Siamo giunti alla rubrica mensile Proprietà CSS3, dedicata alle ultime novità sulle nuove proprietà della terza versione dei CSS.

La proprietà CSS3 di oggi è: Resize permette di specificare se un elemento è ridimensionabile dall’utente oppure no, e se si, lungo quale asse: verticale, orizzontale o entrambi.

Leggi il seguito di questo articolo »

Una vCard, diminutivo di VersitCard, è un biglietto da visita elettronico solitamente costituita da una sola pagina contenente una breve descrizione e informazioni di base del proprio profilo: nome, professione, contatti e l’elenco dei propri account nei social network.

Leggi il seguito di questo articolo »

Torna anche questo mese la rubrica Font Design. Per questo mese di maggio voglio presentare un nuovo font gratuito da scaricare.

Leggi il seguito di questo articolo »

CSS3 Button Generator è un favoloso generatore di pulsanti in CSS3 realizzato da Seiji Uchiyama, un bravissimo web designer giapponese che ha scelto un’interfaccia semplice e molto accessibile da più o meno esperti per creare bottoni personalizzati per siti web.

Leggi il seguito di questo articolo »

Continua la rubrica mensile Proprietà CSS3, contenente tutte le novità dei CSS nel Web 2.0.

Il modulo CSS3 di oggi è: Multiple Column, una semplice soluzione per impaginare i contenuti del nostro sito in colonne. Questa modulo ricorda la possibilità di dividere in colonne un foglio su Word o l’impaginazione delle testate giornalistiche. Molto usata nei modelli cartacei e ignorata fin’ora dal web, potrebbe essere la rivoluzione del web 3.0 con la standardizzazione di schermi sempre più wide (16:9), cioè larghi e bassi.

Leggi il seguito di questo articolo »

Continua la rubrica Font Design. Come ogni mese anche oggi vi presento un bellissimo font gratuito da scaricare.

Leggi il seguito di questo articolo »

Continua la rubrica mensile Proprietà CSS3, contenente tutte le novità dei CSS nel Web 2.0.

La proprietà CSS3 di oggi è: @font-face, che permette di utilizzare font non standard. Fin’ora infatti mediante la proprietà css font-family si poteva specificare un carattere tra quelli standard o installati nella maggior parte dei sistemi operativi (es. verdana, tahoma, arial, serif…).

Leggi il seguito di questo articolo »

HTML5 Boilerplate nasce nell’anno in cui la parola HTML5 comincia a risonare agli orecchi dei professionisti del web, ma al tempo stesso gli standard del w3c e i browser non si sono ancora adattati al 100% a questa nuova tecnologia, si parla infatti di una standardizzazione ufficiale dell’HTML5 solo nel 2014.

Nel frattempo Paul Irish e Divya Manian hanno rilasciato un prodotto che può semplificare notevolmente la vita degli sviluppatori. HTML5 Boilerplate è un template, o meglio una base pronta per utilizzare qualsiasi tipo di tecnologia moderna, HTML5, CSS3, Ajax e altro ancora senza avere problemi di compatibilità (il template si adatta persino a Internet Explorer 6) e tutto incluso in un codice sintetico, veloce e robusto.

Leggi il seguito di questo articolo »

Continua la rubrica Font Design, nel quale ogni mese viene pubblicato un font creativo da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Continua la rubrica mensile Proprietà CSS3, che permettono di colorare con leggerezza il vostro sito.

La proprietà CSS3 di oggi è: RGBA che assegna a un elemento un colore in formato rgb e un’opacità. Prima di questa proprietà si utilizzava la proprietà Opacity, che presentava però diverse carenze, che in seguito analizzerò.

Leggi il seguito di questo articolo »

Continua la rubrica Font Design, nel quale ogni mese pubblico un font creativo da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Continua la rubrica Proprietà CSS3, nel quale ogni mese pubblicherò una nuova funzione CSS3 per abbellire e alleggerire il vostro sito.

La proprietà CSS3 che andremo a considerare oggi è: text-shadow che permette di aggiungere una o più ombreggiature ad un testo.

Leggi il seguito di questo articolo »

Continua la rubrica Font Design, nel quale ogni mese pubblico un font creativo da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Continua la rubrica Proprietà CSS3 nel mio blog, nel quale ogni mese pubblicherò una nuova funzione CSS3 per abbellire e alleggerire il vostro sito.

La proprietà CSS3 che analizzerò oggi è: box-shadow, permette di ombreggiare box o qualsiasi altro elemento senza bisogno di immagini.

Leggi il seguito di questo articolo »

Continua la rubrica Font Design, nel quale ogni mese pubblico un font creativo da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Il CSS3 è l’evoluzione del CSS, un linguaggio usato per definire la formattazione di documenti HTML, XHTML e XML. L’evoluzione di questo linguaggio stà sconvolgendo positivamente la materia del Web Designer, che fin ora lavorava quasi esclusivamente con le immagini e che oggi, per favorire aspetti fondamentali di Web Marketing, deve essere un’esperto in materia CSS.

Oggi introduco la rubrica Proprietà CSS3 nel mio blog, nel quale ogni mese pubblicherò una nuova funzione CSS3 per abbellire e alleggerire il vostro sito.

Leggi il seguito di questo articolo »

Per ogni Web Designer l’utilizzo di Font originali può davvero cambiare l’aspetto di progetti come la realizzazione di siti web o materiale cartaceo: brochure, depliant, volantini, biglietti da visita e molto altro.

Oggi introduco la rubrica Font Design nel mio blog, nel quale ogni mese pubblicherò un font creativo da scaricare gratuitamente.

Leggi il seguito di questo articolo »

Blue Vertigo è un ottimo sito dove trovare molte risorse gratuite, per Web Designer, suddivise in categorie:

Leggi il seguito di questo articolo »

Ogni web designer che si rispetti fà molto uso della grafica vettoriale nella progettazione di loghi, brochure e volantini.

La caratteristica che contraddistingue un’immagine vettoriale, da una normale, come ad esempio una fotografia, è che l’immagine vettoriale può essere ingrandita o rimpicciolita quanto vogliamo, senza perdere mai la qualità.

Leggi il seguito di questo articolo »

Font Squirrel è un contenitore di font scaricabili gratuitamente e utilizzabili anche per scopi commerciali. La punta di diamante di Font Squirrel è @font-face kit generator. Mediante questo strumento abbiamo la possibilità di implementare il font personalizzato, direttamente sul nostro sito web, con l’utilizzo di codice CSS3.

Leggi il seguito di questo articolo »

La ricerca di icone nella realizzazione di siti web, ma anche di materiale cartaceo è una delle attività di ogni web developer. Nel web si trovano molti siti in cui è possibile acquistare set di icone di un certo soggetto, ma esistono ancora alcuni siti in cui è possibile scaricarle gratuitamente. Ho redatto per i miei lettori una lista dei 10 migliori siti internazionali da cui è possibile scaricare icone di alta qualità in modo gratuito:

Leggi il seguito di questo articolo »

jQuery Tools è una raccolta di strumenti jQuery per l’interfaccia dei siti web di oggi. Questo file JavaScript unico pesa solo 5,72 Kb

Leggi il seguito di questo articolo »

Cooliris ha svilupputo un’applicazione web (Cooliris Express) che consente di visualizzare gallerie fotografiche in 3D sul proprio sito. Con una semplice e intuitiva grafica è possibile costruire la propria galleria direttamente on-line.

Leggi il seguito di questo articolo »

Il simpatico ed ultraleggero menu animato LavaLamp, sviluppato per jQuery, può essere installato facilmente su piattaforma WordPress e fare la sua figura nell’indice di un blog.

Leggi il seguito di questo articolo »

In questo sito sono raccolte molti interessanti script per la gestione del proprio sito.

	jCal Download | Demo
	jTPS Download | Demo
	jVal Download | Demo

Facebook Style Footer

Ulteriori informazioni su come ricreare il pannello di amministrazione piè di pagina Facebook con i CSS e jQuery.

Demo

SimpleViewer è una galleria di immagini  visualizzabili su qualsiasi pagina web in modo professionale, intuitivo e semplice. Utilizza tecnologia Flash. Di seguito riporto alcune tipologie di design che possono essere usate:

Leggi il seguito di questo articolo »