{"id":23099,"date":"2014-12-05T11:03:41","date_gmt":"2014-12-05T09:03:41","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=23099"},"modified":"2014-12-05T11:03:41","modified_gmt":"2014-12-05T09:03:41","slug":"flakes-an-open-source-design-frontend-framework","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/05\/flakes-an-open-source-design-frontend-framework\/","title":{"rendered":"Flakes &#8211; an Open Source Design &#038; Frontend Framework"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/getflakes.com\/\">Flakes<\/a> &#8211; an Open Source Design &amp; Frontend Framework<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"23100\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/05\/flakes-an-open-source-design-frontend-framework\/devices\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?fit=2298%2C1271&amp;ssl=1\" data-orig-size=\"2298,1271\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"devices\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?fit=660%2C365&amp;ssl=1\" class=\"aligncenter size-medium wp-image-23100\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices-500x276.png?resize=500%2C276&#038;ssl=1\" alt=\"devices\" width=\"500\" height=\"276\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?resize=500%2C276&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?resize=1024%2C566&amp;ssl=1 1024w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?w=1320 1320w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/devices.png?w=1980 1980w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Flakes &#8211; an Open Source Design &amp; Frontend Framework<\/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_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Flakes - an Open Source Design & Frontend Framework #WebDev #WebDesign","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},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[3063,1157,1330],"keyring_services":[],"class_list":["post-23099","post","type-post","status-publish","format-link","hentry","category-general","category-programming","category-technology","category-web-work","tag-frameworks","tag-web-design","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28392,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/quick-guide-to-graphql-for-backend-frontend\/","url_meta":{"origin":23099,"position":0},"title":"Quick Guide to GraphQL for BackEnd &#038; FrontEnd","author":"Leonid Mamchenkov","date":"February 19, 2018","format":false,"excerpt":"GraphQL is one of those technologies which is constantly on my radar, just waiting for the right time and project to try it on.\u00a0 For now, I'm just slowly moving to that target, collecting links to resources in the meantime. \"Introduction & Quick Guide to GraphQL for BackEnd & FrontEnd\"\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/graphql-500x333.jpeg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28559,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/05\/08\/composer-plugin-qa-composer-plugin-for-php-quality-assurance-tools\/","url_meta":{"origin":23099,"position":1},"title":"composer-plugin-qa &#8211; Composer Plugin for PHP Quality Assurance Tools","author":"Leonid Mamchenkov","date":"May 8, 2018","format":false,"excerpt":"composer-plugin-qa is a Composer plugin which adds all the most popular PHP quality assurance tools as composer scripts, so that you don't have to install and set them up one by one.\u00a0 The list of tools includes the following: PHPUnit: Testing Framework PHPCOV: CLI frontend for the\u00a0PHP_CodeCoverage Paratest: Parallel testing\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/05\/composer-plugin-qa-500x296.jpeg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":19066,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/26\/frontend-development-workflow-model\/","url_meta":{"origin":23099,"position":2},"title":"Frontend development workflow model","author":"Leonid Mamchenkov","date":"December 26, 2013","format":"link","excerpt":"Frontend development workflow model Build a little. Stop. Validate. Test. Repeat.","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":22050,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/06\/23\/front-end-development-bookmarks\/","url_meta":{"origin":23099,"position":3},"title":"Front-end development bookmarks","author":"Leonid Mamchenkov","date":"June 23, 2014","format":"link","excerpt":"Front-end development bookmarks - a huge list of frontend development resources Dmitriy Navrotskyy has collected. Sorted from general knowledge at the top to concrete problems at the bottom.","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":11595,"url":"https:\/\/mamchenkov.net\/wordpress\/2009\/06\/19\/browser-facts-from-microsoft\/","url_meta":{"origin":23099,"position":4},"title":"&quot;Browser facts&quot; from Microsoft","author":"Leonid Mamchenkov","date":"June 19, 2009","format":false,"excerpt":"Google Blogoscoped brings to our attention Microsoft's Browser Comparison chart. This is an excellent marketing campaign.\u00a0 I am a big fan of using humor in the advertising, and this is a good example of it.\u00a0 Everyone who has every tried to build a web page knows how horrible the state\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2009\/06\/time_breakdown_of_modern_web_design.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27586,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/05\/14\/haproxy-sni\/","url_meta":{"origin":23099,"position":5},"title":"HAProxy SNI","author":"Leonid Mamchenkov","date":"May 14, 2017","format":false,"excerpt":"\"HAProxy SNI\" is pure gold! If you want to have a load balancer for HTTPS traffic, without managing SSL certificates on the said load balancer, there is a way to do so. The approach is utilizing the Server Name Indication (SNI) extension to the TLS protocol. \u00a0I knew about it\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\/23099","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=23099"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/23099\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=23099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=23099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=23099"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=23099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}