Archive for the ‘html/xhtml’ Category

Featured List – una vetrina in jQuery

Feature List è un semplice plugin di jQuery che rende semplice e facile la creazione di un widget “Vetrina” da inserire nelle homepage dei vostri blog o in un normale sito web.
Il file .js è leggerissimo di appena 2k ed il codice può essere utilizzato per contenitori multipli e il funzionamento è simile a quello [...]

More »

Masonry un plugin jquery per layout

Masonry è plugin jquery per layout. Pensato come il rovescio della medaglia di CSS float. Considerando che riorganizza gli elementi float prima orizzontalmente poi verticalmente, secondo una griglia. Il risultato minimizza gli spazi verticali tra elementi di diversa altezza.
L’utilizzo di Masonry è estremamente  semplice basta collegare al funzione masonry() all’elemento wrapper del layout. A seconda [...]

More »

Raggruppare le opzioni in una select con optgroup

Potrebbe essere utile durante la fase di sviluppo, il raggruppamento delle varie opzioni di una select.
Per fare questo si può ricorrere all’elemento optgroup. Per dare un etichetta al gruppo viene utilizzato l’attributo label.
Di seguito un esempio:
<label for=”cars”>Choose a car brand:</label>
<select name=”cars” id=”cars”>
<option value=”none”>None</option>
<optgroup label=”Swedish”>
<option value=”saab”>Saab</option>
<option value=”volvo”>Volvo</option>
</optgroup>
<optgroup label=”French”>
<option value=”citroen”>Citroën</option>
<option value=”peugeot”>Peugeot</option>
<option value=”renault”>Renault</option>
</optgroup>
</select>
Ecco come il browser visualizzerà il [...]

More »

Modulo contatti con Ajax, jQuery e Php

Fornire un mezzo semplice e affidabile di feedback o di contatto da parte dei visitatori del sito è una parte fondamentale di un sito web, quindi possiamo dedicare qualche minuti in più per la sua realizzazione e cercare di renderla accattivante e funzionale.
In questo tutorial viene spiegato passo passo come realizzare un modulo di [...]

More »

Inserire le demo di uno script all’interno di una pagina con inFrame

Quando si descrive una tecnica o un effetto in javascript o in css molto spesso si ricorre ad un link per visualizzare la demo in modo da non dover inserire all’interno della pagina nell’header ulteriori file che potrebbero andare in conflitto fra di loro.
Itilizzando inFrame il lettore non dovrà cambiare pagina per visualizzare la demo, [...]

More »

Quick Tip: Non creare mai link vuoti

Ogni volta che inserisci un link in una pagina web, accertati che esso abbia contenuto. Sembra una cosa ovvia ma sul web proliferano link che non contengo testo all’interno.
Questi links di solito si presentano in questa forma:
<a href=”http://example.com/” accesskey=”0″></a>
<a href=”http://example.com/”><img src=”image.gif” alt=”"></a>
Nel primo caso il link è invisibile a chiunque ma può essere attivato attraverso [...]

More »