midnightCabbie's public fiddles
-
nbg4u53p
No-Library (pure JS), HTML, CSS, JavaScript
-
mapModal
Launching Google map inside a Bootstrap modal
-
picturefill
No-Library (pure JS), HTML, CSS, JavaScript
-
BS3 Slide Menu
Off canvas menu slides in from left to right
-
navbar collapse problem
When navigation collapses it approx. 100px of margin (Whitespace) appears below where the navbar was located.
-
2 ColumnImage Text
No-Library (pure JS), HTML, CSS, JavaScript
-
Large Whitespace
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive Text
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive Text
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive Background Image
makes a div with no content but with a background image responsive. Other approaches such as adding or non-height:1px; will only work if the background's with is hard-coded. To be responsive we need width in %'s. Adding an inner div with top padding tricks the browser into thinking that the div has content. Calculating the padding height in percent = image height/image width preserves the div's shape.
-
Combobox w/links
Combobox with links in drop menu