HTML5: 10 Tools online per Web Designer

HTML5: 10 Tools online per Web Designer
by Janeth Kent Date: 22-05-2013 html5 web design web development web tools

Oggi vi proponiamo una collezione di 10 ottimi tools online HTML5 che sono stati progettati appositamente per web designer con lo scopo di semplificare l'attività di sviluppo.

Tali strumenti online improntati sull'HTML5 sono utili per gli sviluppatori web che intendono creare pagine web moderne, dinamiche ed user friendly. Fateci sapere le vostre opinioni riguardo a questa raccolta e segnalateci altri validi tools HTML5 nei commenti!

1Moqups

 

Si tratta di un App HTML5 semplice da utilizzare che vi permetterà di creare wireframe, prototipi o progetti per interfacce utenti.

2Adobe Edge Animate

 

Si tratta del software HTML di Premier che offre strumenti integrati per la creazione di animazioni compatibili cross-browser ed altri contenuti.

 

3Sprite Box

 

Spritebox è uno strumento WYSIWYG che vi aiuterà a creare rapidamente le classi Sprite CSS da una singola immagine.

Spritebox utilizzaza la proprietà background-position per allineare le aree di un`immagine sprite in elementi di blocco di una pagina web. È stato sviluppato in JQuery, HTML5 e CSS3, ed è totalmente gratuito.

4Liveweave – HTML5, CSS3 & JavaScript Playground

 

Si tratta di un editor online per web designers utile a programmare codice HTML5, CSS3 e JavaScript.

5Patternizer

 

Patternizer è uno strumento online per creare pattern semplice e efficace.

6On/Off Flipswitch HTML5/CSS3 Generator

 

Uno strumento che permette di generare ottimi stili CSS3 con transizione animate.

7Online 3D Sketch Tool

 

Uno strumento per disegnare, salvare e condividere online i vostri lavori.

8HTML KickStart

 

HTML KickStart consiste in pacchetto di file HTML5, CSS e jQuery , layout ed elementi progettati per semplificare la creazione del vostro progetto web.

9Online SVG to HTML5 Canvas Tool

 

Questo strumento è in grado di convertire SVG in funzioni HTML5 Canvas JavaScript. La maggior parte dei pacchetti di grafica vettoriale (Illustrator, Inkscape, ecc) possono essere esportati in SVG.

10CanvasLoader Creator


CanvasLoader Creator è uno strumento online gratuito che potete utilizzare per generare preloaders script per i vostri progetti HTML.

 
by Janeth Kent Date: 22-05-2013 html5 web design web development web tools visite : 7640  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.

 
 
 

Articoli correlati

Paesaggi Parallax costruiti interamente con CSS e HTML

Il CSS3 ha messo finalmente fine alle nostre frustrazioni: con delle semplici proprietà si aprono infatti infinite soluzioni. Una tra tante, la possibilità di inserire uno sfondo animato in una pagina…

Introduzione all'animazione dei poligoni con css

Per lungo tempo noi sviluppatori web, abbiamo dovuto rassegnarci alle strutture geometriche fondamentali: i blocchi rettangolari. Cosí, quando è stato introdoto il clipping nei css, abbiamo gioito. Dite la verità... Ma cos'è…

Flat UI Design - 8 siti ai quali ispirarsi

In questo post vi proproniamo una collezione di flat template professionali, perfetti per realizzare siti dal design semplice, pulito ma al tempo stesso accattivante. Brewery O come fare bella figura con un amico invitandolo a…

CSS: la funzione Calc()

Nella progettazione di un sito web responsive, dobbiamo tener conto della ormai grande varietà di dispositivi sui quali sarà visualizzato il nostro lavoro e delle rispettive variazioni di risoluzioni alle…

HTML5: l'elemento track

L'elemento Track di HTML5 consente di aggiungere del testo ai file in riproduzione multimediale e visualizzarlo nel lettore video HTML5, senza necessità di script o software aggiuntivo. Il testo può includere…

Realizzare banner animati con CSS3

Avete dei clienti esigenti che "ancora" vi chiedono movimentati, sbrilluccicanti banner in flash? Se siete stanchi di rispondere che ormai il flash è andato in pensione potete proporre una soluzione…

Google Chrome Experiments: il futuro dei browsers web

Non solo il motto Non essere malvagio!(Don’t be evil). I ragazzi di Google sono mossi dalla frase "Sii divertente" (Be funny) e "Sorprendiamo!" (Let’s surprise) come regola. Ecco perché ogni…

Le migliori risorse per web designer e sviluppatori web della settimana #2

Red Pen permette di caricare il tuo progetto grafico, condividerlo con una short URL ed ottenere un feedback. Non è necessario il logging in, e non è prensete un interfaccia per…

HTML5: differenza tra NAV e MENU

HTML5 introduce due nuovi elementi con un ruolo apparentemente identico:   ( http://www.w3.org/TR/html-markup/nav.html )   (http://www.w3.org/TR/html5/interactive-elements.html#the-menu-element )     In realtà i due elementi sono tutt'altro che simili, ed è improbabile che siano utilizzati contemporaneamente.…

Le migliori risorse per web designer e sviluppatori web della settimana #1

Inauguriamo l'articolo settimanale sulle risorse per web designer, sviluppatori web e grafici! Nella realizzazione di un progetto web ci sono diversi aspetti di cui tenere conto in modo che il risultato…

Metro Style Bootstrap: 10 template

In che direzione va il web design? Gli stili cambiano rapidamente nel web design, grazie a siti/comunità di creativi come dribbble e behance i designer hanno degli ampi bacini cui attingere. Attualmente…

Clicky