Qui parliamo di: javascript


Letto 20.530 Volte

[Coach Creativo Web Design]

Gestione MySQL: AeroSQL, alternativa (evoluta) di PHPmyadmin

AeroSQL è un’applicazione web open source, scritta in PHP con il supporto del framework Javascript ExtJS, progettata per la gestione di databases registrati su un server o più servers.

Come appena detto, infatti, essa può controllare le basi di dati a partire da servers diversi in una singola interfaccia desktop-like. Le tabelle sono rappresentate come fogli di dati, composte da colonne e righe che corrispondono, rispettivamente, a istanze e records.

È possibile anche eseguire query o batch di esse, editare records e tanto altro.

Link | Demo


Letto 16.819 Volte

[Coach Creativo]

HTML 5: Video Player Open Source in Javascript

Projekktor è un video player realizzato in Javascript, che utilizza la funzionalità di video embedding del nuovo standard HTML5. Nel caso in cui, il browser dell’utente non fosse compatibile (allo standard H.264), il plugin avvia un player in flash.

Supporta le playlists e può essere attivata la modalità schermo intero, inoltre, il pannello dei controlli, è configurabile via CSS.

C’è da dire che non è ancora perfetto e possiede qualche bug, ma data la forte diffusione di questa nuova tipologia di formato, i programmatori sono ben intenti a rilasciare nuove versioni sistemandone i problemi.

Vi rimando al sito per ulteriori dettagli.


Letto 2.932 Volte

[Coach Creativo]

jQuery Countdown
jquery_countdown_clock

Da tempo sono approdati sul web gli jQuery Countdown ma cosa sono?

Già dal nome si può capire che è un conto alla rovescia che lavora tramite jQuery che altro non è che una libreria Javascript veloce e concisa che semplifica il “movimento” del documento HTML, la gestione degli eventi, l’animazione e le interazioni Ajax per lo sviluppo web rapido.

 

Questi jQuery Countdown posso essere usati per qualsiasi avvenimento ad esempio:

sul vostro sito sta per aprirsi una nuova sezione? con il counter potrete creare fermento nei vostri utenti magari anche mettendo in rete rumor per creare attesa; inserirlo in una pagina di coming soon; oppure in una pagina di download; oppure creare un evento e inserire questo countdown e tante altre applicazioni basta avere le idee giuste!

 

Nel web si trovano tante versioni free e alcuni siti che producono articoli jQuery, ovviamente personalizzati, e li propongono per pochi dollari.

 

Ecco alcuni siti che propongono top 10 di jQuery Countdown sia free che a pagamento:

 

http://www.tripwiremagazine.com/2012/11/jquery-countdown-scripts.html

 

http://freebiesdesign.com/31-cool-jquery-count-down-script/#.UPWTyKEjiuk

 

http://creativecan.com/2012/10/jquery-countdown-timer/

 

http://www.jquery4u.com/image-scripts/10-awesome-jquery-count-scripts/


Letto 1.206 Volte

[Coach Creativo Social Media]

Come selezionare tutti gli amici su Facebook.

Come si fa a selezionare in Facebook tutti gli amici in un solo colpo? Ecco i piccoli passi da compiere:

  • Andare sulla pagina Facebook che si ha intenzione di suggerire.
  • Cliccare sul tasto "Suggerisci agli amici".
  • Selezionare e cancellare l’indirizzo che compare nell’apposita barra – del tipo http://www.facebook.com/pages
  • Al suo posto incollare il seguente codice: 
  • javascript:elms=document.getElementById('friends').getElementsByTagName('li');for(var fid in elms){if(typeof elms[fid] === 'object'){fs.click(elms[fid]);}}
  • Premere invio.

Di colpo tutti i vostri amici verranno selezionati, buon lavoro.


Letto 4.093 Volte

[Web Design]

TinyFader: Ancora uno slider in Javascript, ma Senza Libreria jQuery

TinyFader è uno script in Javascript che effettua la rotazione automatica degli elementi all’interno di una list unordered.

Non ha bisogno di alcuna libreria framework per poter funzionare ed è leggerissimo, solo 1,4kb.

Lo script è in grado di mostrare non solo le immagini, ma anche qualsiasi contenuto in HTML. Esso, inoltre, può essere visitato con i classici pulsanti di prev e next oppure con l’aiuto della impaginazione in basso a sinistra. Attraverso i fogli di stile si può anche personalizzare il tutto e renderlo graficamente adatto al vostro sito web.

Demo


Letto 4.982 Volte

[Web Design]

Effetti sulle immagini con Javascript! PaintbrushJS. Funzione

Oggi vi propongo un interessantissimo plugin, PaintBrushJS, scritto totalmente in Javascript, in grando di applicare degli effetti alle immagini selezionate dagli utenti.

Gli effetti vengono applicati client-side (javascript) e utilizzano il tag <canvas> dell’HTML5. Oltre all’effetto principale è possibile applicare altri parametri semplicemente applicando una classe all’elemento.

Gli effetti applicabili, attualmente, sono: blur, scala di grigi, mosaico, noise, posterize, sepia e tint.

Ecco una demo.


Letto 4.374 Volte

[Coach Creativo Web Design]

HTML5 Canvas experiment


HTML5 ci affascina sempre di più. Con l’arrivo di Firefox 3.5, Safari 4 e la nuova beta di Google Chrome e Opera il futuro sembra luminoso per HTML5 e meno per flash.

Molti giocano e sperimentano con questa tecnologia, ho trovato un piccolo esperimento che carica 100 tweets relativi a HTML5 e li mostra utilizzando un motore di particelle basato su JavaScript. Ogni particella rappresenta un tweet – cliccate su uno di essi e sarà visualizzato sullo schermo.

Assolutamente da vedere: http://9elements.com/io/projects/html5/canvas/


Letto 3.555 Volte

[Coach Creativo]

Plugin jQuery per il Riconoscimento dei Volti su Immagini

Le immagini sono ormai parte di qualsiasi applicazione web e non solo (le foto degli utenti, gli avatar ecc..), ma cosa ne pensate di analizzarle e catalogarle?

Face Detection è un plugin jQuery che fa al caso vostro, in fatti è in grado di riconoscere i volti e di restituirvene le coordinate x, y.

Utilizza un algoritmo chiamato CCV, un file JS che necessita di essere incluso all’interno del documento.

L’uso è praticamente diretto, ti basta menzionare l’elemento con una chiamata e otterrai il risultato in uscita, niente di complicato!


Letto 6.610 Volte

[Coach Creativo Web Design]

Sudo Slider: jQuery Plugin per lo Slide e il Fade di elementi HTML

Sudo Slider è un nuovissimo plugin in jQuery che mostra un elemento HTML con tantissimi metodi di presentazione diversi.

È basato sul plugin Easy Slider e trasforma gli elementi in una lista unordered.

Il plugin può caricare elementi mediante il linguaggio Ajax e li mostra, successivamente, con un effetto slide o fade.

Possono essere utilizzati più di uno slider per pagina ed è possibile impostare di auto-creare il numero delle slide, i pulsanti prev e next, e decidere se far partire l’effetto slide in seguito ad un’azione (cliccando un link, azionando un form ecc…).

Ecco la demo.


Letto 4.944 Volte

[Web Design]

Plugin avanzato: Color Picker in Javascript

ColorPicker è un plugin in JavaScript utile a selezionare il colore mediante il mirino e, in uscita, restituisce  il codice in esadecimale, in RGB e in CMYK. Il codice del colore, ovviamente, può essere utilizzato attraverso il codice e, se opportunamente implementato, si possono sviluppare applicazioni molto interessanti.

Può essere visualizzato in 4 diverse grandezze (come mostrato in foto) e memorizza gli ultimi 9 colori. Lo script è totalmente modificabile attraverso i CSS e può essere trasportato sulla pagina (funzione drag & drop).

Contiene l’intera collezione delle palette dei colori (circa 16,78 mil.).

Link


Letto 4.253 Volte

[Web Design]

chronoStrenght: Plugin Misuratore Difficoltà Password in jQuery o Javascript

Avete mai inserito una password in un form e avete notato affianco un misuratore di difficoltà (strenght) ? Bene, chronoStrength è un plugin che valuta la password inserita dall’utente e ne indica, con dei colori, il rischio e la facilità di “crack”.

Inoltre, mostra anche un simpatico messaggio che ci indica in quanto tempo, un computer desktop PC riesce a formulare un algoritmo per scoprire la nostra password, in base al numero di combinazioni possibili. Esso, ovviamente, è modificabile attraverso i fogli di stile.