Tag Archives: JavaScript

Tab Divider Web Browser Extension

Dates

May 2020 – April 2021

Technology

JavaScript, HTML5, CSS, WebExtension API

App

Download zipped, signed Web Extention.

Info

This web browser extension (for Firefox) would allow grouping of web broswer tabs, using a Tab Divider (like file dividers for folders). Some featurss include: see a list of Tab Dividers, see how many tabs in each Tab Divider, send tabs to a different Tab Divider.

Continue reading

DesignMagnify Web Browser Extension

Dates

April 2018 – July 2018

Technology

JavaScript, HTML5, CSS, WebExtension API

App

Current on hold, but a preview will be posted later, once development resumes.

Info

This web browser extension (currently for Firefox 56+) allows users (web designers/developers) to zoom-in to a portion of the current webpage, with a pixel grid overlaid. This is to help users align text, icons, images, borders, etc while designing websites.

Continue reading

SuperPlex Web Browser Extension

Dates

November 2017 – May 2018

Technology

JavaScript, HTML5, CSS, WebExtension API, C#, JSON

App

Current on hold, but a preview will be posted later, once development resumes.

Info

This web browser extension (currently for Firefox 56+) included a series of enhancements to Plex media server. Its primary purpose was to be able to play media files on a local PC, using the default media player for that file type, via a Native Application (written in C#) which the Web Extension would communicate with using Native Messaging.

It would show additional data that Plex stored about media files. This would include ratings for media from IMDB, Rotten Tomatoes, Metacritic and other sources, if Plex didn’t already show them.

Continue reading

Timetable Tool (2014)

timetable-tool-icon

Dates

January 2014 – February 2014

Technology

PHP, XHTML, CSS, AJAX, JavaScript, EasyPHP (a WAMP stack)

App

Live Demo of the rewritten 2014 version of Timetable Tool

Other Version(s)

Original project: Timetable Tool (2006)

Info

I originally developed this personalised class timetable tool in 2006 to learn PHP, but I rewrote it in 2014, to brush up on my PHP skills. It uses the original (plain and simple) live timetables as a source, and displays them in a more visually appealing way.

Continue reading

Salaah Times Windows Gadget

salaah-times-gadget-icon

Dates

Technology

Programming, Notepad++, JavaScript, XHTML, DOM, CSS, XML, DTD, XPath

App

Link to App

Other Version(s)

Newer version: Salaah Times App

Info

All Muslim’s are obligated to offer 5 daily prayers (Salaah) during specific times of the day. This Salaah Times Windows Gadget was developed to aid in meeting this obligation. A companion converter app (above) provides an XML prayer timetable for this gadget to visually display.

Continue reading

TV Schedule Windows Gadget

tv-schedule-gadget-icon

Dates

Technology

Programming, Notepad++, JavaScript, XHTML, DOM, CSS, XML, DTD, XPath

App

Link to App

Other Version(s)

Newer version: TV Schedule App

Info

I developed this TV Schedule Windows Sidebar Gadget. For TV series I am interested in, it displays the episodes showing on any day. Its data is stored in an XML file, which I manually update as TV series are announced, start/end, go on break, etc. It was written using JavaScript, XHTML & CSS. XPath expressions are used for querying it (via JavaScript).

Continue reading

JSudoku

j-sudoku-icon

Dates

Technology

OO Programming, JavaScript, XHTML, CSS

Info

I developed this web-based Sudoku game using JavaScript, XHTML and CSS, to facilitate my learning of JavaScript.

I initially developed this game during any free time I had at work, where I was waiting for more work to arrive. During this time, we were advised to read or talk (quietly). Some people would draw art in Microsoft Paint. That gave me the idea of make this sudoku game using just notepad (& Internet Explorer). I had to rely entirely on my knowledge of CSS, XHTML & JavaScript as we only had no internet access.

Continue reading