News & Blog

Prevent jQuery scrollTop Animation Jumping To Top First

July 11th, 2014 - Posted by Steve Marks to Javascript / jQuery, Web Development.
On a lot of websites now it’s common to see smooth scrolling when being jumped to different sections of a websites page. This is particularly common on long pages, or single page websites. Before smooth scrolling you’d simply get jumped to a section on the page which was confus...

How to Load jQuery in the Footer of a WordPress Website

June 6th, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Software, Web Development.
If you’re familiar with building WordPress sites that use jQuery you may have seen it included using the following method in the header of a website: wp_enqueue_script('jquery'); wp_head(); You enqueue the script and then when wp_head() is called, the jQuery library will be loaded fo...

Get Current Slide Index of jQuery Cycle 2 Slideshow

May 24th, 2014 - Posted by Steve Marks to Javascript / jQuery, Web Development.
I’ve been using the jQuery Cycle plugin for as long as I can remember, and have even blogged about it in the past. Recently I tried the second version of the plugin, aptly named ‘Cycle 2‘, which worked just as well and is definitely an improvement on the original. One iss...

How To Fill Empty Gaps in Isotype

May 16th, 2014 - Posted by Steve Marks to Javascript / jQuery, Web Development.
I’ve used the jQuery Isotope plugin on a few sites recently. I absolutely love using it and think it adds such a nice touch to a website, particularly pages such as portfolios and galleries. One issue I’ve been having recently was when displaying an Isotope grid with different ...

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...
Debugging Ajax Requests

Debugging Why Your AJAX Requests Aren’t Working

February 18th, 2014 - Posted by Steve Marks to Javascript / jQuery, Software, Web Development.
AJAX is a great way to improve usability for a site or application and, with the up-rise of libraries such as jQuery, MooTools and Prototype, it’s never been easier to implement AJAX functionality. When it’s working it can make tasks quicker to complete, and also means that the...

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...
Creating a Flot Horizontal Bar Chart

Creating a Horizontal Bar Chart With Flot.js

November 26th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
I’ve been working with the jQuery Flot library quite a bit recently, and have already blogged about some of the problems I’ve had to overcome. This post isn’t necessarily about a problem. More of a ‘How To’ after I struggled to find any documentation or tutori...
Flot Blank in Internet Explorer 8

How I Got jQuery Flot Graphs To Work in IE8

November 19th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
I’ve been working on a project recently that required a whole load of graphs and charts be displayed; From pie charts, to horizontal bar charts. To accomplish the job I put my faith in the trusty jQuery Flot library. I’ve used the Flot plugin in the past for simpler graphs but ...

jQuery fadeOut() Not Working on Absolute Positioned Elements

September 18th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
I’ve been using jQuery for a few years now and, in this time, must have done thousands upon thousands of hiding and showing elements by using the fadeIn() and fadeOut() functions. Back in the day, hiding and showing elements was commonly done by switching the ‘display‘ st...