Retour au classement

Metroxe/one-html-page-challenge

HTMLonehtmlpagechallenge.com

Can you create something cool without modern tools?

htmljavascriptcanvaschallengegamewebdevelopmentwebdesignhtml5csscoding-challengeopen-sourcehtml5-game
Croissance des étoiles
Étoiles
1.4k
Forks
454
Croissance hebdomadaire
Issues
1
1.4k1.4k1.4k1.4k1.4k
18 juil.19 juil.20 juil.20 juil.
README

One HTML Page Challenge

The goal is to create anything you want within 1 single html file. Practice your skills with the barebones of web development. 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 means you cannot import images, stylesheets or js files from external sources).
  • Due to the nature of hiding lots of functionality behind APIs, you cannot have any incoming or outgoing network requests.
  • 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

  1. Fork the repository.
  2. Add your html file to the /entries directory with required meta tags in the <head> section:
    <meta name="description" content="Brief description of your entry">
    <meta name="author" content="Your Name">
    <meta name="github" content="your-github-username">
    
  3. Commit to your forked repo.
  4. Make a pull request to master from your forked repo.

Note: The entries.js file is now automatically generated from your HTML meta tags! No manual editing required.

* You may submit as many entries as you'd like.

Publicity

If you write a blog or post about the challenge, feel free to add to the list

Stargazers over time

Contributors

Dépôts similaires
twbs/bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

MDXMIT Licensecssbootstrap
getbootstrap.com
174.5k78.7k
Chalarangelo/30-seconds-of-code

Coding articles to level up your development skills

JavaScriptnpmCreative Commons Attribution 4.0 Internationalawesome-listjavascript
30secondsofcode.org
128.4k12.5k
electron/electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

C++MIT Licenseelectronjavascript
electronjs.org
122.1k17.3k
microsoft/Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

JavaScriptnpmMIT Licensejavascriptcurriculum
96k15.7k
florinpop17/app-ideas

A Collection of application ideas which can be used to improve your coding skills.

MIT Licenseapplicationsideas
coderabbit.ai
96k10.5k
storybookjs/storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

TypeScriptnpmMIT Licensestorybookstyleguide
storybook.js.org
90.6k10.2k
thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

MDXfrontendfront-end-development
frontendchecklist.io
73.3k6.7k
docling-project/docling

Get your documents ready for gen AI

PythonPyPIMIT Licenseaiconvert
docling-project.github.io/docling
63.5k4.5k
rails/rails

Ruby on Rails

RubyRubyGemsMIT Licenserailsmvc
rubyonrails.org
58.6k22.4k
h5bp/html5-boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

JavaScriptnpmMIT Licensehtml5-boilerplatehtml5
html5boilerplate.com
57.6k12.3k
prettier/prettier

Prettier is an opinionated code formatter.

JavaScriptnpmMIT Licenseformatterprinter
prettier.io
52.1k4.9k
jgthms/bulma

Modern CSS framework based on Flexbox

CSSnpmMIT Licensecsshtml
bulma.io
50.1k3.9k