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.

Twitter Bootstrap Jump Start PRO

Twitter Bootstrap is an intuitive, sleek and powerful framework for developing the client side of our web application. It allows a simple and a faster development.

The following video clip goes through the very first steps you need to complete in order to use this responsive highly attractive framework.

The code shown in this video clip is available below. Make sure you fix the relative links to the files that belong to the bootstrap library.

<!DOCTYPE html>
<html>
<head>
    <title>Jump Start</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello World!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Using the bootstrap exmaples is a great way to start immediately using this library in your web sites. Check the video below for a short jump start for using these examples.

You can find more slides and video clips for learning how to use the Twitter Bootstrap library in my new Twitter Bootstrap free course at http://abelski.lifemichael.com website.

Share:

The Beauty of Code

Coding is Art! Developing Code That Works is Simple. Develop Code with Style is a Challenge!

Update cookies preferences