{"id":212,"date":"2016-08-08T09:05:54","date_gmt":"2016-08-08T13:05:54","guid":{"rendered":"https:\/\/mberlove.com\/blog\/?p=212"},"modified":"2016-08-07T22:32:43","modified_gmt":"2016-08-08T02:32:43","slug":"web-coding-speedrun","status":"publish","type":"post","link":"https:\/\/mberlove.com\/blog\/web-coding-speedrun\/","title":{"rendered":"Web Coding Speedrun"},"content":{"rendered":"<p>Tools, frameworks, and libraries are a web coder&#8217;s best friend. For nearly any existing application in nearly any language, there&#8217;s code out there to get the job done. Whether building an ecommerce site in PHP or designing a site layout in CSS, there are ways to make it easier.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>It&#8217;s great stuff, but sometimes its also stultifying &#8212; it ruins your creativity.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>That&#8217;s why every so often I like to sit down with a blank canvas and work from scratch, building out an idea from the ground up and playing with it until I get something I like. Sometimes it goes nowhere, sometimes I end up with a bit of code I can build on or reuse later. Either way, it&#8217;s a great way to get my brain chugging and keep myself flexible and familiar with the fundamentals.<\/p>\n<p>&nbsp;<\/p>\n<p>Today I endeavored to do just that with some basic front-end web design. No extras here &#8212; just plain HTML and straightforward, non-compiled CSS. Taking a bit of inspiration from existing sites and color schemes, I spent about half an hour putting together a layout I wouldn&#8217;t be too ashamed to put my name to &#8212; although don&#8217;t hold me to that! It&#8217;s an experiment, like playing with clay, not meant to be one&#8217;s flagship.<\/p>\n<p>&nbsp;<\/p>\n<p>If you&#8217;re curious to see the code, it&#8217;s at <a href=\"https:\/\/mberlove.com\/proj\/ex\/supersite\">https:\/\/mberlove.com\/proj\/ex\/supersite<\/a> (index.html and style.css).<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/P4LojsmFtw4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tools, frameworks, and libraries are a web coder&#8217;s best friend. For nearly any existing application in nearly any language, there&#8217;s code out there to get the job done. Whether building an ecommerce site in PHP or designing a site layout [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[125,104],"tags":[67,99,165,164,160,70,163,8,96],"class_list":["post-212","post","type-post","status-publish","format-standard","hentry","category-programming","category-web-dev","tag-coding","tag-css","tag-experiment","tag-front-end","tag-html","tag-programming","tag-speedrun","tag-web-design","tag-web-development"],"_links":{"self":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":2,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts\/212\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts\/212\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/media?parent=212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/categories?post=212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/tags?post=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}