Absolutely agree… Loved the one Sergie did (whole site in 54 minutes). Would be cool if they would roll out more of those one-hour web builds on the basis of introducing new techniques, maybe using more unique or uncommon layouts, & utilizing new widgets that become available as time goes by.
Another tip for newbies to web development such as myself that want to actually peak at the code to understand the html/css below.
It’s built on a responsive framework based off Bootstrap 3.0… There are some good tutorials out there on html/css that also teach by integrating a responsive framework (such as Bootstrap 3.0 or Foundation 5). Use these as a good primer to learning html/css. You might as well jump right into learning responsive frameworks/principles along with your html/css because the need to design for multiple screens is pretty much a necessity & will be for the foreseeable future…
Download Brackets… then install the “Beautify” Extension from within the “Extension Manager” under the file tab. Run that extension (from within the Brackets interface once you open your site in the text editor) on the exported css files to expand the minified code (otherwise you’ll be wondering what kind of gibberish you are looking at…)
You can activate Live Preview to view the site, any changes, etc in real time via chrome. Make sure you have “live preview highlight” switched on within the interface as you click around in the html/css files - this will - you guessed it… highlight the individual html elements as you navigate through the code… helping you better understand how it all is actually working. Simply right click on a selected html element within the code to view/edit the css rules that pertain to a given element. Cool stuff…