News & Blog

Extract Header and Footer From Website HTML

June 11th, 2014 - Posted by Steve Marks to (X)HTML / CSS, Web Development.
A lot of projects we undertake begin with us copying an existing site’s HTML to use as the foundation for further updates. Whether it be implementing a site into a Content Management System, or maybe someone has lost contact with their existing developer and needs us to clone the sit...

How To Create a Torch Effect With jQuery

April 16th, 2014 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
On the homepage of this site you’ll notice that there is a series of panels advertising each service. My favourite one is the ‘Contact Us‘ panel, mainly because of the effect being used. I call it the ‘Torch Effect‘ because it’s like someone shining a to...

Fixing Remote Modals in Bootstrap 3.1

January 31st, 2014 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
Yesterday saw the release of Bootstrap version 3.1. After upgrading one of my sites that previously used version 3.0 I noticed that my remote modal dialog boxes had stopped working. The translucent backdrop would show but the content wouldn’t. There were no JavaScript errors, and no ...

Getting Marketo Landing Page JavaScript To Work

January 27th, 2014 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
I was recently tasked with building some landing pages in Marketo for a client. They chose Marketo so that they could track conversions and record submissions from the embedded form. I’d built landing pages in the past with no real problems, that was until now. In summary, on my land...

Resolving Google Map Controls Appearing Squashed

January 9th, 2014 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
After working on an implementation of a Google Map earlier today, I came across an issue with the controls of the map appearing squashed, almost invisible like so: As you can see, the zoom control for example is barely noticeable. It was the same for other controls on the map, and also the...

Proxima Nova TypeKit Font Showing Italic in IE6 – IE8

December 16th, 2013 - Posted by Steve Marks to (X)HTML / CSS, Web Development.
We’ve been using Adobe TypeKit fonts on a few sites recently to enhance the look and feel of the design. As one of these sites neared completion we performed the standard cross-browser testing, and found that one of the fonts we’d used, Proxima Nova, wasn’t appearing quit...
wordpress-menus

Add Unique Class To Individual wp_nav_menu() List Item in WordPress

November 4th, 2013 - Posted by Steve Marks to (X)HTML / CSS, PHP, Web Development.
If you’ve ever built a site in WordPress, you’ve probably set up and managed the navigation through the ‘Menus’ section. Doing so makes it easy to manage menus, but also allows the client to control the layout too. A couple of times over the last few years I’v...

Reasons Not To Use Software For Automatic PSD to HTML Conversion

October 15th, 2013 - Posted by Steve Marks to (X)HTML / CSS, Software, Web Development.
Have a quick search for the phrase ‘PSD to HTML conversion‘ and some of the results returned will probably be adverts for software that can allegedly turn your Photoshop files into HTML at the click of a button. I’m sure that this software can do the job, or at least get ...

Return VideoJS Player to Poster Frame After Video Ends

September 25th, 2013 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
I’ve written previously about VideoJS and a problem I faced whilst using it. Todays post isn’t about a problem as such, but more a usability improvement that, to be honest, I couldn’t believe wasn’t default functionality. The improvement I’m referring to is re...

WordPress Plugin – Property Portal BLM Export – WP-Property Add-On

July 15th, 2013 - Posted by Steve Marks to (X)HTML / CSS, MySQL, PHP, Software, Web Development.
If you send automated feeds to property portals such as Rightmove and Zoopla, to name but a few, you’ll know doubt of heard of BLM files; A format that allows you to send your properties to these property portals in an automated fashion whereby they can be processed the other end. Th...