Using d3.js, trianglify.js and velocity.js I was able to create a randomly generated, multilayered, transitioning and responsive background effect.
A Pen by Bill Searle on CodePen.
Bill Searle searleb
searleb
/ jQuery Animated Page Scrolling.js
Created
December 7, 2015 04:21
jQuery page scrolling - on click to an #
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(".scroll").click(function(event) { | |
| event.preventDefault(); | |
| var scrollToId = $(this).attr('href'); | |
| $("html, body").animate({ scrollTop: $(scrollToId).offset().top }, 400); | |
| }); |
searleb
/ column-bug.html
Last active
November 19, 2015 07:01
Webkit CSS Column Bug - border/padding gets removed from element
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul> | |
| <li>Lorem ipsum dolor sit amet.</li> | |
| <li>Lorem ipsum dolor sit amet.</li> | |
| <li>Lorem ipsum dolor sit amet.</li> | |
| <li>Lorem ipsum dolor sit amet.</li> | |
| <li>Lorem ipsum dolor sit amet.</li> | |
| <li>Lorem ipsum dolor sit amet.</li> | |
| </ul> |
searleb
/ Multi-Layered-changing-&-fading-background.markdown
Created
March 21, 2015 05:27
Multi-Layered changing & fading background
A text readable clock. Availble here: https://chrome.google.com/webstore/detail/text-clock/caacmmeopdailkdlgkimndodjipilaha
A Pen by Bill Searle on CodePen.
NewerOlder