Skip to content

Instantly share code, notes, and snippets.

@colbyfayock
Forked from jacquescrocker/gist:2001302
Created June 14, 2012 12:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save colbyfayock/2930087 to your computer and use it in GitHub Desktop.
Save colbyfayock/2930087 to your computer and use it in GitHub Desktop.
Misc handy bookmarklets
javascript:(function()%7Bjavascript:var p%3Ddocument.createElement(%27div%27)%3Bp.innerHTML%3D%27<style type%3D"text/css"> %40-webkit-keyframes bounce %7Bfrom %7B-webkit-transform: translateY(50px) rotateY(75deg)%3B %7D to %7B-webkit-transform: translateY(-50px) rotateY(75deg)%3B %7D %7D .snake__hp-custom %7B position:fixed%3Btop:5em%3Bz-index:99999%3B-webkit-transform: rotateY(-75deg)%3B -webkit-transform-style: preserve-3d%3B %7D .snake__hp-custom .circle %7B-webkit-transform: translateY(50px) rotateY(75deg)%3B float: left%3B margin-left: 1px%3B background: url("http://aptary.com/images/codepen/smiley/yellow_circle.png%3Fv2")%3B width: 80px%3B height: 80px%3B -webkit-animation-duration: 1.5s%3B -webkit-animation-name: bounce%3B -webkit-animation-iteration-count: infinite%3B -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)%3B -webkit-animation-direction: alternate%3B -webkit-animation-play-state: running%3B %7D .snake__hp-custom .head %7Bbackground: url("http://aptary.com/images/codepen/smiley/smiley_face.png%3Fv4")%3B %7D .snake__hp-custom .seven %7B-webkit-animation-delay: 300ms%3B %7D .snake__hp-custom .six %7B-webkit-animation-delay: 600ms%3B %7D .snake__hp-custom .five %7B-webkit-animation-delay: 900ms%3B %7D .snake__hp-custom .four %7B-webkit-animation-delay: 1200ms%3B %7D .snake__hp-custom .three %7B-webkit-animation-delay: 1500ms%3B %7D .snake__hp-custom .two %7B-webkit-animation-delay: 1800ms%3B %7D .snake__hp-custom .one %7B-webkit-animation-delay: 2100ms%3B %7D </style> <div class%3D"snake__hp-custom"> <div class%3D"circle one"></div> <div class%3D"circle two"></div> <div class%3D"circle three"></div> <div class%3D"circle four"></div> <div class%3D"circle five"></div> <div class%3D"circle six"></div> <div class%3D"circle seven"></div> <div class%3D"circle eight head"></div> </div>%27%3Bdocument.getElementsByTagName(%27body%27)%5B0%5D.appendChild(p)%3B%7D)()%3B
javascript:(function()%7Bvar%20location=(%22http://responsive.is/%22+window.location.host+window.location.pathname);if(location.substring(location.length-1)==%22/%22)%7Blocation=location.substring(0,location.length-1);%7Dwindow.location=location;%7D)();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment