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…
Getting a fixed or frozen first column in a DataTables table that stays in place whilst the user scrolls on the X-axis. This is handy for smaller screen sizes and…
JQuery closest and find example to target and get values where you cannot individually do so i.e multiple elements using the same id/class name. CodePen link. Click the buttons on…
An example pricing plan table built with Bootstrap, structured as 3 different tiers it is fully responsive. The CodePen example: See the Pen Bootstrap price plan table by corbpie…
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…
Building an array in Javascript and filling a text area with the array and clearing it on button click. CodePen example. To build an array in Javascript you need to…
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…