Alex's public fiddles
-
Custom html input radio & checkbox types
jQuery 3.4.1, HTML, CSS, JavaScript
-
Html input labels like placeholder effect
jQuery 3.4.1, HTML, CSS, JavaScript
-
Years as a drop down selection list
For drupal users: You can simply create a "Number (integer)" form field (4digits) whose "Machine Name" contains the word "year" e.g. "field_year" and the following javascript code makes it happen
-
Simple jQuery parallax effect
Fluid parallax-like movement of an html element with a little bit jQuery magic.
-
Top fixed positioned image, parallax-like effect
Top fixed positioned html image, parallax-like effect, with little bit jquery magic
-
Random movement of HTML elements
Balls random movement with little bit jquery magic. Also balls stop on mouse hover.
-
Move html element to mouse pointer
Smooth move of an html element to the direction of your mouse move pointer, with little jquery magic.
-
External link open in new tab
Simple Jquery code to open external links in new tab
-
Simple jquery slider
Simple & customizable jquery slider with controls and pager. Because of its code simplicity its also easy to customize it.
-
Animate element from 0 to 100% width
A tricky css animation without js help.
-
Animated letters based on CSS clip-path polygon style
Animated letters based on CSS clip-path polygon style
-
Pop-Up block periodically showed based on localstorage
I use "local storage" instead of "cookies", to show the popup in my preferable time ago...
-
Τime gradually css effect (domino)
Children items showed with time delay when they enter on viewport. Works on grid-like layout. jQuery
-
Draw SVG graphic line-path on viewport
Draw an inline SVG graphic line-path when scrolled into view, with little jQuery magic.
-
Very Simple Slider with pager
With little bite jQuery magic
-
Responsive Table
Make your HTML table responsive with little jQuery + CSS code
-
Animated svg css clip path
Nice animated svg mask to an image
-
Start animated gif when is on viewport, jQuery
Animated gif (not infinite loop) run when it is showed on your browser screen-window.
-
Smooth scroll to a specific page element
When the linked page will load, it will auto scroll to specific html element
-
Smooth show-hide html element on Hover, CSS
Show-Hide submenu on hover with smooth transition. (not classic display block-none way)