Slick Media Blog

Covering Website Design, Coding, SaaS, Software and Tech.
Editorial by
Glenn

jQuery prepend To

This is some text inside of a div block.
This is some text inside of a div block.
Use jQuery to insert HTML elements to the beginning of a target element

Stop Ad Blockers blocking Ads on Websites as a responsible advertiser

This is some text inside of a div block.
This is some text inside of a div block.
Ways to stop ad blockers blocking advertisements on websites with code, content and structure while maintaining a responsible and intelligent advertising approach.

Get IP with jQuery & ipify API

This is some text inside of a div block.
This is some text inside of a div block.
Get the client IP address with jQuery and the simple ipifyAPI provided to identify users on your website

jQuery Insert into Random Positions

This is some text inside of a div block.
This is some text inside of a div block.
Insert an element into a random position between a container's elements to move on page refresh.

Webflow Prev Next Pagination with Names

This is some text inside of a div block.
This is some text inside of a div block.
A Previous Next Pagination for Webflow with Item Names using Collections, jQuery and basic CSS.

Scroll to Top Button

This is some text inside of a div block.
This is some text inside of a div block.
Create a Scroll to Top button for your website with CSS and jQuery Snippet

Ajax Load External Script

This is some text inside of a div block.
This is some text inside of a div block.
How to load an external script with Ajax

Set Timeout Function

This is some text inside of a div block.
This is some text inside of a div block.
How to set a desired time before a function triggers

Moment.js Time between two dates from now

This is some text inside of a div block.
This is some text inside of a div block.
How to show the time elapsed between a date in the past and today / now with Moment.js.

jQuery Text Links to Hyperlinks

This is some text inside of a div block.
This is some text inside of a div block.
How to turn text links into clickable links with an href attribute.

Enable Cross-Origin Resource Sharing with CORS Anywhere

This is some text inside of a div block.
This is some text inside of a div block.
How to enable Cross-Origin Resource Sharing with CORS Anywhere

Scroll To with Fixed Header

This is some text inside of a div block.
This is some text inside of a div block.
This jQuery snippet is the holy grail of jQuery Scroll To with Fixed Header and the only script that we have found to work with Webflow Fixed Header with Scroll.

Element height always the same as width

This is some text inside of a div block.
This is some text inside of a div block.
How to ensure the element height is always the same as the width

Auto populate Webflow form from URL parameter uppercase remove %20

This is some text inside of a div block.
This is some text inside of a div block.
How to auto-populate a Webflow form from URL parameter

jQuery Toggle Class on Click

This is some text inside of a div block.
This is some text inside of a div block.
How to toggle the Class on Click with jQuery

Slick Carousel Fade In on Load

This is some text inside of a div block.
This is some text inside of a div block.
You don't need any JavaScript/jQuery to Fade in the Slick Carousel on Load as this can be achieved with just a few lines of CSS.

Remove Video Loop

This is some text inside of a div block.
This is some text inside of a div block.
Embedded HTML 5 Videos often default to looping video and this is derived from the video 'loop' attribute. Here is how you can remove the Video loop attribute with a simple jQuery snippet.

jQuery Remove Duplicates

This is some text inside of a div block.
This is some text inside of a div block.
This is a useful jQuery Script that removes duplicates within an element such as a list. It simply cycles through an element and removes anything previously 'seen'.

jQuery Document Ready with Delay for Load

This is some text inside of a div block.
This is some text inside of a div block.
How to load a jQuery function with a delay for load. and particularly useful if you need to ensure that other scripts on the page have completed their load before this function is triggered.

jQuery Current Year

This is some text inside of a div block.
This is some text inside of a div block.
Keep your website up to date with the current year with this jQuery Current Year snippet which is particularly useful for showing the current year for Copyright purposes.

Slick Carousel Continuous Scroll

This is some text inside of a div block.
This is some text inside of a div block.
How to achieve a continuous scroll on the jQuery Slick Carousel

Any Content Shortcode

This is some text inside of a div block.
This is some text inside of a div block.
A snippet to add any content (including HTML, PHP) as a WordPress shortcode for output onto your WordPress site

WordPress Page Title not Displaying SEO

This is some text inside of a div block.
This is some text inside of a div block.
If your WordPress page Title site is not showing the correct SEO then you need to add Title-Tag support to the Theme. Here's how.

jQuery Change Input Placeholder Text

This is some text inside of a div block.
This is some text inside of a div block.
How to update the input field Placeholder text and how to style it with CSS.

WordPress Echo post title with H tag

This is some text inside of a div block.
This is some text inside of a div block.
How to PHP echo the WordPress title with an H Heading tag/level (H1, H2, H3, H4 etc.).

Font Awesome SVG JS Before Pseudo Element

This is some text inside of a div block.
This is some text inside of a div block.
How to use Font Awesome SVG with JS with CSS :before pseudo element.

WordPress add Class to Body

This is some text inside of a div block.
This is some text inside of a div block.
WordPress add Class to Body functions.php PHP script.