Come limitare i caratteri in una textarea?

Molti di noi si sono certamente scontrati con l’impossibilità di limitare il numero di caratteri in una textarea, non esistendo l’attributo maxlength per questo tag. In questo articolo ti mostrerò una soluzione basata su jQuery funzionale e soprattutto usabile.

Il principio che vedremo consiste nel contare il numero di caratteri presenti nella textarea ad ogni rilascio di tasto evitando che ne vengano inseriti più di quelli consentiti. Parallelamente calcoleremo la differenza tra il numero massimo di caratteri consentiti ed il numero attuale, informando così in tempo reale l’utente sulla quantità di caratteri ancora a disposizione. Il risultato finale lo puoi vedere in questa pagina di esempio. || Leggi altro »

Come mostrare se stessi nel proprio sito web: consigli e tendenze

tendenze

Due righe scarse di descrizione, magari una piccola foto formato francobollo e un curriculum in pdf da scaricare: ormai la classica sezione “About” dei nostri siti, così sobria, quasi scarna, non ci basta più.  Adesso vogliamo farci vedere a tutto...

49 commenti

Oggi sei tu il protagonista

Oggi sei tu il protagonista

In questo weekend vogliamo renderti protagonista. Vorremmo capire chi è il popolo di Your Inspiration Web.  Come? Abbiamo preparato alcune domande (pochissime, sono cinque in tutto e ti porteranno via solo un minuto del tuo tempo) cui rispondendo in prima...

15 commenti

JavaScript – La mia prima animazione (parte 1)

JavaScript – La mia prima animazione (parte 1)

É vero, l'abbiamo già detto svariate volte che reinventare la ruota non è sempre la scelta più giusta, tuttavia, in alcuni casi, può essere sinonimo di arricchimento del proprio bagaglio personale di esperienze e di conoscenze. jQuery, MooTools, Prototype, DoJo...

15 commenti

Come convertire un layout XHTML in un template Joomla?

Joomlacorporate

In questo articolo vedremo come è possibile, partendo da un layout XHTML esistente, realizzare un template per Joomla in pochi semplici passi. Utilizzeremo il layout corporate/business realizzato da Sara e ripreso in seguito anche da Giustino in un articolo in cui...

47 commenti

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

Nella prima parte di questo articolo abbiamo visto come esportare, utilizzando lo strumento "sezioni" di Photoshop, i vari componenti del nostro layout "YIW Corporate". Oggi ti "sporcherai le mani" con il codice: vedremo come realizzare il markup per tale layout,...

17 commenti

Go!WebDesign: Seconda Edizione 5 Giugno 2010 Roma

Go!WebDesign: Seconda Edizione 5 Giugno 2010 Roma

Oggi vogliamo dedicare uno spazio per la promozione di un evento davvero interessante nel panorama del web design italiano. Dopo il gran successo della prima edizione, il Workshop Go!WebDesign organizzato da JuliusDesign sbarca a Roma, evento dedicato alle tecniche e...

2 commenti

Gli stili nel webdesign: le caratteristiche dello stile vintage

articolistiliwebdesign

Continuiamo con la nostra rubrica sugli stili del webdesign; il quarto stile di cui ci occupiamo e’ il mio preferito: il vintage. Ma che cosa e’ lo stile vintage, da dove nasce e soprattutto, quali sono i suoi tratti distintivi?...

33 commenti

Vuoi implementare delle funzionalità in ajax ma non sai come fare?

Vuoi implementare delle funzionalità in ajax ma non sai come fare?

Ajax è sempre più diffuso e presente nei siti web, a volte anche dove non è necessario, ma del resto questo capita un po' con tutto. Se sei affascinato da questa tecnologia ma non sai da dove iniziare, questo articolo...

20 commenti

Come creare un’area riservata in 5 minuti?

apache1

Ti sarà certamente capitato di dover realizzare un'area riservata nel tuo sito. Se non hai necessità particolari a livello di gestione ed il tuo bisogno è limitato al richiedere dei dati di autenticazione per poter accedere ad una cartella, è...

26 commenti

WordPress 3.0: quali sono le novità?

WordPress 3.0: quali sono le novità?

Qualche giorno fa è stata rilasciata la nuova versione 3.0 (beta 1) di WordPress, il rilascio della versione definitiva è previsto per il primo maggio giorno in cui si svolgerà il wordcump a San Francisco. Questa nuova versione di WordPress...

40 commenti

Come progettare un buon restyling? consigli ed esempi

redesign

************************************************** Qualche giorno fa Smashing Share ha pubblicato un mio articolo (un guest post, per intenderci) che ha come argomento consigli ed esempi per un buon restyling di un sito web. Personalmente ritengo che questo argomento sia decisamente stimolante percio'...

14 commenti

CSS: come utilizzare la proprietà z-index?

jqueryphp1

Un paio di settimane addietro abbiamo analizzato l’utilizzo delle proprietà CSS relative al posizionamento degli elementi all’interno di un documento. Nel dettaglio abbiamo visto come si utilizza il posizionamento assoluto e come opera il posizionamento fisso. In quest’ultimo articolo abbiamo...

12 commenti

Come personalizzare le pagine di errore del sito?

Come personalizzare le pagine di errore del sito?

Uno dei tanti aspetti da non trascurare durante la realizzazione di un sito web, riguarda le pagine di errore. Cosa succede se un utente inserisce nell'url il nome di una pagina che non esiste? Compare la pagina standard di Apache...

16 commenti

Marzo: suggerimenti dalla redazione

Marzo: suggerimenti dalla redazione

  Eccoci nuovamente al nostro appuntamento mensile con i "suggeriti dalla redazione". Come sono andate le vacanze di Pasqua? Hai fatto incetta di colombe e cioccolata? Bene: dato che il rientro ai soliti impegni, dopo qualche giorno di relax, puo'...

15 commenti

Buona Pasqua a tutti i nostri lettori

Buona Pasqua a tutti i nostri lettori

Lo Staff di Your Inspiration Web vuole augurare a tutti i suoi lettori una serena Pasqua: prendiamoci due giorni liberi per festeggiare con i nostri cari e torniamo su queste pagine Martedì 6 Aprile con i "Preferiti della Redazione", una raccolta...

10 commenti

And the winner is…

And the winner is…

Due settimane fa t’avevamo chiesto, tra alcuni spot pubblicitari di tre prodotti differenti, d’indicarci quello che maggiormente aveva colpito la tua attenzione e che, a prescindere delle abitudini di consumo personali, meglio vendeva la propria immagine attraverso i 30 secondi di...

2 commenti

Come realizzare un template Joomla? (seconda parte)

joomla2

Nella prima parte dell'articolo sulla creazione di template per Joomla, ci siamo lasciati con una bozza di template. Abbiamo visto come impostare il lavoro e come creare e posizionare i moduli. Ora andremo ad agire sul foglio di stile per...

64 commenti

Da Psd a Xhtml: come sezionare un layout con Photoshop?

psdtoxhtml

Una delle attività più frequenti quando si lavora sul web è l'esportazione di un layout da un'immagine a codice XHTML+CSS. Purtroppo (e per fortuna) non esistono ancora strumenti validi per automatizzare questo compito, per cui tutto si rifà all'abilità ed...

27 commenti