Web Designer & Web Developer WordPress, SEO, HTML5, JQuery e molto altro. Piccoli articoli per grandi progetti!




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;-)

Home