Archivio per la Categoria ‘Xhtml & Css’ Category

Guida HTML5: I form – parte 2

Nella prima parte di questo capitolo dedicato ai form, siamo partiti dal creare una base in HTML4 e l’abbiamo utilizzata come punto di partenza per introdurre gradualmente le novità dall’HTML5. 

In questa seconda parte continueremo sulla stessa scia, approfondendo i concetti di focus e autofocus ed i vari metodi di validazione.

Partiamo subito!

|| Leggi altro »

Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 2: Lo slider)

01_04

Eccoci arrivati alla seconda e ultima parte della guida su due elementi molto importanti che compongono una pagina web, ovvero un menù e uno slider responsive. Oggi andremo a vedere come integrare uno slider (per la precisione, Flexslider) nel progetto...

Nessun commento

Come creare un Menu animato in CSS3 senza Javascript

31_03

Esistono molti web designer che conoscono in modo impeccabile HTML e CSS, ma hanno carenze per quanto riguarda Javascript. Per questo cercano delle soluzioni alternative alle animazioni che potrebbero ottenere con l'ausilio di javascript. Queste alternative hanno un nome: effetti...

11 commenti

Creare sfondi accattivanti tramite CSS: i gradients

28_03

I gradients sono elementi molto importanti che donano ai nostri siti uno stile sorprendente, interessante, ma soprattutto, accattivante. La novità nei gradients non sta nella possibilità di poter sfumare colori semplicemente dall'alto in basso o da destra a sinistra, queste tecniche...

13 commenti

Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 1: Il menù)

25_03

Sempre più spesso, navigando per il web, rimaniamo a bocca aperta osservando quel classico template Wordpress con uno slider a tutto schermo e le solite frasi d'effetto che si usano per favorire la cosiddetta conversione. Per non parlare di quei...

10 commenti

I tooltips nel web design: a cosa servono e come si utilizzano

24_03

Oggi voglio parlarvi dei tooltips, ovvero le finestre pop up che si aprono nel momento in cui posizioniamo il mouse su un’immagine o su un testo. Letteralmente, i tooltip o hint o infotip , sono degli elementi grafici che si...

7 commenti

Impaginiamo i contenuti in maniera intelligente con Bootstrap 3

20_03

Per chi non lo conoscesse, Twitter Bootstrap è uno dei più popolari e potenti framework front-end in circolazione; mette a disposizione classi CSS predefinite che permettono di semplificare enormemente lo sviluppo delle nostre pagine web. Probabilmente, avrete già letto altri...

19 commenti

Come realizzare la view di una HTML Mobile App con tab-bar animata

19_03

Finora abbiamo parlato di performance e fluidità di applicazioni mobile, in particolare di quali tecniche e consigli adottare per potere migliorare le prestazioni e limitare in modo considerevole le differenze tra un progetto realizzato in HTML5, CSS3 e Javascript e...

1 commento

Come realizzare uno sfondo animato originale e adatto al contesto

17_03

In passato, per rendere un sito dinamico e quindi pieno di animazioni, effetti e quant’altro, ricorrevamo quasi sempre all’aiuto di Flash e quindi dell’action script, che era forse l’unico linguaggio che ci permetteva di ottenere determinati effetti. Fortunatamente, tutto questo...

15 commenti

Guida HTML5: i form – parte 1

13_03

Nel corso di questo capitolo approfondiremo un aspetto fondamentale del web moderno: i form. L’HMTL5 non solo ha migliorato sensibilmente l’utilizzo degli elementi già presenti nei form, ma ne ha aggiunti numerosi altri. Ti sorprenderai di come adesso sia possibile...

1 commento

Guida HTML5: nuovi elementi semantici

06_03

In questo articolo scopriremo alcuni elementi di markup che sono stati rivisitati con l’introduzione di HTML5. In particolare vedremo come dare una formattazione alle date con il tag <time>, come evidenziare del testo attraverso <mark> e com’è cambiato l’output dei...

4 commenti

Sfogliare le pagine di un sito: effetti di transizione AJAX e HTML5 history api

05_03

Quante volte ci sarà capitato di voler realizzare un sito web (o anche solo una parte di esso) che godesse di effetti visuali nel passaggio da una pagina all’altra piuttosto che del semplice caricamento della pagina da raggiungere? Sicuramente molto...

15 commenti

HTML Mobile App: 5 Consigli per aumentare le performance

03_03

Negli articoli precedenti (HTML5 Mobile App: transizioni ed animazioni CSS3 parte 1 e parte 2) abbiamo visto come poter realizzare applicazioni HTML5 e Javascript con interfacce che sfruttano animazioni CSS3, e come poter controllare quest’ultime grazie agli eventi che abbiamo...

7 commenti

CSS3: ATTIVARE LE TRANSIZIONI CON JQUERY

26_02

In questo articolo vi illustrerò in che modo attivare le transizioni CSS tramite un piccolissimo codice Jquery. Come tutti immagino sappiate, le “CSS Transitions” sono delle feature introdotte con il nuovo standard CSS3 che permettono di creare delle semplici animazioni...

6 commenti

Come utilizzare i filtri CSS3 per creare immagini accattivanti

24_02

I filtri css3 sono potenti strumenti che permettono di modificare le immagini direttamente sul browser, creando effetti di transizione e animazione al passaggio del mouse sull’immagine. Il sito web diventa più accattivante perché cambiamo il modo di visualizzare il contenuto...

6 commenti

4 jQuery tricks che non potete non conoscere

19_02 (1)

jQuery. Un framework javascript talmente potente e popolare che equivale praticamente a Zend per il PHP. Sempre più siti web lo utilizzano per la sua capacità di essere sintetico ma altamente funzionale, e non se ne può più fare a...

12 commenti

HTML5 Mobile App: come gestire la connessione di rete

18_02

Ultimamente ho ricevuto molte domande inerenti la creazione di applicazioni mobile in HTML5, CSS3 e Javascript. Gran parte sono incentrate su come gestire l’assenza di connessione e su come procedere per il salvataggio dati. Oggi voglio affrontare il primo di...

4 commenti

SASS: come potenziare lo sviluppo di CSS

03_02

Negli scorso articoli, abbiamo parlato di Angular e di uno stile di sviluppo più veloce e ordinato. Per continuare sulla scia della semplicità ed efficacia per lo sviluppo delle nostre applicazioni e progetti web, non posso non introdurre l’argomento SASS...

8 commenti

AngularJS – Creare applicazioni single page

29_01

Ritorniamo con la nostra guida su Angular. Come promesso nel precedente articolo, dopo aver visto come funziona e come si utilizza Angular, possiamo procedere con la creazione di un’applicazione single-page con il framework di Google. Nel corso di questo articolo...

3 commenti