Game Instructions

Tap a tile to toggle its color. When a tile changes nearby tiles may change as well. Each move affect multiple tiles. The target is to turn all tiles into yellow in the fewest steps possible.

Press 'j' to show/hide the game. Press 'i' to show/hide the instructions. Press 't' to show/hide the top score table.

Steps: 0

Top Scores

Name Steps
Press J to toggle the game, I to toggle instructions, and T to toggle the top scores

Congratulations!

You solved the puzzle in 0 steps!

Success!

Score submitted successfully!

Error

Failed to submit score. Please try again.

The zxcvbn.js JavaScript Library PRO

The zxcvbn.js JavaScript open source library provides us with a simple easy to use function for evaluating the strength of a password the user enters. Using this library we can provide our user with an immediate feedback. The following code sample shows how simple it is to use this JavaScript open source library. You can […]

Google WebFonts Jump Start PRO

Google WebFonts API provides us with hundreds of open source fonts we can use in our web page. We can easily search through the web fonts collection and select the ones we want to use. The following code sample shows how simple it is to use these fonts in our web page by adding a […]

Sugar.js Jump Start PRO

Just as it sounds. Using Sugar.js is kind of adding some sugar to our code. Sugar.js isn’t a framework for creating magnificent user interface, one page web application or manipulating the DOM. Sugar.js is a simple libray that provides us with lots of useful functions we can use in order to write shorter code. The […]

WebSockets API using Apache Tomcat Jump Start PRO

Java EE supports the HTML5 WebSockets API. We can easily get a WebSockets server up and running by developing a servlet that extends WebSocketServlet class. The following code sample includes two files. The following is the HTML file that includes code in JavaScript for using HTML5 Web Sockets API. <!DOCTYPE html> <html> <head> <title>Simple WebSockets […]

Lo-Dash Jump Start PRO

The Lo-Dash JavaScript library provides us with a huge range of utility functions we can use in our code. Most functions will look familiar if you already have experience using functional programming languages. If you are already familiar with Underscore.js you will find this library very easy to learn. The following code sample shows how […]

The Underscore.js Framework PRO

The underscore.js JavaScript library provides us with a huge set of functions we usually find in functional programming languages. The following code sample shows how simple it is to use this library. If you try to run this code on your end make sure you update the link for the underscore-min.js file. <!DOCTYPE html> <html> […]

The jQueryMobile Touch Events PRO

The jQueryMobile library enables us to hook up with various types of events. The touch events is one of them. The following code sample shows how to do it in order to handle the taphold event. <!DOCTYPE html> <html> <head> <title>My Cycling</title> <link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css” /> <script src=”http://code.jquery.com/jquery-1.9.1.min.js”></script> <script src=”http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js”> </script> </head> <body> <div data-role=”page” […]

Mandatory Movies for Learning Java Programming PRO

Learning how to write code in Java has never been simple. Hereto a short list of recommended movies you better watch before you start learning Java. Learning OOP is one of the biggest obstacles. Matrix is the best movie to start with. The program running on the machines servers creates a sophisticated virtual reality. When […]

PouchDB Jump Start PRO

PouchDB is a small JavaScript library that provides us with the functionality of a document oriented database. We can use it both on the server and on the client. The following is the code that I was using in this video clip. Make sure you update the link to the PouchDB JavaScript file before you […]

The yepnope.js JavaScript Library PRO

The yepnope.js is a JavaScript library that allows us an asynchronous conditional resource loading in according with conditions been tested on the client side. The following is the code that I was using in this video clip. Make sure you update the link to the JavaScript files before you run it. <!DOCTYPE html> <html> <head> […]

Update cookies preferences