Consigliato da @imaginepaolo
Suggerisci Modifiche

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[Web Design]

Tile5: Una Mappa in HTML5 che utilizza Google Maps e altre APIs

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News]

App per il Social Networking: Diaspora. Come Costruire un Social Network

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News]

Discons: Bellissime icone monocromatiche – Icon Inspirations

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News Web Design]

Tileables, Pattern Gratuiti per Photoshop

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News Web Design]

Facebook GUI in un file PSD. Tutti gli elementi di Facebook disponibili per Web Designers

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News Web Design]

qTip: un altro plugin jQuery per il Tooltip al passaggio del mouse

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.


Consigliato da @imaginepaolo
Suggerisci Modifiche

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


Consigliato da @imaginepaolo
Suggerisci Modifiche

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