Skip to content

Instantly share code, notes, and snippets.

@proxymoron
proxymoron / Simple lowrez canvas experiment, part 3.markdown
Created July 24, 2015 15:33
Simple lowrez canvas experiment, part 3

WOBA nav concept

A small dummy page to help show a navigation and animation concept to a client. Code is a tad messy but i'll tidy it later.

Not made for device but might have a look at that too.

A Pen by Alex Shortt on CodePen.

License.

@proxymoron
proxymoron / index.html
Created July 24, 2015 15:26
size Basic Collection Lookbook Experimenting
<div class="contentContainer bg-white" style="height: 902px;">
<!-- needed --><!--[if IE 7]><div class="ie7-wrap"><![endif]-->
<div class="basics-wrap no-js">
<noscript>
&lt;h1&gt;Please enable JavaScript to view the content on this page.&lt;/h1&gt;
</noscript>
<ul class="slide-nav">
<!-- <li class="go-prev">&uarr;</li> -->
<li><a href="#slide-1" class="NaN">♦</a></li>
<li><a href="#slide-2">♢</a></li>
@proxymoron
proxymoron / What does your name say about you?.markdown
Created July 24, 2015 15:26
What does your name say about you?

What does your name say about you?

Basic Letters to Words object - demonstrates how to turn a string into a bunch of other strings based on a dictionary lookup method. Could be easily modified for any of the facebook what does your X mean about Y apps.

A Pen by Luke Baughan on CodePen.

License.

@proxymoron
proxymoron / Navigation Bar by Jan Kaděra.markdown
Created July 24, 2015 15:24
Navigation Bar by Jan Kaděra
@proxymoron
proxymoron / Cool layout with fancy page transitions and off-canvas menu.markdown
Created July 24, 2015 15:22
Cool layout with fancy page transitions and off-canvas menu

Cool layout with fancy page transitions and off-canvas menu

Desktop only. Fullscreen please. Site, where i saw the original concept, uses canvas for page transitions :D And because i'm a newbie with canvas, i made more simplistic (in terms of animation, not code) copy with margin transitions (transform not working with background-attachment: fixed, which is needed for separated blocks with background-size: cover). Tested in latest Chrome/FF/IE, everywhere works ok. Original and really awesome site - http://grouek.com/ May have some z-index problems with shaking/disappearing blocks.

Forked from Nikolay Talanov's Pen Cool layout with fancy page transitions and off-canvas menu.

@proxymoron
proxymoron / Cool layout with fancy page transitions and off-canvas menu.markdown
Created July 24, 2015 15:22
Cool layout with fancy page transitions and off-canvas menu

Cool layout with fancy page transitions and off-canvas menu

Desktop only. Fullscreen please. Site, where i saw the original concept, uses canvas for page transitions :D And because i'm a newbie with canvas, i made more simplistic (in terms of animation, not code) copy with margin transitions (transform not working with background-attachment: fixed, which is needed for separated blocks with background-size: cover). Tested in latest Chrome/FF/IE, everywhere works ok. Original and really awesome site - http://grouek.com/ May have some z-index problems with shaking/disappearing blocks.

A Pen by Nikolay Talanov on CodePen.