Andres Hunger UX Web designer  
WINNER OF THE DAY Featured of the Day



Translate

Pages

Create js

createjs

Più di una semplice raccolte di librerie JS

Questo progetto è indubbiamente una miniera d'oro per un web designer e developer.
Una suite di librerie e strumenti modulari che lavorano insieme o in modo indipendente per abilitare ricchi contenuti interattivi su tecnologie web aperte tramite HTML5.

EaselJS

Una libreria JavaScript che facilita il lavoro con l'elemento Canvas HTML5.
Utile per creare giochi, arte generativa e altre esperienze altamente grafiche.

EaselJS offre soluzioni dirette per lavorare con grafica ricca e interattività con HTML5 Canvas.
Fornisce un'API che è familiare agli sviluppatori Adobe Animate, ma abbraccia la sensibilità JavaScript.
Consiste in un elenco di visualizzazione completo, gerarchico, un modello di interazione core e classi helper per semplificare il lavoro con Canvas.

TWEEN JS

Una libreria JavaScript semplice ma potente per il tweening e l'animazione di proprietà HTML5 e JavaScript.
Funziona stand-alone o integrato con EaselJS.

TweenJS è una libreria di tweening semplice da utilizzare in JavaScript.
È stato sviluppato per integrarsi bene con la libreria EaselJS, ma non è dipendente o specifico. Supporta il tweening di entrambe le proprietà degli oggetti numerici e le proprietà di stile CSS. L'API è semplice ma molto potente, facilitando la creazione di interpolazioni complesse concatenando comandi.

SOUND JS

Una libreria JavaScript che fornisce una semplice API e potenti funzionalità per semplificare il lavoro con l'audio.
Si collega facilmente il caricamento del file audio a PreloadJS.

SoundJS riassume l'implementazione del suono HTML5, rendendo molto più semplice l'aggiunta di suoni cross-browser coerenti ai tuoi giochi o esperienze ricche.
È possibile richiedere le funzionalità, quindi specificare e assegnare la priorità a quali API, plug-in e funzionalità vengono sfruttati per dispositivi o browser specifici. 

PRECARICO JS

Una libreria JavaScript che consente di gestire e coordinare il caricamento di risorse e dati.

PreloadJS facilita il precaricamento delle risorse: immagini, suoni, JS, caratteri, testo e altro.
Usa XHR2 per fornire informazioni di progresso reali quando disponibili, o ricade per taggare il caricamento e agevolare il progresso quando non lo è.
Consente più code, più connessioni, interrompendo code e molto altro.

 

Considerando che è sponsorizzato da Adobe, MicrosoftMozzillaGskinner

Se ne vedranno delle belle!!!!

Animated SVG Slideshow Frame

Animated SVG Frame Slideshow

SVG animato durante lo Slide by Sencha

Questa demo è stata realizzata da Sencha (crea applicazioni web e mobile // Sencha Extjs.)

Una presentazione sperimentale che mostra un frame SVG animato durante la transizione dello Slide.
Possono essere utilizzate diverse forme per creare una varietà di stili creativi e molto emozionanti.

L'idea è di animare un frame SVG mentre passiamo da uno slide ad un altro.
Usando diverse forme possiamo creare una varietà di stili e di frame trasformando l'SVG.

Una delle cose molto importanti per usare bene questo plugin ehavere il Browser aggiornato visto sono stati usati delle nuove proprietà CSS moderne come CSS Flexbox e variabili varie.

Qui Trovate la Demo live
Qui Trovate il Download Source

Qui stiamo animando una semplice forma a scatola:

Animated SVG Frame Slideshow

In questa demo è stato usato un modello per il riempimento a forma di rettangolo leggermente inclinato.
Il pattern è tratto da Hero Patterns:

Animated SVG Frame Slideshow

In questo esempio possiamo usare qualsiasi tipo di forma, anche molto piccola.
Nota come i titoli sopra l'SVG in questa demo:

undefined

 

Non resta che testare e ancora una volta ringraziere Shota e Codrops! Grazie! Thank you! 感謝

Bootstrap Studio

Bootstrap Studio

Bootstrap Studio è una potente applicazione desktop per la progettazione e lo sviluppo siti web.

Bootstrap Studio è un'applicazione desktop che consente di creare siti web.
Viene fornito con un gran numero di componenti incorporati, grazie al drag e drop  è possibile trascinare e rilasciare elementi per assemblare le pagine web.

Costruito sul popolare framework Bootstrap, consente un'esportazioni pulita, con la giusta semantica HTML.

Ovviamante sarà da provare!

Link: Bootstrap Studio

L'interfaccia

Bootstrap Studio ha una bella e potente interfaccia, che è costruito attorno alla semplicità del drag and drop. Questo lo rende lo strumento ideale per la progettazione di pagine e applicazioni web.

Bootstrap Studio Interfaccia

Editing Code

Ovviamante non sempre il trascinamento è sufficiente.
Questo è il motivo per cui Bootstrap Studio ti dà il pieno controllo sul vostro markup quando ne avete bisogno.
È possibile importare e modificare CSS, JavaScript e HTML nel nostro editor di testo simile Sublime.

Bootstrap Studio Editing Code

 

Non ci resta che provarlo...Link: Bootstrap Studio

Android Studio per creare la tua app

undefined

Android Studio l'IDE ufficiale per le tue app Android

Prima di interagire con il software dovete installare Java SE Development Kit

Android Studio fornisce gli strumenti più veloci per la costruzione di applicazioni su ogni tipo di dispositivo Android.
Editing di livello mondiale, codice, debugging,  un sistema di generazione flessibile, ed un sistema di compilazione unicho e di alta qualità.

Compatibile con Windows, Mac, Linux non ci resta che provare!

Link ufficiale: developer.android.com

Email Address Encoder JQuery

Come rendere invisibili le nostre email con jQuery

Abbiamo sempre più la neccessità di nascondere la nostra email da eventuali spam o frodi informatiche.
Questa potrebbe essere una soluzione:  (adattabile anche all'interno del nostro wordpress)

Questo e il nostro codice html:

<a href="mailto:me@mysite.com"&gtme@mysite.com</a>

Adesso andremo a lavorare con JQuery:

<a href="#"> <span id="my-email">please enable javascript to view</span></a>

a seguire il nostro script:

$('#my-email').html(function(){
	var e = "me";
	var a = "@";
	var d = "mysite";
	var c = ".com";
	var h = 'mailto:' + e + a + d + c;
	$(this).parent('a').attr('href', h);
	return e + a + d + c;
});

Babini Office sviluppo Web site

Andres Hunger web designer

Andres Hunger web designer

Andres Hunger ha collaborato con l'agenzia Xplace, nello sviluppo del nuovo sito di Babini Office, implementando tutta la parte HTML5, jquery e responsive, non trascurando mai la web usability.
Le parti interessanti del progetto sono l'uso del parallax scrolling, certo non una novità nel 2015 ma pur sempre un piccolo azzardo per un sito istituzionale e all'uso del TwentyTwenty plugin evidenziando cosi una originalità rispetto ai competitor.
La parte responsive e stata tutta ideata senza framework ma usando le giuste media queries, una scelta tecnica pensata per minimizzare al massimo la velocità dell'intero sito.

"Grazie a un lavoro di squadra si è potuto realizzare un ottimo prodotto e sopratutto originale!"

Link:www.babinioffice.com

Online Javascript Compression Tool

undefined

compressore online che permette di comprimere e Minimizza i file javascript

JSCompress.com è un online javascript compressore che permette di comprimere e Minimizza i file javascript. File javascript compressi sono ideali per ambienti di produzione dal momento che in genere riducono le dimensioni del file da 30-80%. La maggior parte della riduzione dimensione del file si ottiene rimuovendo commenti e caratteri aggiuntivi spazi bianchi che non sono necessari dai browser web o visitatori.

Da provare;-)

HTML5  web Developer Andres Hunger
CSS3 web Developer Andres Hunger
javascript web Developer Andres Hunger
jQuery web Developer Andres Hunger
Bootstrap Andres Hunger Blog
WP Developer Andres Hunger