DemoBox – a jQuery Plugin-Application for Simple Instructions

Lets face it, instructions accompanied by photos makes it easy for us all to understand how to do something. But even then, I’ve seen instructions that are cramped or cluttered and hard to follow because of the layout. Considering today we have mobile devices that most of us use to get to information, I decided to create a mobile friendly little app that uses a jQuery plugin script I wrote. This little app is small in width and showcases instructions step by step by clicking to the next step or previous step. This removes the clutter and keeps the user focused on that specific step. This is a free to use app/script and is best used for simple instructions. If you like it, please give me a like or share.

See a demo of it here | Download it here

Solving the HTML Table Issue with Mobile Devices

HTML Tables are great for displaying data, but when it comes to showing that data on a mobile phone, there becomes usability issues that seem obtrusive even with some of the solutions some of the developers out there on the Internet have created. Some of these solutions where to have the tables scroll to right to show more of the data on long width tables for mobile devices or small screen sizes or toggle and hide specific sections.

My approach to solving this was to use JavaScript and jQuery scripting languages to create a plug-in that would create a two row table and append the tables header titles to the left of the table and append the first row of data to the right of it using a navigation to show the next and previous rows of data, without having to even scroll the screen. This would enable the table to be mobile friendly hence why I called the plugin “mobiTable”. mobiTable speeds up development and simplifies table issues for developers so they can work faster and smarter. For more info on mobiTable, see the plugin page here.

** Please note that mobiTable is only for raw data tables. Meaning it won’t work with tables with images or HTML tags embedded.