HTMHell - Markup From Hell

A collection of bad practices in HTML, copied from real websites.

https://www.htmhell.dev

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 }}