IMPORTANT:

Get Your .Tech Domain Now: https://go.tech/wds

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
Ania's Video: https://youtu.be/U64vIhh0TyM
Jesse's Video: https://youtu.be/TpAwggQJPUQ


🧠 Concepts Covered:

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


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#BattleshipGame #WDS #GameDev