Demos

  1. A screenshot of a the Performant CSS animations cheatsheet outlining how you can animate the width of an element using the scaleX transform function.

    Performant CSS animations cheatsheet

  2. The text 'Orange is the new Black' is contained within 2 black bars. The text is black, with the exception of the word 'black' which is orange ironically. The text has battered apperance. In the backgound is an oblique view of a wire fence with barbed wire on top.

    Orange is the New Black title animation

  3. There is a photo of a bulldog wearing a gold chain saying 'Lil Man' clipped into a triangular shape. Below it is what appears to be 2 black rollers, multi-sided cylindrical, shapes with gold text. The upper, larger roller has the text 'they me see me rollin'. The lower smaller roller has the text 'they be hatin'.

    They See Me Rollin

  4. A drawing of a train travelling through a gilded landscape is broken into 3 layers. The first layer is the background showing a mountain range at sunset. The second layer is a train. The third layer is the foreground, which is the ditch the train is built on with a river below it.

    Train parallax animation deconstruction

  5. A drawing of a train travelling through a gilded landscape

    Train parallax animation

  6. A poster containing the word Dada repeated two times. The words criss-cross. One is in a horizontal orientation and is colored black, and the other is in a vertical orientation and is colored white. The letters are aligned oddly, some letters are above the baseline and others are below the baseline.

    Dada