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

Google ha annunciato di aver rilasciato le Ajax Language API.
In parole povere, d’ora in poi avremo la possibilità di richiamare queste API nelle nostre pagine e dare ai visitatori la possibilità di tradurre contenuti in tempo reale.
Le Ajax Language API consentono infatti di sfruttare direttamente dal proprio sito le capacità del traduttore di Google; le lingue supportate sono al momento 13, mentre sono 29 le possibili “translation pairs”.
Come per tutti i traduttori automatici la traduzione è spesso pedestre, ma da qualche prova effettuata sono già visibili dei miglioramenti rispetto al passato, e l’annuncio di future revisioni/ampliamenti delle API in questione lascia ben sperare.

Interessante anche la possibilità di rilevare automaticamente la lingua del testo/pagina da tradurre.

Su Google Code trovate la documentazione ufficiale e le specifiche per gli sviluppatori, mentre qui trovate un’introduzione più sintetica all’uso delle API e alcuni esempi di implementazione.

Siete stanchi delle diverse centinaia di gallerie che ripropongono sempre gli stessi siti? Allora potete provare a dare un’occhiata ad Oriental Gallery, una web gallery che ospita solo siti orientali.

Benchè il progetto sia evidentemente ancora giovane (tutta la selezione occupa “appena” 12 pagine, contro le centinaia/migliaia delle gallerie più famose), vale comunque la pena di dargli un’occhiata, si possono ricavare delle ispirazioni interessanti.

Chi sviluppa in Ajax sa bene quanto sia importante, durante l’esecuzione di un’operazione lato server (ad esempio la ricerca all’interno di un database), far capire all’utente che deve attendere il termine del processo.

Per fare questo si può ricorrere alla semplice visualizzazione di una scritta, come “Loading…, “Caricamento in corso…”, “Attendere prego…”, oppure si può optare per l’inserimento di una gif animata. In questo caso con un po’ di impegno troveremo in giro per la rete diverse raccolte già pronte, ma se vogliamo risparmiare tempo possiamo utilizzare Ajaxload, un servizio web 2.0 che ci permette di scegliere tra una gamma di diverse gif di caricamento e di personalizzarle nel colore e nello sfondo (impostabile anche su trasparente).

In pochi secondi potremo così ottenere la nostra gif e personalizzarla per renderla adatta allo schema di colori del sito o dell’applicazione su cui stiamo lavorando.

Chi non conosce il famosissimo Lightbox, lo script leggerissimo, elegante e cross-browser che permette di visualizzare un’immagine in un box che si sovrappone alla pagina?

Questo che vi proponiamo oggi, seppure tecnicamente abbastanza diverso, produce un effetto grafico abbastanza simile.
Ha però una peculiarità importantissima: permette di visualizzare non solo immagini in qualunque formato, ma anche video in vari formati, testo (con tanto di tag HTML) e addirittura siti esterni.

Lo script è scaricabile a questo indirizzo, dove trovate anche la relativa documentazione e una demo. E’ compatibile con i principali browser e richiede il framework Mootools per poter funzionare.

Premessa:
L’articolo che state per leggere è una libera traduzione del post “10 ways to get design approval” pubblicato da Paul Boag su 24ways. Boag suggerisce 10 punti dei quali tener conto nei rapporti col cliente; un breve elenco che può risultare molto utile per chi muove i primi passi nel mondo del web design.

Leggi tutto »

Una tendenza molto diffusa negli ultimi tempi è quella di inserire nelle proprie pagine delle aree a scomparsa, che possono essere espanse/ridotte per visualizzare ulteriori informazioni. Questa pratica, oltre ad aggiungere (se ben realizzata) un elemento di originalità al proprio design, presenta dei vantaggi anche dal punto di vista comunicativo: permette infatti di nascondere informazioni superflue, favorendo la concentrazione del visitatore su quello che è il messaggio principale contenuto nella pagina.

L’immagine all’inizio del post rappresenta un esempio di utilizzo di questa tecnica. Toggle, web agency londinese, ha infatti utilizzato questa tecnica nel suo nuovo sito per nascondere i servizi destinati ai clienti.

Vediamo ora come realizzare un effetto simile sfruttando Mootools e una semplice funzione javascript.
Leggi tutto »

Se siete soliti utilizzare Photoshop per creare il design del vostro sito, una delle risorse che troverete maggiormente utili saranno i pennelli (”brushes” in inglese) da importare nel programma.

Oggi vogliamo segnalarvi il sito PS Brushes.
La grafica essenziale non deve trarre in inganno: è una delle raccolte più complete di pennelli per Photoshop, e soprattutto… è completamente gratuito!
Notevole anche la qualità del materiale proposto, si nota che è una raccolta realizzata con una certa cura.

Link: PSBrushes.net

Nel bene o nel male, i CSS sono ormai entrati a fare parte dell’esperienza quotidiana di un buon web designer. Oggi vogliamo suggerirvi alcuni trucchi per semplificare il lavoro e per produrre un foglio di stile facilmente leggibile e modificabile (caratteristica estremamente importante non solo nell’eventualità di doverlo modificare in futuro, ma soprattutto nel caso in cui si rilasci un template o comunque un lavoro sul quale dovranno mettere le mani altre persone).

Leggi tutto »