/web development

Building a Raspberry Pi Car Computer

6 months ago I bought an 80 series Toyota Land Cruiser and the time since has been doing the car up in preparation for a trip around Australia. Since its release the 80 Series Land Cruiser has earned itself a reputation as a dependable and an almost unbeatable machine off road. But given the advances [...]

By |February 7th, 2016|Linux, web development|19 Comments

PNG Crush: PNG image optimisation script

Building a Cordova based mobile application recently at work we were facing an issue with an application size that was literally growing by the day. The project leveraged a lot of PNG templates sent to us by the design department and these template files were contributing about 50mb to the total size of the application. [...]

By |March 27th, 2014|Web, web development|0 Comments

Debugging Web Applications With Fiddler On Linux

Fiddler is by far one of the most popular web debugging proxies available. It allows you to capture, examine, save, edit and replay all HTTP / HTTPS¬† requests made by a web based application. For many years it was available only on Windows systems. But recently the creator of Fiddler, Eric Lawrence has released a version of Fiddler that runs using the mono runtime allowing it to run successfully on MacOS and Linux platforms. In this post I am going to run through the basic setup and usage of fiddler under Linux (I am using Linux Mint 15 the process should not vary too for other Debian based variants though). First up visit the fiddler site and download the alpha mono version of the application. After downloading unzip the package and copy the mono version of fiddler to the directory where you would like it to live on your system (I am simply using a folder named Software in my home directory). […]

By |August 28th, 2013|Linux, web development|2 Comments

Installing Safari on Linux Mint 15

Cross browser testing your sites is unfortunately a necessary evil. Installing virtual machines with the required browsers installed is one way to test your code. But a lot of the time I don’t want to wait for a VM to boot just to quickly test something. In this article I will run you through the process of getting the Windows version of Safari running under Wine on Linux Mint 15. Which will hopefully save some time waiting for virtual machines to boot up. To get started simply open a terminal and execute: sudo apt-get update sudo apt-get install playonlinux […]

By |August 13th, 2013|Linux, web development|0 Comments

A Quick Look At Animate.css

I was browsing github today when I came across the very interesting Animate.css repository. Animate.css provides a bunch of cool cross browser CSS3 based ¬†animations under an MIT licence that you can use in your own projects with minimal effort. First things first you need to get a copy and depending how you want to use it, you can either build a custom package here, that only contains the effects you are after (hover over the text titles to see each effect in action!). Or if size isn’t an issue and you just want to play around simply clone a copy of the complete code base from github repository. From here its pretty easy to get started, just include the Animate.css style sheet into your page and then add the desired classes to your elements as you require. Below I have created a basic html document to demonstrate a provided “hinge” effect on an element containing some text. The Animate.css style sheet has simply been added in the head of the document. I am also loading jQuery so that when a visitor clicks the hingeElement the animate and hinge classes are then dynamically added to the element: […]

By |July 3rd, 2013|CSS, web development|0 Comments

You will now access javascript:Recaptcha.reload();

I was looking at a Whitehouse petition earlier today asking that Patent trolls be made to pay all costs associated with their lawsuits if they lose when I can across the gem below. Although I do appreciate the site keeping me in the loop on what its about to access :-)

By |January 17th, 2013|web development|0 Comments

Empty Directories In Git

Occasionally when working on a code base the application at hand requires a directory for the storage of log files, uploads etc. You often like to keep the directory itself in the repository but you don’t want any of its contents that have a temporary lifespan making their way into the project git repository. Which causes a dilemma git will not keep directories with no files inside them within your repository. But leaving the directory out of the repository normally causes its own set of issues. For example if another developer clones the codebase they will most likely be faced with random application errors due to your project missing all of its required directories. […]

By |December 19th, 2012|Programming, web development|0 Comments

Executing PHP Code Server Side In .html Files

On a recent project we needed to provide a client our contribution to the site code base as static .html files. To make the development process easier though a number of the developers wanted to include some of the global page assets such as the header and footer using PHP includes in their development environments. This of course normally does not work as the server never passes the page content to the PHP engine to process as it doesn’t have a .php or .phtml extension. […]

By |November 26th, 2012|PHP, Sysadmin, web development|0 Comments

Debugging Mobile Web Pages With Opera Developer Tools

If experience has taught me anything its that debugging mobile pages can be a massive pain. Replicating page display issues without a device on hand can prove problematic, and something as simply as testing a number of URL’s can become very time consuming using a touch screen keyboard to enter each location. Opera Mobile Emulator can help ease some of the burden though, available for Mac, Windows and Linux it allows a developer to simulate a variety of mobile devices directly from their desktop machine. To try it out first head to http://www.opera.com/developer/tools/mobile/ download and then install the appropriate version of the mobile emulator for your platform. The basic use of the emulator is very straight forward simply open it up after installation and you will be presented with a pre-set list of devices the emulator can simulate. If none of the devices fit your requirements you are also able to enter the specific details for a custom virtual device. Launching a device gives you a fully functional mobile instance of Opera to open and test your projects without having to worry about hardware. […]

By |November 22nd, 2012|web development|0 Comments

Mirroring a website with wget

Clueless clients and bad briefs can make a developers life very difficult at times so sometimes it comes in handy to be able to replicate a site in its entirety to review. Rsync could be used to mirror the files to a local location but it doesn’t really fit this situation as it requires you have access to the server the site is hosted on. Wget on the other hand will retrive all the pages over standard http and store them locally to get started you simply need wget installed and then use the -m (mirror) flag to replicate a site i.e wget -m http://sitetomirror.com […]

By |November 12th, 2012|Linux, web development|0 Comments