Last active
December 27, 2015 16:59
-
-
Save jmo7/7359372 to your computer and use it in GitHub Desktop.
Requirements for HTML5/CSS3 apprentice badge
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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