Jaime's public fiddles
-
Horizontal Select Field
Changing the drop down options to a horizontal list (button form).
-
Stylized Input
A CSS form with floating labels. JQuery is used only to keep the fields afloat once text has been inputted.
-
Pure CSS: Filter By Image Type
Sometimes JavaScript isn't an option. So what do we do? Pure CSS. The following is a pure CSS content filter.
-
Flexbox Grid: Pure CSS Lightbox
CSS lightbox coupled with Flexbox Grid.
-
CSS Image Box
A styled element to contain images for single use, multiple instances, or within a grid system.
-
Pure CSS Lightbox
A lightbox made with pure css (no Javascript).
-
CSS Timeline
Pure CSS timeline
-
Flat Design Navigation Menu
With transitioning colors and text
-
Slide-out Bootstrap 4.1 Menus
Using CSS, FontAwesome, and Bootstrap 4.1 to create a slideout, responsive Sidebar and User Nav menu.
-
Responsive Drawer Menu
No-Library (pure JS), HTML, CSS, JavaScript
-
Pure CSS: Slideout, Responsive Menus
Using pure CSS to create a slideout, responsive sidebar menu.
-
Bootstrap Responsive Equal Height Columns
Equal height columns utilizing flex.
-
Pure CSS - Link Width Animation
A reveal and hide effect for links.
-
Super Simple CSS Modal (Popup)
A pure css modal popup with exceptionally easy implementation.
-
Bootstrap Three-One-Three Vert Grid
A Bootstrap based three column, one column, three column grid.
-
Vertical Menu [Beta]
Vertical menu using CSS3, HTML5, Google Fonts, and FontAwesome.