Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

jDownload – Un plugin in jQuery per la gestione dei downloads !

jDownload è un plugin per jQuery che mira a fornire più informazioni agli utenti sul file da scaricare.

Una volta cliccato un link per il download , esso invia una query Ajax ad un file PHP che restituisce il nome, il tipo e la dimensione del file in una finestra modale.

L’utente può scegliere di ottenere il file o annullare la richiesta che è specialmente una buona esperienza per conoscere la dimensione del file prima di scaricarlo.

Il plugin richiede jQuery UI oltre alla stessa jQuery per la finestra di dialogo modale e viene fornito con diverse opzioni di personalizzazione tra cui le dimensioni della finestra di dialogo, l’evento per la chiamata (click, hover, ecc), e altro ancora.

Inoltre, sulla base della stessa idea, la sua funzionalità può essere ulteriormente migliorata con l’aggiunta di “downloads zippati” o “Invia e-mail “tipi di opzioni agli utenti .

Ecco il link !


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Un plugin per jQuery : realizzare uno slideshow non è mai stato così semplice.

Slides è un plugin per jQuery in grado di convertire una serie di immagini -rapidamente- in una presentazione di bell’aspetto .

E’ molto facile da implementare e può essere personalizzata e stilizzata completamente !

Il plugin possiede molte opzioni automatiche tra cui vi sono la ripetizione automatica delle immagini a ciclo infinito,  l’auto play,  la dissolvenza, effetti di transizione a scorrimento, pre-caricamento dell’immagine,  impaginazione automatica e molto altro.

Un’ottima caratteristica è che il ciclo è molto regolare e che, di conseguenza, lo scorrimento delle diapositive risulta essere estremamente fluido.

Lo sviluppatore fornisce anche un file PSD che riguarda la grafica .

Ecco il link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo]

Social Network Icon Pack – Un set di 100 icone per i Social Network più popolari !

Komodo Media, una compagnia di design creativo, sta condividendo uno dei più completi social network di icone, chiamato : Social Network Icon Pack.

Esso include cento articoli che coprono ogni servizio sociale popolare che puoi pensare : da Flickr a Xing e da Skype a Twitter.
Le icone sono disponibili in due differenti misure : 16*16px – 32*32px ed esse sono in formato PNG trasparente.
Ecco il link .
Buon download !

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[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!


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Commenting Script in PHP. Free Commentics

Se stai costruendo un sito senza l’ausilio di un CMS, Commentics, comodissimo script in PHP, è in grado di aggiungere la feature dei commenti alle pagine desiderate mediante un pannello di controllo back-end.

Utilizza un database in MySQL, quindi può essere integrato in qualsiasi sito che ha queste caratteristiche e possiede anche alcune funzioni di sicurezza, come il captcha, l’antiflooding e l’anti spam.

Nel momento in cui un utente invia un commento, egli può anche valutare il contenuto e sottoscriversi o via email o via RSS ai commenti successivi.

Il pannello di controllo può gestire i backups, controllare gli utenti online e le statistiche.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[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.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Zoom sulle Immagini: Cloud Zoom. jQuery Plugin

Cloud Zoom è un leggerissimo plugin in jQuery che mostra le immagini ingrandite attraverso alcuni effetti particolari.

Effettua lo zoom in base alla posizione del mouse sull’anteprima (thumbnail), mostrando l’immagine ingrandita accanto, oppure direttamente  in essa.

Possono essere create gallerie di immagini: questa feature è utilissima per la costruzione di siti e-commerce, dove è opportuno mostrare agli utenti delle immagini, sia in anteprima, sia in dettaglio dei prodotti di una categoria.

La trasparenza, lo zoom e tutti gli altri effetti possono essere personalizzati semplicemente attraverso i fogli di stile CSS.

Demo


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

HTML5 Starter Pack: Free HTML5-CSS3 templates

Ormai la compatibilità degli standard Internet si estende senza molti problemi a tutti i browser. Oppure, attraverso degli script, riusciamo a rendere compatibili anche quei browser che non lo sono.

Premesso questo concetto di compatibilità, oggi voglio proporvi dei template completamente gratuiti e pronti da utilizzare.

HTML5 Starter Kit consente di costruire un sito con diverse specifiche grafiche, in quanto, i tag che mette a disposizione, possono essere personalizzati e posizionati seguendo i propri gusti.

È cross-browser e il kit comprende i layouts in file psd.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Combined Social Stats: Visualizzare il Numero di Iscritti Alle Vostre Pagine Social Network

Al giorno d’oggi, ci sono sempre più Social Networks in giro sulla rete che tentano di possedere grosse porzioni di questo nuovo business.

È importante tenere il monitoraggio del numero degli utenti che seguono le nostre pagine sparse per la rete, siano esse feed in RSS, pagine di Facebook, followers di Twitter ecc…

In questo tutorial, fornito da Tutorialzine, vediamo come effettuare un calcolo complessivo dei lettori che seguono le nostre risorse.

È utilizzato il linguaggio jQuery, con il plugin tipTip, codice in PHP, il YQL di Yahoo e tante altre tecniche di programmazione web.

Potete seguire tutti i passaggi in questa pagina.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Font Api di Google: Utilizza un Font Caricato nella Nuova Font Directory

Google ha appena annunciato una nuova risorsa messa a disposizione dei web designers: Font API.

Attraverso una Font Directory, ogni utente è in grado di accedere al database contenente i font, ed essi, una volta che sono stati allegati nelle nostre pagine web, potranno essere visualizzati da tutti essendo una funzione cross-browser.

È davvero semplice utilizzare l’API, infatti, basta allegare il file di stile (hostato sui server di Google) e sarai pronto ad utilizzarlo per formattare i contenuti!

La Font Directory è raggiungibile a questo indirizzo. Dopo aver scelto il font nella lista, selezionarlo, e premere sulla scheda “Get the code”.

Un esempio lo trovate nei titoli di questa pagina: spettacolare!


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

50 Temi per Drupal: Primi Passi per il Drupal Development

Vi rimando a questa collezione contenente 50 temi del popolare CMS Drupal.

Oltre ai migliori temi gratis e quelli premium, selezionati per categorie, ci sono tanti temi starter: un buon punto di partenza per creare i vostri template personalizzati in base alle esigenze.

Sono perfetti per i vostri primi passi nel mondo di Drupal Development.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

100 Pittogrammi in Vettori FREE: Pictoico

Pictoico è una nuova iniziativa promulgata da questo sito, che definisce, utilizzando un’adeguata simbologia globalmente accettata, un nuovo metodo di comunicazione.

Sono presenti 100 pittogrammi in vettori che includono categorie come semplici azioni, commercio, multimedia e molto altro. I creatori del progetto pianificano di rendere disponibile, nel futuro, un set di 1000 pittogrammi.

Essi sono rilasciati in due formati vettoriali: .svg o .ai. I file sono gratuiti e possono essere modificati secondo le proprie preferenze se non utilizzati per scopi commerciali.

Link