{"id":1307,"date":"2015-12-05T11:50:50","date_gmt":"2015-12-05T10:50:50","guid":{"rendered":"http:\/\/hesmid.nl\/test\/?p=1307"},"modified":"2017-11-16T15:13:13","modified_gmt":"2017-11-16T14:13:13","slug":"flexbox-froggy-a-game-for-learning-css-flexbox","status":"publish","type":"post","link":"https:\/\/hesmid.nl\/test\/flexbox-froggy-a-game-for-learning-css-flexbox\/","title":{"rendered":"Flexbox resources"},"content":{"rendered":"<h3><strong>Reference<\/strong><\/h3>\n<ul>\n<li><a href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\">A<b>\u00a0<\/b>Complete Guide to Flexbox <\/a>(CSS-tricks) &#8211; Great overview<\/li>\n<li><a href=\"https:\/\/codepen.io\/enxaneta\/full\/adLPwv\/\">Flexbox playground<\/a>\u00a0&#8211; Interactive\u00a0overview of flexbox properties<\/li>\n<li><a href=\"https:\/\/demos.scotch.io\/visual-guide-to-css3-flexbox-flexbox-playground\/demos\/\">Flexbox Playground<\/a> &#8211; another one<\/li>\n<\/ul>\n<h3>Troubleshooting and fallback methods<\/h3>\n<ul>\n<li><a href=\"https:\/\/github.com\/jonathantneal\/flexibility\">flexibility<\/a> &#8211; js polyfill for flexbox.\u00a0<a href=\"https:\/\/jonathantneal.github.io\/flexibility\/\"> interactive\u00a0demo<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/philipwalton\/flexbugs\">flexbugs<\/a>\u00a0&#8211;\u00a0<span class=\"col-11 text-gray-dark mr-2\">A community-curated list of flexbox issues and cross-browser workarounds for them. <\/span><\/li>\n<\/ul>\n<h3>Practice:<\/h3>\n<ul>\n<li><a href=\"http:\/\/flexboxfroggy.com\/\">Flexbox Froggy &#8211; A game for learning CSS flexbox<\/a><\/li>\n<li><a href=\"http:\/\/www.flexboxdefense.com\/\">Flexbox Defense<\/a> &#8211; another game<\/li>\n<li><a href=\"https:\/\/www.flexboxgame.com\/\">Flexbox Game <\/a>&#8211; 28 levels<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Reference A\u00a0Complete Guide to Flexbox (CSS-tricks) &#8211; Great overview Flexbox playground\u00a0&#8211; Interactive\u00a0overview of flexbox properties Flexbox Playground &#8211; another one Troubleshooting and fallback methods flexibility &#8211; js polyfill for flexbox.\u00a0 interactive\u00a0demo flexbugs\u00a0&#8211;\u00a0A community-curated list of flexbox issues and cross-browser workarounds for them. Practice: Flexbox Froggy &#8211; A game for learning CSS flexbox Flexbox Defense &#8211; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[37,107,126],"acf":[],"_links":{"self":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/1307"}],"collection":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/comments?post=1307"}],"version-history":[{"count":4,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/1307\/revisions"}],"predecessor-version":[{"id":2293,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/1307\/revisions\/2293"}],"wp:attachment":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/media?parent=1307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/categories?post=1307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/tags?post=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}