Michele Bologna

Tag: guide

  • HTML5 e CSS avanzato: una guida per (re)-impararli

    Nonostante HTML5 sia ancora un release candidate al momento della scrittura di questo post, molte delle peculiarità del linguaggio sono supportate dai browser più evoluti (Chrome, Safari, Firefox, Opera ed IE10).

    Ho deciso di fare un ripasso delle principali istruzioni di typesetting (e di imparare anche i nuovi tag) presenti in HTML5 e delle principali proprietà presenti in CSS. Per questo ripasso mi sono affidato a due guide ben scritte da Shay Howe:

    • Guida base HTML/CSS (comprende anche HTML5 e CSS3). Non fatevi ingannare dalla presenza della parola “base”, perché i concetti esposti sono tutt’altro che base. Per esempio, grazie a questa guida ho ripassato il box-model e il posizionamento degli elementi in CSS [vi ricordate la differenza tra static, relative, absolute e fixed?]. Segnalo anche la presenza della guida ai gradienti CSS3, un’esauriente carrellata di tutte le lists [sapete usare una definition list?], i nuovi controlli per i form in HTML5, gli onnipresenti nuovi tag per audio/video ed infine le tabelle [sapete cos’è la property border-collapse?];
    • Guida avanzata HTML/CSS. Dopo aver assimilato i concetti presenti nella guida precedente, in questa guida segnalo alcuni concetti interessanti come gli sprite CSS, i selettori CSS composti (:nth-child), i preprocessori HTML e CSS (haml e SASS).

    Entrambe le guide sono ben fatte e ricche di consigli preziosi come la minification, l’abilitazione di mod_gzip e tante altre informazioni utili. Da salvare nei bookmark!

  • La guida di Google al SEO

    Segnalo che Google ha rilasciato una guida ufficiale al SEO (Search Engine Optimization) contenente tutti i consigli per i webmaster. La guida non è particolarmente lunga (32 pagine) ed è molto semplice (starter guide).

    I consigli forniti da Google sono molto utili e conosciuti, ma non fa mai male leggere quello che Google consiglia per promuovere il proprio sito. In particolare, segnalo:

    • l’utilizzo corretto del tag <title>
    • utilizzo dei meta tag (più specificatamente il tag description)
    • URL structure “parlante” (es. michelebologna.net/2010/keywords)
    • avere un contenuto sempre aggiornato (pubblicare spesso)
    • usare testi corretti negli tag anchor (“clicca <a href=”..”>qui</a>” è un orrore semplice da non commettere)
    • inserire sempre l’alt nelle immagini! (serve per gli screen reader)
    • gestire correttamente i robots.txt
    • creare correttamente le sitemap per i motori di ricerca (sitemap.xml)
    • progettare un contenuto separato per dispotivi mobili

    In definitiva, una lettura consigliata per tutti i webmaster e per chi si occupa di SEO.

    Official Google Webmaster Central Blog: SEO Starter Guide updated.