HTMHell - Markup From Hell
A collection of bad practices in HTML, copied from real websites.
Contributing
Rules
- Please only contribute examples you copy from production websites.
- Remove attributes that don’t add any value.
- Remove any pointers that show where you've copied the code. We don’t want to blame anyone.
- Only copy code from modern websites.
Basics
Note: Please ensure you have EditorConfig installed in your editor before contributing any file changes. It'll help us maintain a consistent use of whitespace in this repo's files.
- Fork this repo and install the dependencies.
npm install
- Run the project
npm run start
- Take screenshot While the server is still running, run the following command to take a screenshot of your code.
npm run screenshot
- Push and create a pull request.
Adding authors
Add an author in ./hell/_data/authors.js if they're not listed.
{
"id": "UNIQUE ID",
"name": "DISPLAY NAME",
"link": "WEBSITE/TWITTER/GITHUB"
}
Adding a submission
Add a submission in ./hell/entries by copying any other markdown file in this folder.
- Show bad code
- Explain how to fix it
- Show good code
Snippets
I’m afraid that many suggestions will recur. To avoid duplicate content, there’s a file with snippets in hell/_data/snippets.js that you can use like this:
{{ snippets.sr_only }}