HTML5: article e section, qual’è la differenza?

L’HTML5 ha introdotto un mucchio di nuovi tags, molti dei quali di carattere semantico. Tra questi rientrano anche gli elementi article e section, i quali potrebbero aver generato non poca confusione per via delle loro similitudini. Cerchiamo quindi di fare un po’ di chiarezza diradando la nebbia creatasi intorno a questi due tags, spiegando nella maniera più chiara possibile qual’è il loro ruolo all’interno della struttura del documento, e cos’è che li distingue nitidamente.

Continua a leggere

Le novità del CSS3: il Flexbox (seconda parte)

Nella prima parte dell’articolo avevamo discusso del Box Sizing, un’interessante proprietà che ci consente di includere padding e bordi alla dimensione di un elemento, risparmiandoci quindi “la fatica” di dover operare calcoli di sottrazione al fine di far apparire un elemento esattamente delle larghezza e altezza da noi specificate. Se hai trovato utile la novità del Box Sizing, probabilmente quella del Flexbox ti farà ancora più gola. Essa rappresenta infatti con tutta probabilità il futuro dell’impaginazione, il nuovo modo di strutturare i web layouts. Nel corso del tempo questo compito è stato affidato a proprietà sempre più moderne, spesso non progettate allo scopo primario di definire un layout, basta pensare al floating oppure al posizionamento degli elementi.

Continua a leggere

Come creare un vecchio foglio stropicciato con PS

Immaginiamo di rovistare per casa alla ricerca della nostra preziosa agenda, e di ritrovare per caso un foglietto vecchio di anni sui cui avevamo scritto un nostro appunto.. che aspetto potrebbe avere adesso? Bè, per scoprirlo possiamo tentare di ricrearlo tramite il nostro fidato programma di grafica. La guida di oggi ti mostrerà quindi come realizzare l’effetto vecchio foglio stropicciato, un risultato notevole in appena qualche passaggio. Pronto? Cominciamo!

Continua a leggere

Le novità del CSS3: il Box Sizing (prima parte)

L’HTML5 e il CSS3 ci hanno portato tante succulente novità, molte delle quali non vorremmo probabilmente più fare a meno. Se da un lato il primo ha introdotto nuovi tags per una struttura delle pagine web più pulita e ordinata, il supporto in modo nativo dei contenuti multimediali senza bisogno di plugins esterni e molto altro ancora, il CSS dal canto suo ci ha permesso nel corso del tempo un controllo sempre più esteso nella creazione dei web layouts. In quest’articolo, che suddividerò in due parti, tratteremo due delle novità più interessanti introdotte nel CSS3: il Box Sizing e il Flexbox.

Continua a leggere

Il miglior editor online HTML, CSS e JS

Al giorno d’oggi è possibile usufruire di svariati editors online che possono risparmiarci l’utilizzo di softwares a pagamento, come il noto Dreamweaver. Ho navigato a lungo per il web nel tentativo di trovarne uno in grado di soddisfare le mie esigenze, e alla fine ho fatto centro. Il suo nome? Continua a leggere l’articolo e lo scoprirai. Vediamo quindi tre fra i migliori editors online per lavorare con i linguaggi HTML, CSS e JavaScript.

Continua a leggere