Battleship is a classic game that I am sure most of you have played at one point. It is also a fairly simple game which makes it the perfect candidate for a collaboration tutorial with Jesse and Ania. In my portion of this collaboration we will be building out all of the styling for the entire game. This will include a ton of custom CSS, animations, and much more so be prepared for a ton of advanced CSS trickery.

📚 Materials/References:

Battleship Game: http://battleship.tech
Starting GitHub Code: https://github.com/kubowania/battleships/tree/multiplayer
Ending GitHub Code: https://github.com/kubowania/battleships

🧠 Concepts Covered:

  • How to create CSS animations
  • Advanced CSS grid use cases
  • Advanced CSS borders

#css #javascript #game-development #developer

How To Build A Battleship Clone
27.75 GEEK