Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
game

11 Articles
{
,

}
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
Direct link to the article Pong with SVG.js
game pong SVG svg.js

Pong with SVG.js

Everybody loves the vintage game Pong, right? We sure do. What’s more fun? Building it yourself!

That’s why we decided to create one with SVG.js – to highlight some aspects of our library. It might seem like a complex idea …

Avatar of Ulrich-Matthias Schäfer
Ulrich-Matthias Schäfer on Apr 7, 2017 (Updated on Oct 9, 2018)
Direct link to the article Using GSAP to Animate Game UI with Canvas
canvas game GreenSock

Using GSAP to Animate Game UI with Canvas

The year was 1995; Toy Story hit the theaters, kids were obsessively collecting little cardboard circles and Kiss From a Rose was being badly sung by everyone. I was a gangly ten-year-old, and like any other relatively tall kid I …

Avatar of Opher Vishnia
Opher Vishnia on Jan 23, 2017
Direct link to the article Screamy Bird
audio game web audio api

Screamy Bird

During San Francisco’s Stupid Shit No One Needs and Terrible Ideas “Hackathon”, Glen Chiaccheri made a game where you have to literally scream your way through it.

Make sure to check it out in Firefox, as Chrome and …

Avatar of Robin Rendle
Robin Rendle on May 18, 2016

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

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