Create your own basic lightbox with CSS and jQuery

If you Google "lightbox", you would be greeted by hundreds of plugins, each with its own speciality. Quite often, these plugins are very heavy and contain a lot of functionality that you would probably not require. In most cases, your requirements are very basic and you wonder if it's practical to use a heavy plugin to get the job done. In this tutorial, we will talk about creating your own basic lightbox plugin. Why carry the whole Swiss knife when you just need a pair of scissors?

The lightbox that we are about to create is inspired by the look of the lightbox in this tutorial by Script Tutorials. However, we will discuss it in such a way that enables you to re-use the code in further projects.

GSoC official coding period starts | Work Progress

The official coding period in this year's Google Summer of Code has finally begun. Three weeks between declaration of results and start of the coding is a big time. That is why I had started coding almost ten days ago! This was to make sure I had a head start, which gives me a better chance of tackling unforeseen delays.

First, let's talk about the tasks that I have started looking into but come later in the GSoC. One such thing is adding an accessible flipswitch in place of Enable-Disable radio buttons. Here is a cool one that I found, which also keeps accessibility in mind. Note that it uses bootstrap, but that should not be a problem as I would be reusing only those classes that are necessary.