{"id":22241,"date":"2014-07-21T11:21:48","date_gmt":"2014-07-21T09:21:48","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=22241"},"modified":"2014-07-21T11:21:48","modified_gmt":"2014-07-21T09:21:48","slug":"construct-a-visual-layout-editor-based-on-blueprint-css-framework","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/","title":{"rendered":"Construct &#8211; a visual layout editor based on Blueprint CSS framework"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/constructyourcss.com\/\">Construct<\/a> &#8211; a visual layout editor based on <a href=\"http:\/\/www.blueprintcss.org\/\">Blueprint CSS framework<\/a>. \u00a0Now if only someone would build a similar tool for <a href=\"http:\/\/getbootstrap.com\/\">Twitter Bootstrap<\/a>&#8230;<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Construct &#8211; a visual layout editor based on Blueprint CSS framework. \u00a0Now if only someone would build a similar tool for Twitter Bootstrap&#8230;<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1517,3063,1190,1157,1330],"keyring_services":[],"class_list":["post-22241","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-css","tag-frameworks","tag-html","tag-web-design","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2014-07-21T09:21:48+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2014-07-21T09:21:48+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#blogposting\",\"name\":\"Construct \\u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov\",\"headline\":\"Construct &#8211; a visual layout editor based on Blueprint CSS framework\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#articleImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"},\"datePublished\":\"2014-07-21T11:21:48+02:00\",\"dateModified\":\"2014-07-21T11:21:48+02:00\",\"inLanguage\":\"en-US\",\"commentCount\":1,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#webpage\"},\"articleSection\":\"All, Technology, Web work, CSS, frameworks, HTML, web design, web development, Link\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"position\":3,\"name\":\"Web work\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#listItem\",\"name\":\"Construct &#8211; a visual layout editor based on Blueprint CSS framework\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#listItem\",\"position\":4,\"name\":\"Construct &#8211; a visual layout editor based on Blueprint CSS framework\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/\",\"name\":\"Construct \\u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov\",\"description\":\"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/07\\\/21\\\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2014-07-21T11:21:48+02:00\",\"dateModified\":\"2014-07-21T11:21:48+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov","description":"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#blogposting","name":"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov","headline":"Construct &#8211; a visual layout editor based on Blueprint CSS framework","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#articleImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"},"datePublished":"2014-07-21T11:21:48+02:00","dateModified":"2014-07-21T11:21:48+02:00","inLanguage":"en-US","commentCount":1,"mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#webpage"},"articleSection":"All, Technology, Web work, CSS, frameworks, HTML, web design, web development, Link"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","position":3,"name":"Web work","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#listItem","name":"Construct &#8211; a visual layout editor based on Blueprint CSS framework"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#listItem","position":4,"name":"Construct &#8211; a visual layout editor based on Blueprint CSS framework","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/","name":"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov","description":"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2014-07-21T11:21:48+02:00","dateModified":"2014-07-21T11:21:48+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov","og:description":"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...","og:url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2014-07-21T09:21:48+00:00","article:modified_time":"2014-07-21T09:21:48+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"Construct \u2013 a visual layout editor based on Blueprint CSS framework - Leonid Mamchenkov","twitter:description":"Construct - a visual layout editor based on Blueprint CSS framework. Now if only someone would build a similar tool for Twitter Bootstrap...","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"22241","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-20 02:23:41","updated":"2026-01-15 10:39:45","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/\" title=\"Web work\">Web work<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tConstruct \u2013 a visual layout editor based on Blueprint CSS framework\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"Web work","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/"},{"label":"Construct &#8211; a visual layout editor based on Blueprint CSS framework","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/21\/construct-a-visual-layout-editor-based-on-blueprint-css-framework\/"}],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":12285,"url":"https:\/\/mamchenkov.net\/wordpress\/2010\/03\/21\/blueprint-css-framework-does-it-work-or-not\/","url_meta":{"origin":22241,"position":0},"title":"Blueprint CSS framework : does it work?  Or not?","author":"Leonid Mamchenkov","date":"March 21, 2010","format":false,"excerpt":"Chris has an interesting example of Blueprint CSS framework not working. The code looks like it should work, but it doesn't. And since it was me who recommended Blueprint CSS to him, I felt like I had to understand what's going on. Or at least find a working solution. First,\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18104,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/04\/29\/bootstrap-vs-foundation-vs-skeleton-responsive-css-framework-comparison\/","url_meta":{"origin":22241,"position":1},"title":"Bootstrap vs. Foundation vs. Skeleton &#8211; Responsive CSS Framework Comparison","author":"Leonid Mamchenkov","date":"April 29, 2013","format":"link","excerpt":"Bootstrap vs. Foundation vs. Skeleton - Responsive CSS Framework Comparison","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18042,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/04\/19\/foundation-a-grid-based-css-framework\/","url_meta":{"origin":22241,"position":2},"title":"Foundation &#8211; a grid-based CSS framework","author":"Leonid Mamchenkov","date":"April 19, 2013","format":"link","excerpt":"Foundation - a grid-based CSS framework I haven't looked too deep into this one yet, but some people say this is an alternative to Twitter Bootstrap.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20210,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/02\/03\/list-of-minimalist-web-frameworks\/","url_meta":{"origin":22241,"position":3},"title":"List of minimalist web frameworks","author":"Leonid Mamchenkov","date":"February 3, 2014","format":"link","excerpt":"List of minimalist web frameworks Framework for CSS Web Framework for C Frameworks for Front-end JS Web framework for Go Web framework for Haskell Web framework for Java Web framework for Javascript Web framework for Lua Web framework for Node.js Web framework for Perl Web framework for PHP Web framework\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16893,"url":"https:\/\/mamchenkov.net\/wordpress\/2012\/11\/05\/who-needs-css-frameworks-right\/","url_meta":{"origin":22241,"position":4},"title":"Who needs CSS frameworks, right?","author":"Leonid Mamchenkov","date":"November 5, 2012","format":false,"excerpt":"I've had one of those very productive days at work. \u00a0A rather large CSS re-factoring has been completed without too much obvious breakage. \u00a0How big of a re-factoring? \u00a0That's how big: Can't wait for this project to migrate to Twitter Bootstrap CSS framework.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9683,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/11\/18\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":22241,"position":5},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"November 18, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-11-17 glish.com : CSS layout techniques Tagged as: css desgn developement examples html lists programming references resources techniques web webdesign David G. Willey: Physics Behind Four Amazing Demonstrations -- Few hours of physics studing can make up for years of yoga training. Tagged\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=22241"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22241\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=22241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=22241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=22241"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=22241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}