Web Design » Freeware http://www.ipwebdesign.it imaginepaolo, imagine has no wall Wed, 01 Feb 2012 06:39:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 TinyFader: Ancora uno slider in Javascript, ma Senza Libreria jQuery http://www.ipwebdesign.it/2011/08/tinyfader-ancora-uno-slider-in-javascript-ma-senza-libreria-jquery/ http://www.ipwebdesign.it/2011/08/tinyfader-ancora-uno-slider-in-javascript-ma-senza-libreria-jquery/#comments Tue, 30 Aug 2011 11:13:39 +0000 cm http://www.ipwebdesign.it/?p=1976

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

Related Posts

]]> http://www.ipwebdesign.it/2011/08/tinyfader-ancora-uno-slider-in-javascript-ma-senza-libreria-jquery/feed/ 0 Tile5: Una Mappa in HTML5 che utilizza Google Maps e altre APIs http://www.ipwebdesign.it/2011/08/tile5-una-mappa-in-html5-che-utilizza-google-maps-e-altre-apis/ http://www.ipwebdesign.it/2011/08/tile5-una-mappa-in-html5-che-utilizza-google-maps-e-altre-apis/#comments Sat, 27 Aug 2011 15:27:43 +0000 cm http://www.ipwebdesign.it/?p=1967

Tile5 è una libreria Javascript che abilita i developer ad integrare le mappe esistenti su varie piattaforme (Google Maps, Ping, Yahoo, MapQuest e altre…) mediante  HTML5.

Al di là delle API fornite dalle piattaforme su citate, possono essere sfruttate tante altre funzionalità osservabili nella demo (allegata in calce).

Con la compatibilità che offre l’HTML5, Tile5 è dedicata ad entrambi i mondi desktop e mobile. (Evitando così Flash… ).

Demo

Related Posts

]]> http://www.ipwebdesign.it/2011/08/tile5-una-mappa-in-html5-che-utilizza-google-maps-e-altre-apis/feed/ 0 App per il Social Networking: Diaspora. Come Costruire un Social Network http://www.ipwebdesign.it/2011/08/app-per-il-social-networking-diaspora-come-costruire-un-social-network/ http://www.ipwebdesign.it/2011/08/app-per-il-social-networking-diaspora-come-costruire-un-social-network/#comments Tue, 16 Aug 2011 21:48:04 +0000 cm http://www.ipwebdesign.it/?p=1945

Diaspora è un’applicazione open source considerata l’alternativa a Facebook.

Include tantissime funzioni come le “amicizie”, i messaggi di stato, le foto i link ecc…

Ciò che è importante, e rende quest’applicazione davvero interessante, è lo storage dei dati: infatti, tutti i dati sensibili, possono essere salvati in qualsiasi drive, sia esso online, sia esso l’hard drive del proprio computer di casa.

Diaspora è sviluppato in Ruby e necessita ancora molta strada per diventare stabile e collaudato, ma, molto probabilmente, lo risentiremo in futuro…

Link

Related Posts

]]> http://www.ipwebdesign.it/2011/08/app-per-il-social-networking-diaspora-come-costruire-un-social-network/feed/ 0 Discons: Bellissime icone monocromatiche – Icon Inspirations http://www.ipwebdesign.it/2010/10/discons-bellissime-icone-monocromatiche-icon-inspirations/ http://www.ipwebdesign.it/2010/10/discons-bellissime-icone-monocromatiche-icon-inspirations/#comments Tue, 05 Oct 2010 16:58:51 +0000 cm http://www.ipwebdesign.it/?p=1979

Discons è un set di icone (95) composte da solo due colori, il bianco e il grigio scuro.

Questo set è composto da file png trasparenti, in formato 24*24 pixel.

Il set, include, tra l’altro, tutti i tipi di riferimenti a social networks, dispositivi e tanto altro…

Nella stessa pagina, c’è un altro set chiamato Minicons, che contiene tante altre icone dello stesso genere, ma di formato un po’ più piccolo (16*16).

Pagina

Related Posts

]]> http://www.ipwebdesign.it/2010/10/discons-bellissime-icone-monocromatiche-icon-inspirations/feed/ 0 Tileables, Pattern Gratuiti per Photoshop http://www.ipwebdesign.it/2010/08/tileables-pattern-gratuiti-per-photoshop/ http://www.ipwebdesign.it/2010/08/tileables-pattern-gratuiti-per-photoshop/#comments Wed, 04 Aug 2010 15:25:59 +0000 cm http://www.ipwebdesign.it/?p=1861

Tileables è un sito web che crea e condivide vari set di stupendi pattern.

Sono disegnati per essere applicati agli sfondi in Photoshop, come livello pattern.

Attualmente sono presenti 4 sets con più o meno 20 elementi, ma sono aggiunti di nuovi giornalmente e possono essere utilizzati sia per uso privato che per uso commerciale.

Link

Related Posts

]]> http://www.ipwebdesign.it/2010/08/tileables-pattern-gratuiti-per-photoshop/feed/ 0 Sudo Slider: jQuery Plugin per lo Slide e il Fade di elementi HTML http://www.ipwebdesign.it/2010/08/sudo-slider-jquery-plugin-per-lo-slide-e-il-fade-di-elementi-html/ http://www.ipwebdesign.it/2010/08/sudo-slider-jquery-plugin-per-lo-slide-e-il-fade-di-elementi-html/#comments Sun, 01 Aug 2010 14:08:14 +0000 cm http://www.ipwebdesign.it/?p=1908

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.

Related Posts

]]> http://www.ipwebdesign.it/2010/08/sudo-slider-jquery-plugin-per-lo-slide-e-il-fade-di-elementi-html/feed/ 0 Plugin avanzato: Color Picker in Javascript http://www.ipwebdesign.it/2010/07/plugin-avanzato-color-picker-in-javascript/ http://www.ipwebdesign.it/2010/07/plugin-avanzato-color-picker-in-javascript/#comments Fri, 30 Jul 2010 13:51:30 +0000 cm http://www.ipwebdesign.it/?p=1904

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

Related Posts

]]> http://www.ipwebdesign.it/2010/07/plugin-avanzato-color-picker-in-javascript/feed/ 1 Facebook GUI in un file PSD. Tutti gli elementi di Facebook disponibili per Web Designers http://www.ipwebdesign.it/2010/07/facebook-gui-in-un-file-psd-tutti-gli-elementi-di-facebook-disponibili-per-web-designers/ http://www.ipwebdesign.it/2010/07/facebook-gui-in-un-file-psd-tutti-gli-elementi-di-facebook-disponibili-per-web-designers/#comments Wed, 28 Jul 2010 13:49:30 +0000 cm http://www.ipwebdesign.it/?p=1900

Facebook è un’enorme piattaforma per migliorare la web-community di qualsiasi cosa: business, blog, profilo personale ecc.. Inoltre, con il suo SDK, è possibile creare applicazioni open source integrate nella schermata di facebook, subito disponibili a milioni di utenti.

Smashing Magazine ha pubblicato un kit, composto da più livelli, disegnato da SurgeWorks, che contiene la tutti gli elementi della GUI di Facebook.

Oltre l’icona di Facebook e il logo, il kit include gli header, lo stile della chat, il box per i commenti, i pulsanti, i messaggi, le tabelle ecc…

Il file è in formato .PSD

Link

Related Posts

]]> http://www.ipwebdesign.it/2010/07/facebook-gui-in-un-file-psd-tutti-gli-elementi-di-facebook-disponibili-per-web-designers/feed/ 0 qTip: un altro plugin jQuery per il Tooltip al passaggio del mouse http://www.ipwebdesign.it/2010/07/qtip-un-altro-plugin-jquery-per-il-tooltip-al-passaggio-del-mouse/ http://www.ipwebdesign.it/2010/07/qtip-un-altro-plugin-jquery-per-il-tooltip-al-passaggio-del-mouse/#comments Thu, 22 Jul 2010 15:14:08 +0000 cm http://www.ipwebdesign.it/?p=1880

Pochi giorni fa ho postato un articolo su un plugin in jQuery che a partire dalla proprietà “title” dei tag mostrava un tooltip divertente e colorato.

Oggi vi propongo un’alternativa, sempre in jQuery, che si presenta con tantissime features. La funzione più importante si basa su un nuovo sistema che gestisce i bordi dei tooltip, senza l’ausilio di file png. È cross-browser e possono essere stabilite le dimensioni, i colori e tante altre cose…

Infatti, ci sono anche altri effetti di show e hide dei tips e quest’ultimi possono essere anche personalizzati.

C’è un’ampia documentazione per le API utilizzate, clicca qui.

Related Posts

]]> http://www.ipwebdesign.it/2010/07/qtip-un-altro-plugin-jquery-per-il-tooltip-al-passaggio-del-mouse/feed/ 0 Colortip, un plugin jQuery per mostrare messaggi tooltip al passaggio del mouse http://www.ipwebdesign.it/2010/07/colortip-un-plugin-jquery-per-mostrare-messaggi-tooltip-al-passaggio-del-mouse/ http://www.ipwebdesign.it/2010/07/colortip-un-plugin-jquery-per-mostrare-messaggi-tooltip-al-passaggio-del-mouse/#comments Fri, 16 Jul 2010 17:03:48 +0000 cm http://www.ipwebdesign.it/?p=1871

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

Related Posts

]]> http://www.ipwebdesign.it/2010/07/colortip-un-plugin-jquery-per-mostrare-messaggi-tooltip-al-passaggio-del-mouse/feed/ 0