FlepStudio logo

HTML 5 Blog con Tutorials e risorse per web developers

Immagini multiple di sfondo con CSS 3

da admin on 18 marzo 2011

CSS3 offre la possibilità di applicare immagini di sfondo multiple su un elemento (separate da virgola), a differenza di un solo come definito CSS 2.1. Supportato da Safari 1.3+, Chrome 2+, Firefox 3.6+, Opera 10.5+, IE 9 beta. Esempio: body { background: url(image1.png) no-repeat top left, url(image2.png) repeat-x bottom left, url(image3.png) repeat-y top right; }

{ 0 comments }

Nuovi elementi semantici in HTML5

da admin on 17 marzo 2011

HTML5 implementa una serie di nuovi elementi semantici. I seguenti elementi sono definiti dalle specifiche HTML5: <section> L’elemento section rappresenta una generica sezione di un documento o applicazione. Una sezione, in questo contesto, è un raggruppamento tematico di contenuti, in genere con un titolo. Esempi di sezioni sono capitoli, i varie pagine a schede in [...]

{ 0 comments }

Bubbling di eventi con Javascript

da admin on 17 dicembre 2010

Quando si fa clic su una pagina web, non si clicca solo sul documento, probabilmente si sta cliccando anche un link, o forse un elemento div. Nella maggior parte dei casi, non dobbiamo preoccuparci del recipiente, compreso il link, perché molto probabilmente abbiamo impostato un gestore di eventi per solo un elemento. Cosa succede, però, [...]

{ 0 comments }

Applicazioni Web offline-non in linea

da admin on 16 dicembre 2010

Leggere pagine web statiche offline è facile: connettersi a Internet, caricare una pagina web, disconnettersi da Internet e leggere la pagina web a nostro tempo libero. Ma che dire di applicazioni web come Gmail o Google Docs, quando non sei in linea? Grazie ad HTML5, chiunque (non solo Google!) Può costruire un’ applicazione web che [...]

{ 0 comments }

Archiviazione locale

da admin on 15 dicembre 2010

HTML5 Storage fornisce un modo per memorizzare le informazioni di un sito web sul tuo computer e recuperarle in seguito. Il concetto è simile ai cookie, ma è progettato per grandi quantità di informazioni. I cookie sono di limitate dimensioni, e il browser li invia al web server ogni volta che chiede una nuova pagina [...]

{ 0 comments }

Animare le proprietà CSS con jQuery

da admin on 14 dicembre 2010

E ‘tempo di introdurre una funzione di jQuery molto emozionante, utilmente chiamata animate(), che consente di animare tutta una serie di proprietà CSS, raggiungendo alcuni splendidi effetti. Diamo un’occhiata a un esempio della funzione animate() in azione: $(‘p’).animate({ padding: ’20px’, borderBottom: ’3px solid #8f8f8f’, borderRight: ’3px solid #bfbfbf’ }, 2000); Questo codice anima tutti i [...]

{ 0 comments }

jQuery fornisce due opzioni quando si devono selezionare elementi dal DOM. Entrambe le opzioni richiedono l’uso della funzione di jQuery (jQuery () o alias $()). La prima opzione, che usa i selettori CSS, è di gran lunga la più utilizzata e più eloquente soluzione. Passando alla funzione jQuery una stringa contenente un’espressione selettore, la funzione [...]

{ 0 comments }

Il metodo filtro di jQuery, utilizzato su un insieme di wrapper di elementi DOM, può escludere elementi che non corrispondono a un’espressione specificata . In breve, il metodo filter() consente di filtrare il set corrente di elementi. Questa è una distinzione importante dal metodo find() di jQuery, che consentirà di ridurre un insieme di elementi [...]

{ 0 comments }

Quando passiamo un’espressione CSS alla funzione jQuery accetta anche un secondo parametro che indica alla funzione jQuery per quale contesto è opportuno ricercare gli elementi del DOM in base all’espressione. Il secondo parametro, in questo caso può essere un riferimento DOM, un wrapper jQuery oppure un documento. Nel codice riportato di seguito, ci sono 12 [...]

{ 0 comments }

Semplice menu a fisarmonica con jQuery

da admin on 7 dicembre 2010

Un menu a fisarmonica ( comunemente detto Accordion ) può essere più difficile di quel che ci si aspetta. Abbiamo visto in precedenza come un semplice sistema di menu elastico potrebbe essere implementato in poche righe di codice jQuery. E ‘quindi ragionevole supporre che l’aggiunta di un vincolo (che solo un elemento di menu può [...]

{ 2 comments }