The goal is to create anything you want within 1 single html file. Practice your skills with no assistance from libraries, no separation of files, and no assistance of a modern framework. How creative can you be with such restrictions?
View Submissions
Rules
- You must write all of your code in 1 single HTML file.
- Your file must be less than 1mb (measured by the file size on github).
- You cannot import any external files (this will be checked by looking at the network tab in chrome).
- You are allowed to use libraries, however the library must be hard coded into a script tag and still must fit under the 1MB file size. (I suggest using a cdn and replacing with hardcoding the minified library at the end, or use JSCompress).
How to Submit
- Fork the repository.
- Add your html file to the
/entriesdirectory. - Edit the
entries.jsfile in the root, with your information for the entry. - Commit to your forked repo.
- Make a pull request to master from your forked repo.
* You may submit as many entries as you'd like.
## Publicity
- Boing Boing - The "One HTML Page Challenge", a great example of view-source culture
- Medium - How Having No-Internet Lead Me to Building a Worldwide Viral Website.
- 10BestDesign - Coders Try a Single-page HTML Coding Challenge to Boost Skills
## Useful Links
Top comments (1)
Let's see, you have body and html and head without even writing a single line, all of which are stylable, the before and after, so that's 3 elements and 6 psuedo available without much code.. So that's a few precious bytes... Well that's my contribution to the challengers haha.
I would avoid any encoding base64, it's going to add bloat, encode !== compression.