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...

Laravel Google Maps V3 API Package

July 2nd, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Web Development.
Almost four years have passed since I first created my Google Maps V3 API CodeIgniter library. During this time it’s been downloaded by tens of thousands of developers and is by far the most popular page on this blog. With the Laravel framework coming onto the scene over recent years...

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...

Querying Posts Using AJAX In WordPress Returns All Posts

May 22nd, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Web Development.
I’ve found myself doing a lot of work recently with AJAX requests in WordPress. Today was no different when I was tasked with implementing an infinite scroll onto a blog. The user would scroll and the next set of posts would be pulled in when the user reached the bottom. Initially I ...

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...

Resolving the Random Zero at the End of AJAX Requests in WordPress

March 18th, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Software, Web Development.
If you’ve ever integrated AJAX functionality into a WordPress plugin or theme, you have probably / should have used the in-built WordPress functionality that already exists. An article in the WordPress Codex explains how to do this, and demonstrates how easy it can be. I needed to do...
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...
acf-street-view

Advanced Custom Fields Street View in Google Map

February 5th, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Software, Web Development.
One of the field types available with the Advanced Custom Fields plugin for WordPress is ‘Google Map‘. This allows a user to enter a location or address, then have a Google Map be output on the frontend. I worked on a site this morning that required a Google map adding, the dif...