Alan 's public fiddles
-
Mouse over implementation
Changes the CSS background color of another element when hovering over a certain element
-
Background color toggle div
A simple implementation of toggleClass, used to change background colors
-
Continuous consecutive numbers
Find continuous consecutive numbers in a string, whether they be digits or tenths
-
Extending native JS datatype
Extending 'repeatify' into the native prototype in JS
-
Image and text left to right aligned
A very minimalist implementation on image and text left aligned to right aligned
-
Prevent code execution if we are in a specific URL
From a given list of prefixes, a code will run as long as the current URL does not contain any of the given prefixes.
-
Color text via radio button
A simple CSS only implementation of checkbox selector to color text
-
Flow from input to input automatically
Seamlessly go from input box to input box, when keyup occurs at the specified max length of the input field
-
Color changing on hover
Implementation of hover to change color of div and font, can also be enhanced with transitions if desired.
-
Top aligned overlay div with text, with fade out
Used to display a message to users, implementation acts as a fade out mechanism
-
Continuous coloring animation
JS/JQuery only implementation of queue/dequeue and promises to modify CSS and create a looping animation
-
Continuous coloring animation
CSS only implementation of keyframes to create a looping animation
-
Continuous coloring animation
Both CSS and JS/JQuery implementations of a coloring animation, available by uncommenting/commenting CSS. CSS version deals with keyframes, JS version deals with queue/dequeue/promises
-
Determine visible state
Using jQuery to determine the visibility of an element, simple and to the point
-
Timed hover to display pop up
Implementing a very simple function that will pop up after hovering for x amount of time
-
Scroll active only elements
Showing various elements which can be scrolled, excluding one which will not scroll when the pop up is active