Sebbene ancora, come tutti sappiamo, non è possibile utilizzare al 100% le funzionalità sia HTML5 che CSS3 per vari motivi (soprattutto per i vari problemi di incompatibilità delle varie versioni di IE) , il web brulica di tutorial e risorse che spiegano come utilizzarne le funzionalità.

Oggi voglio parlarvi, a questo proposito, di un nuovo interessantissimo progetto (ancora in fase di sviluppo), ideato da Jonas Jacek, che mette a disposizione di tutti una raccolta di Template realizzati in HTML5 e CSS3 e validati W3C, scaricabili gratuitamente e liberamente modificabili e riutilizzabili per i propri scopi, anche commerciali.

L'unica cosa che viene richiesta, è di lasciare i link presenti nel footer di ogni template.

Personalmente la ritengo una buona risorsa, soprattutto nel caso in cui  non abbiamo tempo di creare un template partendo completamente da zero.

VAI AL PROGETTO  »

VAI ALLA PAGINA DELL'AUTORE »

 Eccoci di nuovo alla rubrica "Design Inspiration", di seguito la raccolta dei soliti 20 web design layouts altamente creativi dai quali poter prendere ispirazione per i propri progetti..

come al solito,

BUONA ISPIRAZIONE! 

01.INSERVIO WEB SOLUTIONS

02.ALINGA

03.CULTURED CODE

04.ALEXARTS

05.MONSTERCSS

06.SADAMA TURG

07.CAT RABBIT

08.SMORGE.COM

09.ATTACK OF THE WEB

10.DAMN GOOD

11.MADEBYCOOL

12.CHERNOBYL HEART

13.JET COOPER

14.EL AN SNOWBOARDS

15.CAMP CRAZE

16.BENN JORDAN

17.WIJMO

18.ALL MY MAC APPS

19.ADS PACKS

20.NEVER END DESIGN

Da un pò di tempo a questa parte Apple ha introdotto nella pagina iniziale del sito web ufficiale un effetto "Splash screen".

In altre parole appena si arriva sulla landing page, viene mostrata una schermata con sfondo a tinta unita, con al centro l'immagine del più recente prodotto che deve essere pubblicizzato e alcune parole del relativo slogan; dopo alcuni secondi vengono visualizzate altre parole, e in fine il background a "tinta unita" scompare mostrando il resto della pagina, dove però rimane nella stessa posizione l'immagine del prodotto.

L'effetto è a dir poco molto accattivante (come del resto è abitudine in casa Apple) e appena me ne sono accorto mi è subito venuta l'intenzione di scrivere un tutorial su come creare tale effetto in jquery; tuttavia ho scoperto che gli amici di  tutorialzine.com mi hanno battutto sul tempo e tutto quello che posso fare è segnalarvi comunque l'articolo del tutorial:

Jquery tutorial Making an Apple-style Splash Screen »

DEMO »

DOWNLOAD »

Controllare l'ortografia di un grosso documento o di un intero sito web è molto difficile, soprattutto per coloro che scrivono spesso nel  mondo do internet (come noi blogger), e tutti sappiamo che al fine di rendere migliore ottimizzazione SEO e di avere un buon impatto sull'utente, i nostri contenuti devono essere più corretti possibile.

A tal proposito oggi voglio segnalarvi quest'articolo su cui mi sono imbattuto che introduce (utilizzando anche un apposito video) il servizio on-line "Respelt", che a differenza di tutti gli altri servizi simili, offre la possibilità di controllare la correttezza dei nostri feed e di inviarci automaticamente per email una notifica qualora si  presentassero eventuali errori.

Respelt è quindi lo strumento ideale per controllare sia documenti, siti web interi e feed RSS, grazie alla sua capacità di ben distinguere il codice dal testo effettivo della pagina.

Inoltre il servizio è completamente gratuito e tramite la creazione di un account sarà possibile anche crearsi un proprio vocabolario di parole che possono essere considerate corrette e non, e di controllare i nostri documenti giorno per giorno.

Vai all'articolo »

Vai al servizio »

 Eccoci di nuovo alla rubrica settimanale "Design inpiration", di seguito la raccolta di 20 web design altamente creativi da cui prendere ispirazione per i propri layout e progetti.

Buona ispirazione!   

01.TESSITURA BARCA

02.HIPPO APP

03.EFINGO

04.WEBDESIGN BE

05.PAPIC

06.MOGULISTA

07.SIMON FOSTER DESIGN

08.UPSTRUCT

09.CREANTO

10.HEY INDY

11.FREE AGENT CENTRAL

12.WALLT

13.PAWAUW

14.COOLENDAR

15.BEN LIND

16.INTREPIDOLIVE

17.LASSEZ

18.WOWS

19.APPTANK

20.SILVERBACK

Come ogni venerdì appuntamento con la rubrica "Risorse gratuite per web designer";

L'ultima volta vi avevo proposto un file-tutorial su come creare un effetto natura su scritta, oggi per restare nel tema di effetti su scritte, voglio proporvi un file di stock che mostra attraverso i suoi layer come creare un effetto fuoco su una scritta in photoshop.

Il file psd è scaricabile liberamente ed utilizzabile per qualunque esigenza.

FIRE TEXT EFFECT   » Free psd file download

Una pedina fondamentale nel nel mondo del marketing (ma anche oramai parte integrante della vita do ognuno di noi), è rappresentata come tutti sappiamo, dalla pubblicità.

Esistono tantissimi tipi di advertising e campagne pubblicitarie, ed ognuna accuratamente studiata e designata per raggiungere uno scopo ben preciso.

A tal proposito, restando nel tema dell' ispirazione per designer, oggi voglio proporvi 10 raccolte di design pubblicitari  (advertising) da usare come fonte per la propria ispirazione, per un totale di circa 350 ads designs.

Buona ispirazione..!

01.20 INSPIRING ADVERTISEMENT DESIGNS

02.FOOD FOR THOUGHT - CREATIVE FOOD ADVERTISING

03.50 PROVOCATIVE AND INTERESTING ADVERTISING ARTWORKS

04.15 INSPIRING VINTAGE ADVERTISEMENTS

05.59 INTERESTING PRINT ADS FORM 22 COMPANIES

06.35 MORE CREATIVE GUERRILLA AND AMBIENT ADVERTISING CAMPAIGNS

07.GUERRILLA ADVERTISING - CREATIVE ATTENTION SEEKING

08. 50 GREAT TYPOGRAPHY ARTWORKS IN PRINT ADS

09.45 AMAZING CAR PRINT ADS AROUND THE WORLD

10.50 POWERFUL AND COMPELLING PUBLIC AWARENESS PRINT ADS

Eccoci di nuovo alla rubrica "Design inspiration" , e quindi eccoci di nuovo ai nostri 20 web design altamente creativi dai quali prendere ispirazione per i propri progetti web.

Di seguito la raccolta di questa settimana, buona ispirazione! 

01.CAPTOVATE

02.POINTY DESIGN

03.REDESIGN LDT

04.TANQ

05.DROPR

06.NEEDSTYLE

07.STUDIO7DESIGNS

08.IAN MINTZ

09.YEHYA HAFEZ - EGYPTIAN WEB DESIGNER

10.KLEEVE

11.MORPHIX

12.BOKCHE CREATIVE STUDIO

13.CONTRAST

14.THEMES KINGDOM

15.ENYCE

16.BRAINBRAIN

17.CRE8ION

18.MOBILE CUBIX

19.MARKUP.SHARE.REPEAT

20.INES PAPERT

Eccoci di nuovo al venerdì, e quindi al momento della rubrica "Risorse gratuite per web designer"; la risorsa di oggi consiste in un "file - tutorial" psd da scaricare gratuitamente.

Il file è molto utile per capire come realizzare una scritta in "stile Natura" e,  osservando bene i vari layer, riprodurre un effetto del genere su propri contenuti diventa relativamente semplice, e l'effetto è veramente accattivante.

Di seguito il link per il download, sperando possa esservi utile...!  

FREE EART PSD TUTORIAL FILE » Download

Tutti gli web developer avranno implementato almeno una volta nei propri progetti e/o applicazioni Il servizio Google Maps, che ci permette di far visualizzare all'utente una determinata località, di muoversi all'interno di essa, di calcolare il percorso per raggiungerla, ecc..., e magari avranno usato anche le relative API, tramite le quali è possibile creare mappe interattive dinamicamente, passando al servizio i parametri necessari (come coordinate globali, tipo di mappa, tipo di zoom, ecc..).

In aggiunta a tale servizio Google, come sappiamo, ha da qualche tempo creato Google Street View, un servizio che, combinato a Google Maps, ha aumentato in maniera spropositata le possibilità di un qualunque utente di visitare in modo interattivo l'intero pianeta.

Ovviamente anche per Street View non poteva mancare la possibilità di usare delle apposite API; a questo proposito oggi voglio segnalarvi un'articolo molto interessante di 1stwebdesigner.com che spiega molto bene come usare le API  (v3) di Google Street View combinate con quelle di Google Maps: il risultato? Giudicate voi stessi!

Vai all'articolo »

Oggi voglio segnalarvi Showreel, un un progetto in fase di realizzazione creato dal team di yellowBird che permette di visualizzare un video in un modo mai provato fin'ora: tramite drag and drop è possibile infatti ruotare a 360° la visuale, per un'interattività veramente innovativa, avendo la sensazione di essere fisicamente all'interno della scena. 

Il servizio darà la possibilità di registrare video a 360 gradi e condividerlo in rete con chiunque.

Il modo di ruotare la visualizzazione ricorda molto quello di Google Street View, solo che in questo caso non siamo gli unici a muoversi, ma anche tutto il resto è in movimento!

Devo dire che a primo impatto si rimane veramente a bocca aperta, ed è proprio per questo che vi segnalo il progetto, secondo me incredibilmente innovativo:

Vai alla demo del progetto »