Slidorion is a jQuery plugin that combines a slider and an accordion.
Slidorion launched on October 26th, 2011 and has since spread it's way around the globe, pulling in 18,000 unique visitors in it's first month.
The slider provides more information than a standard caption would, allowing for extra information to be displayed. It has proven to be very popular with e-commerce sites, with a Prestashop plugin being developed.
Credit has to go to Mike Onslow for help and advice throughout the development process.
A company that specialises in baking and decorating cakes.
A small, simple website for Iced Delights, a company that specialises in making personalised cakes. This project required a solid design accompanied by a slick way of presenting their previous work.
Using jQuery, I created a sliding container to display images of the previous cakes. The customer was delighted with the finished site, giving praise to the beautiful design.
A simplified blogging system for the Football Association.
As part of my university dissertation, I am working with the English Football Association to create a simplfied blogging system specialised for them. The system contains provides the user with an exceptionally quick method of creating and editing posts and includes only exactly what the client requires.
Although a huge project, it has been a pleasure to work on, improving my OOP skills and helping me to create efficient database queries.
It's a joy to work with such a large client, but sadly I am restricted so cannot provide a link to the system.
Install Plus
Kitchen fitting company based in Hampshire with a large range of products.
The spec for this project was to create a beautiful site which allowed the user to easily filter through the 500+ products they supply. The client opted out of having an online store, so instead a wishlist was implemeneted, providing the user with a method of storing the things they liked.
This project was my first commercial site and taught me a lot, from Search Engine Optimisation to improving my database skills.
I encountered a very peculiar problem today, where all my JavaScript was being printed to the page whilst still running in the browser. I was quite sure what caused this so I did some investigating (slowly undoing all my changes to see what caused it. really basic I know!!) and finally found the problem was with a CSS change I had made.
Whilst adding some global styles using the * operator, I had added the code “display: block” to it. Turns out that this tells all HTML tags, <script> included, to display as a block element. Quite an interesting discovery really, and is a great way of easily printing out code, whether it be development purposes or simple for blog like this very one.
So to just target the script tags, then use this CSS code:
script {
display: block;
white-space: pre;
}
Adding the “white-space: pre;” will preserve the line breaks exactly as they are in the code.
A lot of projects I’ve worked on recently have required unique ids or numbers being entered into a database. I’ve been working with this function for a while now and it’s proved very useful, so thought I would share it with everyone…
During a recent project, I found the need to check if rows in a database were more than 6 hours old. So here’s how to add and subtract dates and times in PHP…
Yesterday I discovered a great website for the Chrome plugin Stylebot where users can upload their CSS changes of popular websites for others to use and comment on. I think this is a really cool idea, and although half of the reworked skins are poor, the other half are really cool. There’s a limited amount you can do when you’re not able to re-structure any of the code, but I managed to work this out…
Recently I’ve been getting a tonne of spammy trackbacks on this blog, resulting in very annoying emails and constantly logging in to tell WordPress it’s a spam comment. If you don’t how to disable these, then simply go to Settings > Discussion and untick the option “ “. This will set the ping status of all future posts to false, preventing any trackbacks for those posts. But if you’re like me and didn’t select this setting (or it wasn’t turned on during migration) you’ll need to set the ping status of all the posts to false. Here’s how…
When I login to this or any other WordPress blog, I am always greeted with the same boring and useless widgets. Ok some aren’t useless. Recent drafts and recent comments are useful and at a push the ‘Right Now’ widget, but that is rarely used. So I asked myself, what would I like on the homepage? Well I find myself from time to time having to go back into the admin area to amend a spelling mistake that I missed before publishing a post. So creating a “Latest Posts” widget that displays the most current posts would be a good place to start. Adding widgets in WordPress is really simple. Here’s how…
Ok, if you have no idea what Pinterest is then go check it out. It is a website that lets you organise and share all your favourite things by using pinboards. It really is a cool site, but what I find interesting is how these pinboards are laid out. I’ve seen something similar before with jQuery Isotope where blocks are perfectly positioned into a series of columns, and as the screen size changes, the columns re-shuffle to make sure they fit inside the screen. So the purpose of this tutorial is to re-create this responsive block effect ourselves…
I was sat around last night not really sure of what to do. I’d had a boring day and wasn’t feeling motivated, so after going for a run and clearing my head, I decided to create a small challenge for myself – to build something cool within the next 90 minutes, a bit like a Hackathon but with a shorter time frame. It was pretty hard! Having to take something from a simple idea to a finished product in that time frame is tough, but there’s something about being under the pressure of a short time frame that made it work. I didn’t have time to worry if this colour was correct, or if that padding needed to be an extra pixel. It all comes down to, does it work? So here is what I came up with…
I recently moved a WordPress blog from one domain to another without a hitch, well at least I thought. Turned out that a lot of the links within the posts still pointed towards to old domain. This was poor for both site performance and SEO purposes, not forgetting that the domain would soon be cleared leaving the user at a dead end when they clicked the links. So here is a method to replace a series of text or a URL in all your WordPress posts…
jQuery 1.7 was released back in November 2011 and contained a series of changes. One of those was the introduction of .on() and .off(). The purpose – to unify all types of event handling in jQuery and make code more efficient. Here’s the changes and how to use the new handlers…
my lab
