Brian's public fiddles
-
CSS Blur Animation
No-Library (pure JS), HTML, CSS, JavaScript
-
Simulate Flexbox Order via AJAX
jQuery 3.4.1, HTML, CSS, JavaScript
-
Secure Data Blog Maintenance page
Hat tip to Calvin Bramett for his original framework this was based up. https://codepen.io/calvinbramlett/pen/WOMzqx
-
Down Arrow
No-Library (pure JS), HTML, CSS, JavaScript
-
Full Swiper JS Demo
This demonstrates: 1. Arrows outside of slider 2. Filtering 3. Variable Rows 4. Variable Columns 5. Passing a configuration via variable compatible with multiple slides per page 6. Cacheable JS and CSS 7. Responsive resizing 8. Solving the issue of switching to a filter that has fewer advances than the one are currently on One question to figure out is why there are only 3 rows for the awards filter instead of 4 rows OR 4 cols and 2 rows. 2 cols and 3 rows does not make sense unless swiper can't properly adjust for missing slides. More testing is needed with other filter variations.
-
Variable Handling with Set Interval Loop
An exploration of how simple variables and object variables are handled in JavaScript.
-
Wistia On Demand
Used to load wistia resources ONLY when a button is pressed, not on pageload.
-
Slick Slider Custom Arrows Demo
jQuery (edge), HTML, CSS, JavaScript
-
Variable Handling with Set Interval Loop
An exploration of how simple variables and object variables are handled in JavaScript. Related: http://stackoverflow.com/q/15099929/918414
-
cLp8eu1n
No-Library (pure JS), HTML, CSS, JavaScript
-
slick.js test
Test to demonstrate how prev/next buttons get removed after adding a panel
-
Are we open?
A framework to see if we are open at the time specified in a passed array. A more dynamic fork of this code pen: https://codepen.io/zeinab92/pen/xwWGWM
-
Always Add AMP to URL
This is the basis for a bookmarklet I am writing to take me to the amp testing page for the current url. Original fiddle https://stackoverflow.com/questions/11531363/javascript-jquery-add-trailing-slash-to-url-if-not-present
-
jQuery UI Accordion Demo
This version is straight from the example at https://jqueryui.com/accordion/
-
jQuery UI Accordion Demo
This version is straight from the example at https://jqueryui.com/accordion/
-
jQuery UI Accordion Demo
This version is straight from the example at https://jqueryui.com/accordion/
-
Cloning experiment - Numbered Children
A button clones a sample field set and renumbers the clone's child fields based upon the the numbers used in the last field set.
-
CSS only spoiler reveal solution
Shows underlying text when hovering mouse over the text.
-
9zmt7xv4
No-Library (pure JS), HTML, CSS, JavaScript
-
JQuery Minesweeper
Not my code. I stumbled across it on gist and wanted to see it in running condition: https://gist.github.com/einfallstoll/4528997