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…
Read More
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…
Read More
Filling device storage with HTML5 localstorage
A while back I wrote about using HTML5 local storage engine for storing websites data locally on a client device for caching or off line use. The W3 recommendation on web storage recommends a size limit on the amount of data storage allowed per origin. This has currently been implemented…
Read More
HTML5 Offline Storage
HTML5 introduces a pretty handy ability to cache remote resources locally for off-line use, meaning the resources are downloaded once. Then when the page is used again in the future the local (cached) copies of the file will be used instead of requesting the files from the server again. Why…
Read More
Creating Rounded Edges With CSS3
Rounded corners are often lauded in the design world, UX / UI people claim rounded edges are easier on the eyes and makes information easier to process by our brains. A few years back it used to be a pain to achieve this effect though. With a developer having to…
Read More
Text Drop Shadows With CSS3
A few years back i worked at a digital agency where one of the guys on the team loved to look at pages and exclaim “its almost there it just needs a drop shadow and we are done”. For years now if you wanted to make some text look “a…
Read More
Client Side Image Place Holders Made Easy
For years designers and developers have used “Lorem ipsum” as a standard placeholder text when creating page layouts. When incorporating images into the body design though the standard approach is a little less straight forward. With images having to be made or resized first to the required dimensions and then…
Read More
Removing Stolen Content From Google
From time to time its not uncommon to find sites stealing your content in its entirety with no link back to its original source whilst plastering ads around their page to make money off your hard work. Getting these plagiarised sites removed from Google used to be a hassle, requiring…
Read More
HTML5 Placeholders With jQuery
HTML 5 brings many new features to the browser including a lot of enhancements to the way forms are created and handled. One of my favourite features is the introduction of the placeholder attribute, this allows the display of some text in a text input field or text area until…
Read MoreHate the new Google sidebar? Get rid of it!
If you are like me you are not a great fan of the new Google side bar. Luckily for users of Firefox its easy to revert back to the “Classic” look Google using the Grease Monkey Firefox extension. Steps to revert your Google Results Download and install the Grease Monkey…
Read More