Categories: sviluppo web

Html5 e Blueprintcss

Il desiderio di iniziare a marcare i propri siti in html5 è sempre più urgente per tanti di noi, anche se la “vecchia” marcatura sarà tra noi ancora per molti anni.
Gli innumerevoli problemi di (retro)compatibilità – specialmente per quanto riguarda il browser dalla e azzurra – possono essere in parte tamponati adottando le numerose soluzioni note a tutti gli sviluppatori.
La mia esigenza è quella di sfruttare la completezza semantica dell’html5, ma senza rinunciare alle mie amate griglie.

Ho usato e uso molti framework differenti: 960, BlueprintCss, Less. Sono conscio del fatto che classi con nome quali span oppure column non siano il massimo sotto il profilo della semantica, tuttavia il rigore delle griglie e la conseguente pulizia dei layout (oltre alla velocità di sviluppo che consentono) le rende una scelta per me quasi obbligata.
Per unire le due cose (marcatura html5 e grglia) ho deciso di utilizzare, in prima battuta, HTML5Boilerplate e BluePrintCss. Il risultato? Funziona, e in pochi passi molto semplici.
Scarico la versione “minima” (stripped) di HTML5Boilerplate e l’ultima versione di BluePrintCss.
Posso tranquillamente usare la pagina demo di html5boilerplate come modello di pagina di base.
Unica accortezza, il collegamento al foglio di stile style.css di HTML5Boilerplate deve venire dopo quelli di BluePrintCss.
Per il resto, marco tutto in HTML5 e per le griglie come al solito, usando i consueti div.
Funziona tutto senza problemi, anche con Internet Explorer.

paolo

Share
Published by
paolo

Recent Posts

Clustering delle keyword: raggruppare migliaia di query con K-means e clustering gerarchico

Capita spesso che si esporti l'elenco delle keyword da Search Console o da un tool,…

1 mese ago

CTR atteso vs reale: trovare le pagine che rendono meno della loro posizione

Chi passa le giornate dentro Search Console conosce bene una situazione di questo tipo: una…

1 mese ago

Naive Bayes: classificare l’intento delle query con il teorema di Bayes

Nell'articolo sul multi-armed bandit abbiamo usato Bayes per decidere fra varianti: spostare il traffico verso…

1 mese ago

Multi-armed bandit: ottimizzare le varianti mentre il test è ancora in corso

Nell'articolo sull'A/B test bayesiano abbiamo confrontato due varianti a campione fisso: si raccolgono i dati…

1 mese ago

A/B test bayesiano: non solo “se” B è meglio di A, ma “di quanto”

Abbiamo avuto modo di esaminare, nell'articolo sull'A/B testing classico, come confrontare due varianti con il…

1 mese ago

Stima bayesiana di un conversion rate: quanto possiamo fidarci dei pochi dati che abbiamo

Abbiamo avuto modo di esaminare, nell'articolo sulle fondamenta della statistica bayesiana, come l'aggiornamento bayesiano funzioni…

1 mese ago