Questo script leggerissimo (appena 1 Kb) offre la possibilità di creare degli “accordion” senza ricorrere a nessun framework. Il suo utilizzo è semplicissimo, basta creare una lista di elementi:

<ul id=”sm” class=”sm”>
<li><img src=”images/1.gif” alt=”" /></li>
<li><img src=”images/2.gif” alt=”" /></li>
<li><img src=”images/3.gif” alt=”" /></li>
<li><img src=”images/4.gif” alt=”" /></li>
</ul>

e successivamente richiamare questa funzione nell’evento “onload”:

slideMenu.build(’sm’,200,10,10,1)

Il primo parametro rappresenta la classe dell’elemento lista che si vuole trasformare in accordion; il secondo specifica la larghezza in pixel della porzione di accordion selezionata; il terzo specifica il timeout di chiamata della funzione di sliding; il quarto specifica la velocità dell’accordion, dove 1 rappresenta la velocità massima. L’ultimo parametro è facoltativo e permette di specificare quale sezione dell’accordion dev’essere visualizzata come aperta al caricamento della pagina.

Lo script è scaricabile a questo indirizzo, dove trovate anche la documentazione necessaria.

Se avete inserito nelle vostre pagine una form per permettere ai visitatori di contattarvi o di riempire il vostro guestbook, avrete notato come dopo qualche settimana inizino ad arrivare tonnellate di spam. In questi casi la soluzione è inserire un codice di verifica nella vostra form per bloccare eventuali bot.

Oggi vi segnaliamo Secureimage, script estremamente leggero che vi permette di implementare in pochissimo tempo una funzione di verifica (tramite codice) sulle vostre form. Richiede PHP e le librerie GD installate.

Lo script è scaricabile a questo indirizzo,  mentre qui trovate la documentazione.

FileNice è uno script utilissimo per esplorare, direttamente dalle pagine della nostra applicazione, il contenuto delle cartelle sul server. Suo punto di forza è l’utilizzo di Ajax, che permette di velocizzare diverse funzionalità (ad esempio la visualizzazione di più immagini contenute nella stessa cartella).

Queste le caratteristiche dichiarate dall’autore:

• Slideshow delle immagini (senza ricaricamento della pagina).
• Visualizzazione dettagli file
• Invio a Flickr
• Possibilità di aggiungere descrizioni alle cartelle
• Ricerca
• Ordinamento in base alle cartelle preferite
• Visualizzazione del codice sorgente

A questo indirizzo potete vedere una demo dello script, mentre qui potete effettuare direttamente il download.

Questo piccolo script basato su Mootools vi permette di dotare la vostra applicazione web di un menù contestuale personalizzato. E’ leggero, cross-browser e completamente personalizzabile nella grafica tramite CSS.
A questo indirizzo potete effettuare il download, leggere le istruzioni di installazione e vedere alcuni esempi di utilizzo.

Se avete necessità di migliorare l’aspetto delle vostre pagina in fase di stampa, troverete sicuramente molto utile Hartija, un framework CSS realizzato appositamente per questo scopo che raccoglie alcune tra le migliori tecniche di ottimizzazione dell’output a stampa (ad esempio la visualizzazione dell’URL accanto ad ogni link stampato).

Una volta scaricato il pacchetto da questo indirizzo, sarà sufficiente richiamarlo nelle nostre pagine con la seguente riga:

<link rel=”stylesheet” href=”print.css” type=”text/css” media=”print”>

La proprietà “media=”print”" farà si che il browser richiami il vostro solito CSS per la visualizzazione a schermo e il frameworkHartija in fase di stampa.

Fonte: Edit

Nella realizzazione di un sito può capitare di dover implementare uno scroll verticale dei contenuti. Sfruttando le proprietà del CSS è facile ottenere un DIV scrollabile,  ma le barre di scorrimento visualizzate saranno quelle tipiche di Windows, che ovviamente mal si adattano al nostro design. Non sono utili neanche i vari tweak che permettono di modificare i colori delle barre di scorrimento, in quanto sono fuori standard e funzionano solo con Internet Explorer.

Ci vengono dunque in aiuto i numerosi Javascript che ci consentono di implementare lo scroll e di personalizzare il look dei pulsanti di scorrimento. Uno di questi è Easy Scroll 1.0, realizzato da CSS Globe; di semplice utilizzo, è completamente personalizzabile nel funzionamento e nel look, offre doppia velocità di scorrimento e un pulsante di “reset” per riportare il contenuto alla posizione iniziale.
Potete vedere una demo a questo indirizzo.

Questo script dal nome simpatico ci permette di creare, al posto delle tristi message box di sistema, delle eleganti notifiche per le nostre applicazioni web. Lo script è basato su mootools, e ci permette di scegliere tra due diversi effetti: Smoke, una sorta di effetto dissolvenza, e Bezel, che unisce dissolvenza e scorrimento.

Per le istruzioni e il download potete visitare questa pagina.

Nel momento in cui dobbiamo sviluppare un’area privata per la gestione di un sito, dobbiamo spesso confrontarci con la richiesta del cliente di poter gestire non solo i contenuti ma anche l’aspetto grafico. In questo caso una delle prime possibilità che dovremo implementare sarà quella di rendere selezionabili i colori dei link o di altri elementi del sito. Per facilitare il compito dell’utente, più che una semplice casella dove digitare il codice del colore in esadecimale, può rivelarsi più adatto un “color picker”, o “selettore di colore” .

Leggi tutto »

Se avete un sito/blog abbastanza trafficato e avete deciso di inserire dei banner pubblicitari, non potrete che apprezzare OpenX. Si tratta di una piattaforma open source che permette di gestire le campagne pubblicitarie, offre funzioni molto avanzate tra cui la targettizzazione delle campagne (geografica, per keyword, per lingua, ecc.), il settaggio di diverse priorità, funzioni di reporting avanzate e integrazione con sistemi di advertising di terze parti (ad es. Google Adsense).

Il download è disponibile a questo indirizzo, mentre qui è disponibile una demo del prodotto.

Volete entrare in concorrenza con Imageshack.us? Creare un social network simile a Digg o a Delicio.us? Un sito di incontri per trovare l’anima gemella? Un sito per uploadare le proprie foto come Flickr?

Scriptcopy è la soluzione che stavate cercando: questo sito presenta una raccolta di script open source ispirati al funzionamento dei siti più famosi. Al momento gli script presenti in archivio non sono tantissimi, ma ce ne sono alcuni davvero interessanti.

Se poi avete già sviluppato una vostra applicazione ispirata a qualche famoso portale, avete la possibilità di aggiungerla al database e condividerla con il popolo della rete.

Fonte: Kingfelix