oliviahannan Goto Github PK

blockrevealers

Ideas for revealing content in a schematic box look as seen around the Web lately.

bootcase

Bootstrap site

draggabilly

Make that shiz draggable

elastistack

ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

fancyletteranimation

An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-Shading-Letters-in-Illustrator) by Jake Bartlett's. Powered by Julian Garnier's [anime.js](http://anime-js.com/).

flipboard-layout

An experimental page layout that let's you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.

mirroreffect

Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate it within the context of a slideshow.

musicalinteractions

Some experimental ideas for playful musical interactions powered by MIDI.js.

pagestacknavigation

A template for a simple page stack navigation.

pagetransitions

A showcase collection of various page transition effects using CSS animations.

playlist-storytelling-template-js

A storytelling template that organizes point data sets from a CSV file embedded in your web map into an organized interactive list.

segmenteffect

Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).

selectinspiration

Creative styles and ideas for custom select elements.

tilthovereffects

Some ideas for hover effects with a fancy tilt effect. Inspired by the effect seen on Kikk 2015.

toronto2015