Automatically Generate urllist.txt From sitemap.xml

Using PHP it is quick and easy to automatically generate your urllist.txt sitemap from your sitemap.xml file (for example, using gatsby-plugin-sitemap).

Automatically Generate urllist.txt From sitemap.xml.

If Not Internet Explorer Conditional HTML

Conditional comments allow us to target specific versions of Internet Explorer. However there is a distinct different between IE and !IE selectors...

If Not Internet Explorer Conditional HTML.

Looping in Javascript ES5 and ES6: for and For/of

With the introduction of the new JavaScript standard ES6, there are some new and interesting ways to loop through data, which I discuss here today.

Looping in Javascript ES5 and ES6: for and For/of.

Accessing a Random Element From an Array Using JavaScript

There are many times you might wish to use randomisation within your web app. JavaScript makes accessing a random item from an array easy.

Accessing a Random Element From an Array Using JavaScript.

Get the Number of Years Between Two Dates with PHP and JavaScript

A common web development task: get the number of years between two dates. Today, we discuss how to do this with PHP in the backend, or frontend with JavaScript.

Get the Number of Years Between Two Dates with PHP and JavaScript.

DOM Traversal: Closest() in Vanilla JavaScript and jQuery

Mastering traversing the DOM tree is an essential skill in front-end development. Here I discuss the options available via jQuery and vanilla JavaScript.

DOM Traversal: Closest() in Vanilla JavaScript and jQuery.

Handling Click Events in JavaScript

One of the things jQuery is very good for is handling click events. However, it isn't much more difficult in vanilla JavaScript either!

Handling Click Events in JavaScript.

How to Check an Element Exists with and without jQuery

There are many easy ways to detect whether or not an element exists on-page, using either jQuery or just vanilla JavaScript

How to Check an Element Exists with and without jQuery.

A Simple Popup Window Using jQuery

Opening a new browser window programmatically on-click is very simple to achieve with jQuery, and no more complex to achieve with vanilla JavaScript too!

A Simple Popup Window Using jQuery.

Setting CSS Blur Filter to Zero on a Retina Screen

A bug in the WebKit engine that only affects website Retina screen devices means that setting a zero-blur filter in CSS isn't as easy as it should be.

Setting CSS Blur Filter to Zero on a Retina Screen.