Affichage des articles dont le libellé est CodePen. Afficher tous les articles
Affichage des articles dont le libellé est CodePen. Afficher tous les articles

21 févr. 2016

Staggered Menu with React and Velocity

This little animation integrates React and Velocity in Codepen for displaying a Menu with staggered items.

Simple hamburger button

Set on a real button for better browser compatibility.
See the Pen Simple hamburger by PEM (@PEM--) on CodePen.

20 févr. 2016

Simple Ken Burns

See the Pen Simple Ken Burns by PEM (@PEM--) on CodePen.

25 nov. 2014

Famo.us FlexGrid in CoffeeScript

A simple Pen to demonstrate how inheriting from a View by recreating Shu Liu's FlexGrid in CoffeeScript.

PS: Watch it in CodePen to better play with the viewport's size. It's nicely animated.
See the Pen FlexGrid in CS by Pierre-Eric Marchandet (@PEM--) on CodePen.

27 oct. 2014

Charts for easy choosing your Famo.us easing functions

Famo.us provides 30 different easing functions for tweening animations. Choosing the most appropriate one will give you the best results possible before creating your own if none matches your expectations.

With these charts, choosing is going to be far more easier:
See the Pen Famo.us easing functions by Pierre-Eric Marchandet (@PEM--) on CodePen.

Flare demo in Famo.us

A very simple Famo.us demo inspired from the 3d demo of Julian Shapiro.
See the Pen Flare 3D demo in Famo.us by Pierre-Eric Marchandet (@PEM--) on CodePen.

25 oct. 2014

Setup a Famo.us experiment using Codepen.io

I've created a CodePen for easing creation of experiments with Famo.us. It uses Jade and CoffeeScript as its defaults and imports Famo.us and jQuery in their minified version. Fork it and play with it. Happy coding!
See the Pen Famo.us simple physic box by Pierre-Eric Marchandet (@PEM--) on CodePen.