Html5: 10 Tools Online Per Web Designer

by admin admin 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 admin admin Date: 22-05-2013 html5 web design web development web tools visite : 3462  
 
 
 
 

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…

    Cuixot - prosciutti e salumi mallorchini

    Progetto: Cuixot de Porc Negre Mallorquí grafica web development SEO PHP/MYSQL, HTML, AJAX, Javascript, CSS  frontend/backoffice Pcore CMS Link al sito: Cuixot - Productos de la raza de cerdos negros de Mallorca

    Arianna Mazzetta

    Sito per la dott.essa Arianna Mazzetta, biologa nutrizionista grafica sviluppo web piattafrma blog sito dinamico CMS personalizzato SEO PHP/MYSQL, HTML, AJAX, Javascript, CSS, Responsive design Link a Arianna Mazzetta, biologa nutrizionista http://ariannamazzetta.it/    

    Mediterrani Events

    Progetto: Mediterrani Events - Rosa Miranda grafica web sviluppo web  SEO PHP/MYSQL, HTML, AJAX, Javascript, CSS area frontend/backoffice Pcore CMS Link a Mediterrani Events - Agencia de eventos, comunicación y azafatas  

    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

    Il futuro del web è oggi, ora, in questo momento, soprattutto se sponsorizzato da Google (o "Googs" se sei un/a geek). Con Chrome Experiments, Google incoraggia i designers e gli sviluppatori…

    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.…