[Coach Creativo Web Design]

Colortip, un plugin jQuery per mostrare messaggi tooltip al passaggio del mouse

Tutorialzine ha pubblicato un tutorial che spiega come scrivere un semplicissimo plugin in jQuery che mostra dei messaggi tooltip al passaggio del mouse su di un elemento.

Esso converte semplicemente l’attributo title di un elemento html e mostra il messaggio tooltip in 6 temi differenti, in base al proprio design. Si può, ovviamente, anche creare un proprio file css e editare personalmente i colori, il testo e tutte le altre proprietà di formattazione.

Riuscirà mai il framework jQuery a vincere la lotta contro Flash? Chissà… è sulla buona strada.

Link


[Coach Creativo Web Design]

Lucid Desktop, un sistema operativo online. PHP5 e SQL database.

I sistemi operativi basati sul web stanno diventando, giorno per giorno, sempre più frequenti e solidi. Tutto questo grazie ai più frequenti framework, sia in Javascript, che in altri linguaggi, che consentono di avere un’esperienza desktop-like.

Lucid Desktop è un’applicazione open source scritta in php che simula un sistema operativo di classe desktop e utilizza il linguaggio SQL per lo storing dei dati in un database online. Al suo interno sono installate tante applicazioni, come un buon text-editor, una calcolatrice, un visualizzatore di immagini, un semplice giochino, un web browser, un feed reader, un music player e tanto altro.

È presente un file manager in grado di cancellare, modificare e aggiungere file e cartelle. Si possono cambiare le caratteristiche del desktop, sono supportati i temi e l’auto-update all’ultima versione dell’OS.

Link


[Web Design]

Autocompleter: riempimento automatico input box. PHP e MySQL

AutoCompleter è uno script in jQuery in grado di fornire all’utente che inserisce delle informazioni all’interno di un’inputbox, dei consigli (prelevati da un database MySQL), per l’autocompletamento.

Vi propongo un tutorial (in inglese) per implementare questa funzione con pochissime righe di codice. Infatti, bisogna solo includere il file .js allegato, scrivere qualche riga di codice in php per la connessione al database e il gioco e fatto!

Un file .css è disponibile per la modificazione dello stile.


[Coach Creativo]

Video player in MooTools e HTML5: Moovie

Moovie è una libreria di controllo gratuita per il tag <video> in HTML5.

Include tutte le funzionalità di un player: play, pausa, stop ed un controllo volume, molto simili alla barra di caricamento e controllo di Youtube.

Quando caricate il video per la prima volta, esso mostrerà un grande pulsante “Play” (come in foto), e un plusante di “Replay” al termine.

Sono gestite egregiamente le playlist (per video multipli) e anche i sottotitoli. Il plugin è altamente personalizzabile, infatti, è possibile decidere, in un file di configurazione, se oscurare i sottotitoli, la scomparsa automatica dei controlli e se ripetere i video (looping).

Link


[Web Design]

Manipolare i colori nel web: xcolor, un plugin in jQuery

xcolor è un plugin in jQuery che consente di effettuare manipolazioni sui colori e i relativi codici esadecimali.

Prima di tutto può convertire i colori nei diversi formati: RGB, HSV e HEX, con i metodi getRGB(), get HSV() o getHEX().

Può, mediante un altro metodo, calcolare il colore combinato, es: se do in entrata rosso e blu, l’algoritmo mi restituirà viola. Nell’immagine, viene utilizzato l’esempio del giallo e rosso, che da, in uscita, il verde.

Altri metodi consentono di gestire i colori complementari e, un’ultima, ma interessantissima funzione, è quella che il plugin, mediante dei calcoli sul codice di un colore, stabilisce se esso potrà risultare leggibile su una determinata tonalità di sfondo.

Link


[Coach Creativo]

Velocità di caricamento: due siti a confronto. Which loads faster?

Oggi vi propongo un tool per controllare la velocità di caricamento del vostro sito web: Which Loads Faster?. Possiamo mettere a paragone due siti web diversi e mostrare, in percentuale, chi è più veloce.

È molto utile, non solo per verificare chi carica prima, ma per vedere in quanti ms le vostre pagine vengono generate dai browser.

Esiste anche un’altra funzione, quella “race”, che consente di mostrare un set multiplo di siti che verranno caricati in successione.

Il sito fornisce anche un servizio di sharing, utile per ripetere il test successivamente, oppure per mostrare il risultato al pubblico.


[Coach Creativo]

Fondo per il salvataggio e la ristrutturazione delle imprese in difficoltà

Dal 5 luglio 2010 le imprese in crisi potranno fare domanda per accedere al Fondo per il salvataggio e la ristrutturazione delle imprese in difficoltà.

Sulla Gazzetta Ufficiale del 25 giugno 2010 è stato infatti pubblicato il decreto del Ministro per lo sviluppo economico del 25 febbraio che attua la delibera del Cipe del 18 dicembre 2008, n. 110 e fissa i criteri di priorità nella valutazione delle domande in relazione agli indirizzi adottati dal Governo in materia di politica industriale.

Il fondo, istituito dal c.1 art.3 del decreto-legge del 14 maggio 2005, ha una dotazione finanziaria di 35 milioni di euro e, in conformità agli Orientamenti europei sugli aiuti di Stato, riguarda interventi:

  • per il salvataggio (consistenti in un sostegno finanziario temporaneo e reversibile, non superiore a 5 milioni, della durata massima di sei mesi, finalizzato a mantenere in attività l’impresa per il tempo necessario ad elaborare un piano di ristrutturazione o di liquidazione)
  • per la ristrutturazione, (basati su un piano industriale e finanziario finalizzato a ripristinare la redditività a lungo termine dell’impresa).

Le comunicazioni relative all’esaurimento delle risorse o al rifinanziamento del Fondo saranno pubblicate sul sito internet del Ministero dello Sviluppo economico.

Tutte le informazioni e i modelli per la domanda li trovate qui


[Coach Creativo]

Tutorial Photoshop: 30 Guide per Creare Effetti Mozzafiato – Smoke, Eclipse

I lavori astratti, molte volte, sono al centro di un buon designing. Le vostre opere possono essere presenti su un desktop “vibrante”,  come header, oppure come footer di un buon sito web. Essi possono essere fatti a partire da pattern, pura immaginazione, combinazioni di colori, ombre, schemi…

Questa collezione, tratta da noupe, contiene tantissimi tutorials che utilizzano photoshop per implementare le “idee grafiche” ed ottenere i risultati desiderati. L’intera lista la potete trovare qui, ma di seguito vi riporto quelli che trovo più interessanti.

Continue reading


[Web Design]

OneWay: FTP istantaneo direttamente dal Finder di Mac OS X

OneWay è un leggerissimo tool per Mac OS X in grado di effettuare un FTP velocissimo attraverso il menù contestuale destro del Finder.

Si possono caricare i file in FTP, SFTP o anche Amazon S3.

Questo plugin è utilissimo per i web designer: quando si testano delle nuove pagine, essi hanno bisogno di continui update di file caricati in rete. Perché non farlo cliccando semplicemente su di essi con il tasto destro?

Buon hosting!