Simple Centered Bootstrap 5.2 authentication pages; login, register, verify email and reset password. Centered on the page using an auto margin, these clean designs are easy to customize or use…
A modern-looking Bootstrap card element built with Bootstrap version 5.2 Usually the default Bootstrap card has a very defined header and footer consisting of a border and shaded background. This…
How to catch and handle the show and hide events on the Bootstrap 5 accordion component. An accordion is a show/hide card that collapses or expands when clicked, it is…
Feather icons is a large open-source collection of SVG icons to use on the web. Usage is easy and requires just one file request. By default, there are no size…
Live update an input value when sliding a jQuery Ui slider and set the slider value when the input is interacted with. The CodePen example: See the Pen by corbpie…
How to apply a product filter for sizes using checkboxes and jQuery/javascript. Live page filtering without a refresh can be done upon interaction with checkboxes that can apply an array…
A noUiSlider multi-range HTML slider complete with the slider values outputted into the HTML. noUiSlider is a minimal Javascript range slider framework with a convenient API. CodePen example. You will…
Using jQuery to select text and input values based on closest parameters. CodePen example. closest() will get the first element matching by traversing up, whilst find() will descend until the…
Some simple animated gradient text with CSS which is more attention-grabbing than just plain, stationary coloured text This method utilizes the CSS animation property. CodePen link. The CSS h1 {…
Making a horizontal scrolling table where the first column is sticky and stays in place. Tables are fine to an extent but once you start having more than a few…