nantreee’s gists

nantreee / Pull-Menu---Menu-Interaction-Concept.markdown

Created December 23, 2014 18:59 — forked from anonymous/Pull-Menu---Menu-Interaction-Concept.markdown

nantreee / Solar-System-animation---Pure-CSS.markdown

Created January 5, 2015 00:37 — forked from anonymous/Solar-System-animation---Pure-CSS.markdown

Solar System animation - Pure CSS

Here is a true time scaled solar-system, which means that every objects have a time relative to an Earth year.

Forked from Malik Dellidj's Pen Solar System animation - Pure CSS.

A Pen by Captain Anonymous on CodePen.

License.

nantreee / Gameboy-(full-CSS).markdown

Created January 5, 2015 00:39 — forked from anonymous/Gameboy-(full-CSS).markdown

Gameboy (full CSS)

https://plus.google.com/109756922559440195299/posts/gQpRx4UNY6j https://plus.google.com/107148507598811562598/posts/TTPZ5GgfZt8

Forked from heero's Pen Gameboy (full CSS).

A Pen by Captain Anonymous on CodePen.

License.

nantreee / Playing-with-CSS-Filters..markdown

Created January 5, 2015 00:42 — forked from anonymous/Playing-with-CSS-Filters..markdown

Playing with CSS Filters.

Using contrast() to posterise the image, in turn rounding the overlapped blurred regions of the two circles to a block colour.

A Pen by Sam Jarvis on CodePen.

License.

nantreee / Moving-things-around-with-Velocity.js.markdown

Created January 5, 2015 00:42 — forked from anonymous/Moving-things-around-with-Velocity.js.markdown

Moving things around with Velocity.js

I'm moving around a whole bunch of elements with Julian Shapiro's Velocity.js. It's running pretty well on my Chrome at anywhere between 60 - 48 frames per second, impressive :)

It took around 4 hours to bang this out after first looking at the documentation, pretty easy to use if you are already a jQuery user. http://julian.com/research/velocity/

No markup because why select when you can create right?

*** I should add that this sort of thing (animation sequence) isn't really what Velocity.js was built for, but I just wanted to crank up the elements/intensity to see how the browser handled it. Incorporating Velocity.js in to your average UI transitions/animations should be a dream :)