Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Shuffle
Search

Articles Tagged
game

12 Articles
{
,

}
Direct link to the article Pop(over) the Balloons
game popover

Pop(over) the Balloons

I’ve always been fascinated with how much we can do with just HTML and CSS. The new interactive features of the Popover API are yet another example of just how far we can get with those two languages alone.…

Avatar of John Rhea
John Rhea on Jul 25, 2024
Direct link to the article How I Made a Pure CSS Puzzle Game
checkbox hack game grid mask radial-gradient

How I Made a Pure CSS Puzzle Game

I recently discovered the joy of creating CSS-only games. It’s always fascinating how HTML and CSS are capable of handling the logic of an entire online game, so I had to try it! Such games usually rely on the ol’ …

Avatar of Temani Afif
Temani Afif on Sep 9, 2022
Direct link to the article Generating (and Solving!) Sudokus in CSS
custom properties game

Generating (and Solving!) Sudokus in CSS

I love to make CSS do stuff it shouldn’t. It’s the type of problem-solving brain training you’d get building a calculator in Minecraft, except you probably won’t get a job working with Minecraft Redstone no matter how good you …

Avatar of Lee Meyer
Lee Meyer on Apr 26, 2021
Direct link to the article Recreating Game Elements for the Web: The Among Us Card Swipe
game

Recreating Game Elements for the Web: The Among Us Card Swipe

As a web developer, I pay close attention to the design of video games. From the HUD in Overwatch to the catch screen in Pokemon Go to hunting in Oregon Trail, games often have interesting mechanics and satisfying interactions, …

Avatar of Thomas Park
Thomas Park on Feb 9, 2021
Direct link to the article Whack-a-Mole: The CSS Edition
checkbox hack game

Whack-a-Mole: The CSS Edition

We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs …

Avatar of Will Yu
Will Yu on Jan 6, 2021
Direct link to the article Multiplayer Tic Tac Toe with GraphQL
game graphql

Multiplayer Tic Tac Toe with GraphQL

GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results.

If you haven’t worked with it …

Avatar of Rishichandra Wawhal
Rishichandra Wawhal on Aug 23, 2019
Direct link to the article Building Battleship in CSS
checkbox hack game

Building Battleship in CSS

This is an experiment to see how far into an interactive experience I can get using only CSS. What better project to attempt than a game? Battleship seemed like a good challenge and a step up from the CSS games …

Avatar of Daniel Schulz
Daniel Schulz on Aug 16, 2018
Direct link to the article Creating a Parking Game With the HTML Drag and Drop API
game html api HTML5

Creating a Parking Game With the HTML Drag and Drop API

Among the many JavaScript APIs added in HTML5 was Drag and Drop (we’ll refer to it as DnD in this article) which brought native DnD support to the browser, making it easier for developers to implement this interactive feature into …

Avatar of Omayeli Arenyeka
Omayeli Arenyeka on Mar 8, 2018
Direct link to the article The Evolution of Trust
game

The Evolution of Trust

Nicky Case’s games are a damn treasure in this world. Most importantly, they are fun and compelling to play. They also make gameplay the vehicle for education on tricky, intricate, and important issues. Issues that would be much harder to …

Avatar of Chris Coyier
Chris Coyier on Aug 7, 2017
  • 1
  • 2
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top