https://github.com/alvaromontoro/CSS-Games

Games and Apps developed using CSS and HTML, without a single line of JavaScript
https://github.com/alvaromontoro/CSS-Games

Last synced: about 2 months ago
JSON representation

Games and Apps developed using CSS and HTML, without a single line of JavaScript

• Host: GitHub
• URL: https://github.com/alvaromontoro/CSS-Games
• Owner: alvaromontoro
• License: gpl-3.0
• Created: 2019-10-12T04:03:16.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-04T15:58:40.000Z (11 months ago)
• Last Synced: 2024-05-01T22:17:42.554Z (5 months ago)
• Language: CSS
• Size: 1.37 MB
• Stars: 61
• Watchers: 6
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
# CSS Apps and Games

A collection of mini-apps and games developed on CSS and HTML, without using any JavaScript

## Project

The project is divided in two parts: games and apps, both of them have their own folder. Inside each of them,

the different games and apps are organized alphabetically (notice that there may be multiple versions).

The code is in those folders, the links below are to live demos on CodePen. You can see many of them in a

[CodePen Collection](https://codepen.io/collection/nvJYmm/).

### Games

- [Connect Four](https://codepen.io/alvaromontoro/full/rrPZwX)

- Driving games:

  - [Race Car](https://codepen.io/alvaromontoro/full/eYYzzWg)

  - [No-HTML Race Car](https://codepen.io/alvaromontoro/full/PoGJjQe)

- [Mastermind](https://codepen.io/alvaromontoro/full/YzwbgwE)

- [Plankman](https://codepen.io/alvaromontoro/full/XWdrQOg)

- [Rock-Paper-Scissors](https://codepen.io/alvaromontoro/full/BaaBYyz)

- [Simon](https://codepen.io/alvaromontoro/full/BGNaYo)

- Snakes and Ladders:

  - [v1: Single player](https://codepen.io/alvaromontoro/full/ejzJBJ)

  - [v2: Multiplayer](https://codepen.io/alvaromontoro/full/gjWPNW)

- Tic-Tac-Toe:

  - [Player vs Computer (with "AI")](https://codepen.io/alvaromontoro/full/BexWOw)

  - [Player vs Player](https://codepen.io/alvaromontoro/full/vwjBqz)

- Trivia:

  - [v1: Modern style](https://codepen.io/alvaromontoro/full/XZwJqM)

  - [v2: WWTBAM style](https://codepen.io/alvaromontoro/full/aLLbvV)

- [Whack-a-Mole](https://codepen.io/alvaromontoro/full/MWWKKMN)

### Apps

- [Casio Keyboard](https://codepen.io/alvaromontoro/full/ejwXJm)

- Clocks: [see this other GitHub repo](https://github.com/alvaromontoro/CSS-Clocks).

- [Magic Trick](https://codepen.io/alvaromontoro/full/xagVOa)

## Q&A

### Why?

Why not?

### ...But why?

Developing these snippets is not only fun, but it can be really educational too. Really.

### How?

...coming soon...