HTML5 Tutorial: Lightbox with three variations

There is a new HTML5 tutorial up today on Flashbynight.com.

This tutorial will show you how to create a customisable lightbox pop-up using the Featherlight framework.

The tutorial walks you through three variations:

1 A simple lightbox that opens when you click a button.
2 A lightbox that contains buttons,pictures and text.
3 A lightbox that opens automatically after a time interval and closes automatically after a time interval.

Feel free to use the examples in the tutorial for your own projects and you can also grab the source code without working through the tutes, if that is what you are after.

This tutorial is here:

http://flashbynight.com/tutes/lightbox/

Algorithm

Here is a game for people who like number and maths puzzle games.

It's simple, just click on the right tiles to complete the formula, but you have to do it within a time limit.

Play the game for fun or to sharpen your number skills.

Play it on your mobile of desktop here: http://www.flashbynight.com/algorithm/

Rabbip App

Rabbip is now available as an Android App.

Click here to get it from the Google Play Store:

https://play.google.com/store/apps/details?id=com.flashbynight.rabbip
Or click here for the browser version:

www.flashbynight.com/rabbip

Audio Quizzes

I recently had a request from a user to add audio files to my HTML5 picture quiz and another request to add audio to my HTML5 fill-in-the-blank quiz.

I'll make these available here:

http://flashbynight.com/dl/pixaudio.zip

http://flashbynight.com/dl/blankaudio.zip

The original tutorials can be found here:

http://flashbynight.com/tutes

Rabbip

Here's a new word game on FlashByNight:

Rabbip is a game of chance and skill. You need to guess a seven-letter word, given two of the letters. For each guess, you can click on one of two options. Simple! It's easy to learn, fun and challenging. It gets harder as you complete levels with a shorter timer and harder words.

Rabbip works on smartphones as well as laptops or desktops.

Play it here: http://flashbynight.com/rabbip/

Have Many Rabbits

Have Many Rabbits is a puzzle game for people who like slightly difficult puzzle games. Rubik's Cube type of folks.

The concept is simple: get all of the bunnies in their holes at the same time. It starts off easy but gets harder in the later levels.

You could probably work through all 30 levels in one to two hours.

flashbynight.com/havemanyrabbits

Today I Learned: Keyboards have bumps on the F and J keys to help touch-typers.

It's amazing the things you never notice.

I've been using computer keyboards for years and I never noticed that the F and J keys have little raised bumps on them.

This is to assist people who touch type - your index fingers should be at rest on these keys.

A Quick Riddle

Answer here: http://flashbynight.com/img/riddle1answer.png

Fill in the Blanks Quiz with Multiple Possible Answers

By special request from a user, I have put together a version of the Fill-in-the-blanks quiz that accepts more than one possible answer.

The code and tutorial for the original quiz can be found here.

The source code for the version that accepts multiple answers is here.

TOPPLR App

Flashbynight's TOPPLR game is now available as an Android app in the Google Play store.

Click here for more details: https://play.google.com/store/apps/details?id=com.flashbynight.topplr&hl=en

New Game: TOPPLR

This game may look easy at first, but it can get pretty difficult. Rearrange the stacks of blocks to match similar colors and clear the board - but you only have a limited number of moves.

Some of the later levels may seem impossible, but there's always a way to win if you keep trying.

Play it here on desktop or mobile: http://flashbynight.com/topplr/