Magazine Architettura e Design

Strumenti Html5 per web designer

Da Iwebdesigner @Iwebdesigner_it

Se ancora non lo sapete, HTML5 sta rivoluzionando il web, introducendo rivoluzionari novita’ per la creazione di pagine web.

HTML5 e’ un nuovo linguaggio per la presentazione di contenuti internet ,e secondo molti verra’ rilasciata la versione definitiva nel 2012. E’ uno strumento che rende facile l’introduzione nelle pagine web di video, file audio, font diversi dallo standard e animazioni grafiche; e’ retrocompatibile, quindi non perdiamo nessun progetto scritto in Html 4 o Xhtml1. E se jQuery ha iniziato ad intaccare il potere di Flash, a detta di molti, HTML5 lo distruggera’ di sicuro.

Detto questo siamo pronti a mostrarvi alcune risorse online molto utili ed efficaci che tutti i web designer dovrebbero usare per creare e sviluppare pagine in HTML5. Sono strumenti utili per iniziare a maneggiare la sintassi HTML5  e facilitano sempre il compito; quindi, iniziamo subito.

SPRITE BOX

Il dilemma piu’ grande molte volte e’ la riduzione delle immagini per aumentare i tempi di caricamento della nostra pagina web. Sprite Box ci aiuta a progettare le nostre immagini in  sprites utilizzando jQuery, CSS3 e HTML5. Esagerato!

spritebox strumenti on line per html5

SKETCH IN 3D

Questo strumento ci permette di creare un disegno in 3D. Si puo’ ruotare la tela, tenendo premuto la barra spaziatrice; si puo’ dare una vibrazione al disegno e decidere se avere un tratto pesante o leggero nella realizzazione dello stesso. Affascinante!

sketch strumenti on line per html5

FONT DRAGR

Sappiamo tutti quanto e’ difficile trovare il font adatto al progetto che stiamo sviluppando. Questo strumento ci da’ la possibilita’ di testare la scelta del nostro carattere senza cambiare una virgola nel codice sia Html che CSS.

font-dragr strumenti per html5 on line

SKETCHY

Consente di creare una tela in HTML5. Rivoluzionario!

sketchy strumenti on line per html5

PATTERNIZER

Uno strumento essenziale se vogliamo creare sfondi cool in pochi secondi. Affascinante!

patternizzer strumenti in linea per html5

Spero che questi strumenti vi siano piaciuti e che vi possano risultare utili per i vostri progetti.

Alla prossima!


Potrebbero interessarti anche :

Ritornare alla prima pagina di Logo Paperblog

Possono interessarti anche questi articoli :