Slick Media Blog

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

Webflow Nested Collections Limitations Solved with jQuery

This is some text inside of a div block.
This is some text inside of a div block.
Circumvent current Webflow Nested Collections limitations using a custom light jQuery script to load multiple Collection content from the Collection Template Pages directly into respective Collection List items in a Collection List.

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

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

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 Other Input box to Select dropdown

This is some text inside of a div block.
This is some text inside of a div block.
How to create an 'Other' Input Box from a select dropdown

Isotope Filter by URL Hash

This is some text inside of a div block.
This is some text inside of a div block.
jQuery Isotope remains the best script to filter and sort elements in various layouts like grids, masonry and responsive layouts. A missing feature is the ability to sort these layouts via a URL hash and you can fill in this blank with this 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

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.

jQuery Visible on Screen

This is some text inside of a div block.
This is some text inside of a div block.
A great piece of code that allows you to run a script when an element is physically visible on the screen.

Check if jQuery is Loaded Script

This is some text inside of a div block.
This is some text inside of a div block.
A simple script to check that your site is loading jQuery

jQuery Swap Image

This is some text inside of a div block.
This is some text inside of a div block.
How to swap an image with jQuery on Load

WooCommerce Change Text

This is some text inside of a div block.
This is some text inside of a div block.
How to change the default WooCommerce Text with jQuery

Hype Animation Fluid Height

This is some text inside of a div block.
This is some text inside of a div block.

jQuery Responsive Equal Height Method

This is some text inside of a div block.
This is some text inside of a div block.
How to achieve fluid equal height in jquery using the WordPress Gallery as an example.

jQuery Open Link with Class in New Window

This is some text inside of a div block.
This is some text inside of a div block.
Open link with Class in New Window using jQuery

jQuery Clickable Div Based on Internal Link

This is some text inside of a div block.
This is some text inside of a div block.
How to make a clickable div based on internal link using jQuery.