JavaScript helper function to groupBy a value.
When you run your website through Google PageSpeed it will highlight the Google web font script as a render blocking file. Using the WebFontLoader to load the web fonts on the page with async and th...
In this tutorial we're going to investigate a cool webpack feature called code splitting. Code splitting will allow you to reduce the size of your main JavaScript file into different files and lazy l...
In a previous tutorial we saw how you can create a copy and paste button using jQuery and the ZeroClipboard flash extension. The problem with this is that it requires flash. As most of the web is mov...
Over the last couple of years there's been a growing trend in web development, this is the moving away from traditional back-end development and more to front-end development using Javascript. This ha...
Trying to work out the correct DateTime offset of a visitor can be tricky, the easiest way of doing this would be with JavaScript. You can find out the visitors DateTime information by using the JavaS...
A popular trend you see on many websites is the back to top button, where the user will click this button to automatically scroll back to the top of the page. In a previous tutorial I exampled how you...
Here is a quick code snippet for the JavaScript version of ucfirst. This code snippet will allow you to capitalize the first letter of a string using JavaScript. <br></br> function jsUcfir...
When you use jQuery UI sortable function on a table I've noticed that it will collapse the width of the row you're dragging which can lead to a strange user experience. In this tutorial we are going t...
With the web being used on so many different devices now it's very important that you can change your design to fit on different screen sizes. The best way of changing your display depending on screen...
The following article will show a code snippet of how you can use the third party application JWplayer on your website to display videos and an easy way of how you can make these videos responsive. JW...
I recently switched to use a new syntax highlighter called Prism.js, unlike other highlighters Prism.js is extremely lightweight by default and you can append additional add-ons to library for more op...
When you are using the Google map API on your website it will override the the scroll mouse event and act as the zoom on the maps. This feature makes it really easy to zoom on a certain position on t...
With mobile devices becoming more and more popular there will be times when you need to do something different for users coming to your site from one of these mobile devices. If you want to change the...
Having an accessible website is very important it means that you are not neglecting any potential customers coming on to your site and being able to use it correctly. But what do you do when the visi...