Last time, we made some shiny new Mahjong tiles. We gave them some style, made them look nice, and even figured out how to slap a drawing on top. If you missed that, or just want to relive the magic, you can check out the “Creating empty Mahjong tiles with CSS and SVG” tutorial. This […]
Continue reading
Some years ago, I wrote a tutorial on creating a Mahjong game in JavaScript. Back then, I used a single file to hold all of the images. A common way of cutting down HTTP requests. However, it made changing styles, sizes, and such very painful. Especially when the changes involved size. Shrinking the tiles? Easy, […]
Continue reading
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
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
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
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
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
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
First, let me start by explaining the purpose of this blog. I usually think that the best time to explain why something is starting is at the beginning… so here goes. There are a lot of sites, blogs, and portals around that teach and explain how to do this or that in web development, so […]
Continue reading