To view this unstyled markup visit http://mrmrs.io/html
Common markup patterns I use for developing websites.
- All non-media elements in the HTML5 spec are included on one page and are ready to be styled.
- Modular Structure - add your own patterns, or delete the ones you don't like.
- Semantic and accessible markup examples for common design patterns.
- Thoroughly commented code (notes and reference links for new HTML developers)
Getting the Code
- Create a new repo for your project on Github
- In terminal run
git clone firstname.lastname@example.org:mrmrs/html.git yourNewRepoName cd [yourNewRepoName] git remote rm origin git remote add origin email@example.com:yourUserName/yourNewRepoName.git git remote -v
- git remote -v will allow you to check that you have changed the remote origin correctly. The output should look like:
origin firstname.lastname@example.org:yourUserName/yourNewRepoName.git (fetch) origin email@example.com:yourUserName/yourNewRepoName.git (push)
Now you're set up to use this in a new project.
- Open up index.html with your favorite text editor and hack away. It's that simple.
- To preview changes at http://localhost:8000 - open up terminal.app and type
python -m SimpleHTTPServer
Copyright (c) 2014 Adam Morse http://opensource.org/licenses/MIT
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.