Articoli Taggati ‘Xhtml’

Guida HTML5: il Canvas – Parte 4

Benvenuto alla quarta e ultima parte di questa guida dedicata al Canvas. Oggi tratteremo alcune tecniche avanzate che ci permetteranno di gestire le ombre, i pattern, i gradient e di modificare immagini. || Leggi altro »

Guida HTML5: il Canvas – Parte 3

Benvenuto alla terza parte di questa guida dedicata al Canvas. Ora che conosciamo tutti i meccanismi di base che regolano questo strumento, possiamo cominciare a creare qualcosa di più complesso e decisamente più interessante come un rudimentale programma di disegno....

2 commenti

HTML5 si può usare per i siti accessibili?

Premessa: questo articolo è rivolto unicamente a chi avrà a che fare con la Pubblica Amministrazione nei prossimi mesi, speriamo non anni, in cui ancora HTML5 non è considerato lo standard da seguire. Poiché molti hanno frainteso le mie parole,...

10 commenti

Guida HTML5: introduzione

In questo primo articolo della guida dedicata all’HTML5, delineeremo il contesto storico nel quale nasce il linguaggio, differenziando i vari standard, elencando le maggiori novità introdotte e analizzando i principi che regolano l’adozione delle nuove regole. Questa guida è adatta...

32 commenti

L’importanza del markup semantico

“Nel markup, la semantica riguarda il significato di un elemento e come questo elemento descrive il suo contenuto.” Molly E. Holzschlag Oggi voglio parlarti dell'importanza dell'utilizzo della semantica nella redazione di un documento (x)html. Ogni tag è stato progettato allo...

15 commenti

jQuery – Creazione di form con label animate

jQuery – Creazione di form con label animate

Anche in questo articolo, ed ancora una volta, integreremo nel nostro sito un effetto semplice e carino utilizzando poche righe di JavaScript, grazie alla libreria jQuery. Questa volta, realizzeremo dei Label animati, che accompagneranno l’utente nella compilazione dei form; in...

16 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

Pillole CSS: come realizzare un layout fisso a due colonne?

Con l'introduzione dei framework CSS come 960gs, o Blueprint, realizzare layout con CSS è diventato davvero semplice. L'unica pecca che affligge questi framework è anche il loro punto di forza: nascondere le implementazioni all'utente, permettendo di realizzare layout complessi utilizzando...

14 commenti

CSS3: Come implementare alcuni moduli anche su Internet Explorer?

Nello scorso articolo abbiamo avuto modo di approfondire un modulo CSS avanzato come il @font-face che, tra le varie caratteristiche positive, aveva soprattutto la piena compatibilità con Internet Explorer. @font-face però è un modulo del CSS 2.1. Come si comporta...

5 commenti

Come utilizzare font non standard su un sito web?

Ogni nuova scoperta nell'ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer. Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del...

36 commenti

CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?

I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript. Dal 1996 (anno...

19 commenti

Web design elements: i form (le basi)

Web design elements: i form (le basi)

I form sono l'anima di Internet. Senza questi elementi, il Web così come lo conosciamo oggi non esisterebbe. Pensa ai siti di ecommerce,ai pannelli di amministrazione, social network, blog (e relativi commenti), senza form. Ma, come capita spesso, le cose...

10 commenti

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

Il nostro compito in questa lezione sarà di dissezionare e in seguito di ricomporre il sito come in un puzzle della Clementoni, utilizzando i fogli di stile e l’(x)html. È una delle parti più appassionanti del lavoro perché ti permette...

48 commenti

Conosci questi modi di utilizzo dei selettori css? (Parte 1)

Conosci questi modi di utilizzo dei selettori css? (Parte 1)

Argomento trascurato da molti sviluppatori, il buon uso dei selettori separa il professionista dal web-designer improvvisato. I CSS o fogli di stile, come saprai, servono a definire il modo in cui il contenuto del nostro documento verrà visualizzato dai vari...

13 commenti

E se qualcuno dicesse che i tuoi documenti XHTML non sono altro che HTML non valido?

E se qualcuno dicesse che i tuoi documenti XHTML non sono altro che HTML non valido?

Se sei uno sviluppatore web, avrai sicuramente sentito parlare di XHTML, la "nuova" versione di HTML. E avrai sicuramente assistito a questa corsa agli standard: i sintomi sono piccoli badges in fondo ai siti di tutte le fogge e le...

15 commenti

I 10 errori più comuni nella realizzazione di un sito web

I 10 errori più comuni nella realizzazione di un sito web

Nelle fasi di progettazione e di realizzazione di un sito web è facile, soprattutto per chi è alle prime armi, commettere qualche errore. Generalmente si tratta di sbagli poco gravi, ma che per la loro correzione richiedono la perdita di...

12 commenti