{"id":1238,"date":"2013-10-22T12:37:31","date_gmt":"2013-10-22T19:37:31","guid":{"rendered":"http:\/\/www.laurenwood.org\/anyway\/?p=1238"},"modified":"2013-10-22T12:37:31","modified_gmt":"2013-10-22T19:37:31","slug":"spaghetti-with-html-and-css","status":"publish","type":"post","link":"https:\/\/www.laurenwood.org\/anyway\/2013\/10\/spaghetti-with-html-and-css\/","title":{"rendered":"Spaghetti with <span class=\"caps\">HTML<\/span> and&nbsp;<span class=\"caps\">CSS<\/span>"},"content":{"rendered":"<p>I see the dis\u00adcus\u00adsion about how best to struc\u00adture your <span class=\"caps\">HTML<\/span>+<span class=\"caps\">CSS<\/span> to be both appeal\u00ading to the read\u00ader and easy to  main\u00adtain is con\u00adtinu\u00ading; see <a href=\"http:\/\/www.symphonious.net\/2013\/10\/22\/the-semantic-css-debate\/\">The Semant\u00adic <span class=\"caps\">CSS<\/span> Debate<\/a> for some of it and links to more. What par\u00adtic\u00adu\u00adlarly struck me was this sentence:&nbsp;<\/p>\n<blockquote><p>I now find myself act\u00adively advoc\u00adat\u00ading against lib\u00adrar\u00adies like boot\u00adstrap due to the long term main\u00adtain\u00adab\u00adil\u00adity issues their approach to <span class=\"caps\">CSS<\/span> causes.<\/p><\/blockquote>\n<p>On the sur\u00adface, this appears to be one issue that tem\u00adplat\u00ading sys\u00adtems can help solve. Wheth\u00ader you use <span class=\"caps\">XSLT<\/span> to gen\u00ader\u00adate a web site from Word doc\u00adu\u00adments or <span class=\"caps\">XML<\/span>, or some\u00adthing like <a href=\"http:\/\/jekyllrb.com\/\">Jekyll<\/a> (which I use for the <a href=\"http:\/\/www.textuality.com\">Tex\u00adtu\u00adal\u00adity<\/a> web site), or a data\u00adbase-driv\u00aden sys\u00adtem, to gen\u00ader\u00adate the site, you should be able use both a frame\u00adwork such as <a href=\"http:\/\/getbootstrap.com\/\">boot\u00adstrap<\/a> and your semant\u00adic con\u00adtent. You do have to be pre\u00adpared to put in an inter\u00adme\u00addi\u00adate step, that of gen\u00ader\u00adat\u00ading the out\u00adput from the input and plan in advance for the fact that you may wish to switch from format a to format b.<\/p>\n<p>This seems to me to be a logic\u00adal way of doing things, or maybe it\u2019s simply because I\u2019m steeped in the idea of cre\u00adat\u00ading the data in a format that can be trans\u00adformed to an appro\u00adpri\u00adate out\u00adput format. This idea does make the choice of out\u00adput format (in this case pre\u00adcisely which <span class=\"caps\">HTML<\/span> + <span class=\"caps\">CSS<\/span> frame\u00adwork to use) some\u00adwhat less daunt\u00ading, or rather, the cost of chan\u00adging it later some\u00adwhat less (although not neg\u00adli\u00adgible since the trans\u00adform\u00ada\u00adtion sys\u00adtem  needs to be changed).<\/p>\n<p>Dis\u00adclaim\u00ader: yes, I do write my blog posts using pointy brack\u00adets. Word\u00adPress provides a tem\u00adplat\u00ading sys\u00adtem which enables chan\u00adging styles fairly read\u00adily; all I write by hand is the con\u00adtent with\u00adin the main con\u00adtent&nbsp;block.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I see the dis\u00adcus\u00adsion about how best to struc\u00adture your <span class=\"caps\">HTML<\/span>+<span class=\"caps\">CSS<\/span> to be both appeal\u00ading to the read\u00ader and easy to main\u00adtain is con\u00adtinu\u00ading; see The Semant\u00adic <span class=\"caps\">CSS<\/span> Debate for some of it and links to more. What par\u00adtic\u00adu\u00adlarly struck me was this sen\u00adtence:&nbsp; I now find myself act\u00adively advoc\u00adat\u00ading against lib\u00adrar\u00adies like boot\u00adstrap due \u2026 <a href=\"https:\/\/www.laurenwood.org\/anyway\/2013\/10\/spaghetti-with-html-and-css\/\" class=\"more-link\">Con\u00adtin\u00adue read\u00ading<span class=\"screen-reader-text\"> \u201cSpa\u00adghetti with <span class=\"caps\">HTML<\/span> and&nbsp;<span class=\"caps\">CSS<\/span>\u201d<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"","activitypub_status":"","footnotes":""},"categories":[6,105],"tags":[],"class_list":["post-1238","post","type-post","status-publish","format-standard","hentry","category-technology","category-xml"],"_links":{"self":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts\/1238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/comments?post=1238"}],"version-history":[{"count":3,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts\/1238\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts\/1238\/revisions\/1241"}],"wp:attachment":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/media?parent=1238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/categories?post=1238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/tags?post=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}