How To: Recoloring SVG backgrounds with CSS and JS
One of the main benefits of using Scalable Vector Graphics (SVG) is what its name suggests: Scalability. When working on a WebApp UI, we usually want:
Continue reading
Accessibility: Making Games for Everyone
I love gaming and making games. I enjoy focusing on the small details, adding playful animations, and seeing that satisfying moment when a board fits together. Sometimes I even end up with an unbeatable computer opponent and call it “advanced AI.” Still, even when everything works as planned, too many players can be left out.
Continue reading
Create a Memory Game with JavaScript
Back in 2009, I built a memory game with jQuery and PHP. It also used a flipping plugin and Flash for sound, which is a pretty good time capsule but not a stack I would choose for a small browser game today. So, let’s give it a proper update.
Continue reading
How To: Add AI to our jQuery Tic-Tac-Toe
Previously, in the tic-tac-toe series, we programmed a simple game of tic-tac-toe. The version we built reminded me of two-player games in the early ’90s, when friends sat at the same computer to play. However, since playing with a friend is not always possible, it’s time to add a computer opponent to the mix.
Continue reading
Why Bother With Semantic HTML?
Not too long ago (12 years or so), there appeared a new HTML version. It contained lots of cool stuff. It introduced us to some new semantic elements as well. Well, if you are anything like me, you will not blindly jump on everything new just because of how cool it sounds. Plus, there are […]
Continue reading
Creating a Tic-Tac-Toe game with jQuery
Let’s build a modern tic-tac-toe game with jQuery, complete with player names, SVG tokens, adjustable board sizes, scorekeeping, and replay controls. Along the way, we’ll use semantic HTML, CSS Grid, and beginner-friendly JavaScript to handle turns, wins, and draws.
Continue reading
Mahjong Game – Adding Features
Though it’s been a while, I think the time has come to revisit one of my previous tutorials: the Mahjong game. For those of you that haven’t read it, the Mahjong tutorial went throughthe stages of creating a very basic Mahjong game: the graphics, the layouts, the boards and all the rest. Since I published […]
Continue reading
Using the keyboard arrow keys
Today’s post is a rather short and simple one. In most client-based games today, you can move using your keyboard. Browser-based games, however, are usually controlled using the mouse. But though using the arrow or WASD keys to interact with web pages is not too common, it can still be quite useful. In a web […]
Continue reading
Mahjong Game – The End
Over the course of the previous posts, we’ve built and set up the entire infrastructure for our mahjong game. All that is left now is to create the actual game logic. Let’s start by going over the required functionality. What do we have in this game? The blocks are arranged in layers, and there can […]
Continue reading
Mahjong Game – The Board
In the previous posts we created most of the graphics needed for the mahjong game, and built the layout files that we will use. Now it’s time to put those layout files to some use.
Continue reading