Artifice

  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. 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

  3. 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

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

    Train parallax animation

  5. The text 'Orange you thirsty' is the heading. Underneath is an orange-coloured box with a vector image of horizontally sliced orange.

    Orange you thirsty?

  6. A block of pink text with a pink border is in the center of the image. The colors are saturated, it has a stark turquoise background. The text says 'The first rule of is: you do not talk about'. There appears to be text missing!

    First Rule