Skip to content

Instantly share code, notes, and snippets.

@jmo7
Last active December 27, 2015 16:59
Show Gist options
  • Save jmo7/7359372 to your computer and use it in GitHub Desktop.
Save jmo7/7359372 to your computer and use it in GitHub Desktop.
Requirements for HTML5/CSS3 apprentice badge
Have built out a simple web application in Frontier. See the Frontier Skill.
Tasks:
1. Build a simple responsive page that responds to device size. It became responsive as of this commit:
https://github.com/fs-webdev/landing/commit/ab35e8bd87dd4670e0707948176c2ca58c57cb64
2. It should include simple navigation and content.  Handle a typical desktop, tablet, and phone.  As the size changes, reconfigure navigation and rearrange content as needed.  
For this page the navigation element are every table cell. They do re-arrange to fit the layouts as of this commit:
https://github.com/fs-webdev/landing/commit/ab35e8bd87dd4670e0707948176c2ca58c57cb64
3. Layout your page with multiple columns/regions to demonstrate that you know how to use styling for page layout.  You should have multiple regions aesthetically laid out and styled.  They should reasonable flow as size changes.  
For this the multiple columns/regions is the little floating control panel that sets what reference you are working with
This commit is where I changed it to be the current layout:
https://github.com/fs-webdev/landing/commit/ab35e8bd87dd4670e0707948176c2ca58c57cb64
4. Demonstrate the proper use of Semantic HTML.  When you write code, your HTML markup should use the most appropriate tags, tag sequence, attributes and meta data for the document structure.
Originally set up here:
https://github.com/fs-webdev/landing/commit/7dc0c325eb7b533dd78edb1483733a97879753f3
but then modified over many commits and rewriten. For current version (now with more html5) see:
https://github.com/fs-webdev/landing/commit/40304145824692b453386db6b426a6348bc63ef0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment