{"id":212,"date":"2012-02-20T16:15:03","date_gmt":"2012-02-20T15:15:03","guid":{"rendered":"http:\/\/gironi.it\/blog\/?p=212"},"modified":"2024-09-20T14:10:08","modified_gmt":"2024-09-20T13:10:08","slug":"html5-e-blueprintcss","status":"publish","type":"post","link":"https:\/\/www.gironi.it\/blog\/html5-e-blueprintcss\/","title":{"rendered":"Html5 e Blueprintcss"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-434\" src=\"http:\/\/www.gironi.it\/blog\/wp-content\/uploads\/2012\/02\/logo-html.png\" alt=\"logo-html\" width=\"128\" height=\"128\" \/>Il desiderio di iniziare a marcare i propri siti in html5 \u00e8 sempre pi\u00f9 urgente per tanti di noi, anche se la &#8220;vecchia&#8221; marcatura sar\u00e0 tra noi ancora per molti anni.<br \/>\nGli innumerevoli problemi di (retro)compatibilit\u00e0 &#8211; specialmente per quanto riguarda il browser dalla e azzurra &#8211; possono essere in parte tamponati adottando le numerose soluzioni note a tutti gli sviluppatori.<br \/>\nLa mia esigenza \u00e8 quella di sfruttare la completezza semantica dell&#8217;html5, ma senza rinunciare alle mie amate griglie.<!--more--><\/p>\n<p>Ho usato e uso molti framework differenti: <a title=\"960 Framework\" href=\"http:\/\/960.gs\/\" target=\"_blank\" rel=\"noopener\">960<\/a>, <a title=\"BluePrintCss\" href=\"http:\/\/blueprintcss.org\/\" target=\"_blank\" rel=\"noopener\">BlueprintCss<\/a>, <a title=\"Less\" href=\"http:\/\/lessframework.com\/\" target=\"_blank\" rel=\"noopener\">Less<\/a>. Sono conscio del fatto che classi con nome quali <em>span<\/em> oppure <em>column<\/em> non siano il massimo sotto il profilo della semantica, tuttavia il rigore delle griglie e la conseguente pulizia dei layout (oltre alla velocit\u00e0 di sviluppo che consentono) le rende una scelta per me quasi obbligata.<br \/>\nPer unire le due cose (marcatura html5 e grglia) ho deciso di utilizzare, in prima battuta, <a title=\"HTML5 Boilerplate\" href=\"http:\/\/html5boilerplate.com\/\" target=\"_blank\" rel=\"noopener\">HTML5Boilerplate<\/a> e BluePrintCss. Il risultato? Funziona, e in pochi passi molto semplici.<br \/>\nScarico la versione &#8220;minima&#8221; (stripped) di HTML5Boilerplate e l&#8217;ultima versione di BluePrintCss.<br \/>\nPosso tranquillamente usare la pagina demo di html5boilerplate come modello di pagina di base.<br \/>\nUnica accortezza, il collegamento al foglio di stile style.css di HTML5Boilerplate deve venire <strong>dopo quelli di BluePrintCss<\/strong>.<br \/>\nPer il resto, marco tutto in HTML5 e per le griglie come al solito, usando i consueti div.<br \/>\nFunziona tutto senza problemi, anche con Internet Explorer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il desiderio di iniziare a marcare i propri siti in html5 \u00e8 sempre pi\u00f9 urgente per tanti di noi, anche se la &#8220;vecchia&#8221; marcatura sar\u00e0 tra noi ancora per molti anni. Gli innumerevoli problemi di (retro)compatibilit\u00e0 &#8211; specialmente per quanto riguarda il browser dalla e azzurra &#8211; possono essere in parte tamponati adottando le numerose &hellip; <a href=\"https:\/\/www.gironi.it\/blog\/html5-e-blueprintcss\/\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> &#8220;Html5 e Blueprintcss&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[1015],"tags":[],"class_list":["post-212","post","type-post","status-publish","format-standard","hentry","category-sviluppo-web-it"],"lang":"it","translations":{"it":212},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"paolo","author_link":"https:\/\/www.gironi.it\/blog\/author\/paolo\/"},"uagb_comment_info":0,"uagb_excerpt":"Il desiderio di iniziare a marcare i propri siti in html5 \u00e8 sempre pi\u00f9 urgente per tanti di noi, anche se la &#8220;vecchia&#8221; marcatura sar\u00e0 tra noi ancora per molti anni. Gli innumerevoli problemi di (retro)compatibilit\u00e0 &#8211; specialmente per quanto riguarda il browser dalla e azzurra &#8211; possono essere in parte tamponati adottando le numerose&hellip;","_links":{"self":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":1,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/212\/revisions"}],"predecessor-version":[{"id":3214,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/212\/revisions\/3214"}],"wp:attachment":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/media?parent=212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/categories?post=212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/tags?post=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}