Qui parliamo di: javascript

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 19.698 Volte

[Coach Creativo Web Design]

Gestione MySQL: AeroSQL, alternativa (evoluta) di PHPmyadmin
Consiglio del di
Segui i miei consigli su:

                               

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

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 15.209 Volte

[Coach Creativo]

HTML 5: Video Player Open Source in Javascript
Consiglio del di
Segui i miei consigli su:

                               

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.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 2.063 Volte

[Coach Creativo]

jQuery Countdown
Consiglio del di
Segui i miei consigli su:

                               

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/

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 907 Volte

[Coach Creativo Social Media]

Come selezionare tutti gli amici su Facebook.
Consiglio del di
Segui i miei consigli su:

                               

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.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 3.847 Volte

[Web Design]

TinyFader: Ancora uno slider in Javascript, ma Senza Libreria jQuery
Consiglio del di
Segui i miei consigli su:

                               

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

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 4.479 Volte

[Web Design]

Effetti sulle immagini con Javascript! PaintbrushJS. Funzione
Consiglio del di
Segui i miei consigli su:

                               

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.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 4.086 Volte

[Coach Creativo Web Design]

HTML5 Canvas experiment
Consiglio del di
Segui i miei consigli su:

                               


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/

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 3.221 Volte

[Coach Creativo]

Plugin jQuery per il Riconoscimento dei Volti su Immagini
Consiglio del di
Segui i miei consigli su:

                               

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!

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 6.305 Volte

[Coach Creativo Web Design]

Sudo Slider: jQuery Plugin per lo Slide e il Fade di elementi HTML
Consiglio del di
Segui i miei consigli su:

                               

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.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 4.627 Volte

[Web Design]

Plugin avanzato: Color Picker in Javascript
Consiglio del di
Segui i miei consigli su:

                               

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

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 3.918 Volte

[Web Design]

chronoStrenght: Plugin Misuratore Difficoltà Password in jQuery o Javascript
Consiglio del di
Segui i miei consigli su:

                               

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.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 4.312 Volte

[Web Design]

Faary: Form-Bulider con Comandi di Tipo Testo (Codice Sorgente)
Consiglio del di
Segui i miei consigli su:

                               

Faary è form-bulider online. Attraverso il servizio offerto da questo sito siamo in grado di disegnare un form con la semplice immissione di dati in formato testo.

Continue reading →