paultreny

Simple Typing Carousel

Simple pure JavaScript plugin to rotate text snippets as if they were being typed.

http://schier.co/post/simple-vanilla-javascript-typing-carousel

A Pen by Paul Reny on CodePen.

License.

paultreny

Touch device jelly menu concept

What would you like to eat today?

Will be great x with native implementation on touch devices My inspiration started here http://capptivate.co/2013/07/12/making-3/ Most of icons are Ashleigh Brennan's http://dribbble.com/ash-brennan

Tried to explain it here: http://coding.smashingmagazine.com/2013/08/15/jelly-navigation-menu-canvas-paperjs/

paultreny

Twitter Button Concept by Erik Deiner

Recreation of the popular shot: http://dribbble.com/shots/457259-Twitter-Button-Concept

Works best in Webkit browsers. IE users won't see a perspective effect (I think).

Please make sure you go and follow Erik Deiner on Dribbble (http://dribbble.com/deiner) and Twitter (https://twitter.com/deiner)

A Pen by Paul Reny on CodePen.

paultreny

Direction-aware 3D hover effect

After seeing this site http://fitzfitzpatrick.com/ I decided to give a try to the "direction-aware hover effect". My first thought was to do it with a pure CSS, not too late I changed my mind and decided to use JS (I need to sleep anyway).

It's kind of simple, using JS we can easily detect the direction the cursor is coming, then, I am using CSS animations for each case (8 in total).

A Pen by Paul Reny on CodePen.

License.

paultreny

Countdown Clock

A Pen by Paul Reny on CodePen.

License.

paultreny

Absolute Centering

Perfect horizontal AND vertical centering in CSS, at any width or height!

Works with percentage based width/height, min-/max- width, images, position: fixed and even variable content heights.

Updated Aug 13: Added a comparison table, an explanation, more documentation, and a Modernizr test for variable height

Updated Aug 16: Minor corrections and clarifications

paultreny

Hyperspace

Image courtesy NASA JPL.

A Pen by Paul Reny on CodePen.

License.

paultreny

A Pen by Paul Reny

A Pen by Paul Reny on CodePen.

License.

paultreny

Single Element Pure CSS MacBook Pro

This is just an experiment! There are certainly better ways to show an image of a MacBook, but none as fun as this :)

A Pen by Paul Reny on CodePen.

License.

paultreny

Opening type

Just hover on letters

inspired by Edenspiekermann work for Kröller-Müller Museum - http://edenspiekermann.com/projects/kroller-muller-museum

A Pen by Paul Reny on CodePen.

License.