To view this unstyled markup visit http://mrmrs.io/html

HTML

Common markup patterns I use for developing websites.

Features

  • 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 git@github.com:mrmrs/html.git yourNewRepoName
    cd [yourNewRepoName]
    git remote rm origin
    git remote add origin git@github.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 git@github.com:yourUserName/yourNewRepoName.git (fetch)
    origin git@github.com:yourUserName/yourNewRepoName.git (push)

Now you're set up to use this in a new project.

Getting Started

The HTML

  • 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

Author

MRMRS

Reference

Mozilla HTML element list

MIT LICENSE

Copyright (c) 2018 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.