• 001 CSS Grid Auto-fit exercise

    Getting back into playing with CSS Grid

  • 002 CSS Grid Rows and Viewport Units Test

    CSS Grid + Viewport units = Aww yiss

  • 003 Responsive Mondrian test

    Playing with CSS Grid auto-flow and row and column spans.

  • 004 @supports Test

    Revisited @supports for display:grid and vertical text.

  • 005 SVG and Media Queries

    Revisited manipulating SVG with CSS (media queries specifically).

  • 006 Grid Mario

    Built NES Mario sprite with CSS Grid.

  • 007 SVG Protoman

    Built SVG Protoman sprite and manipulated via CSS.

  • 008 Hover effects

    Trying out hover effects with CSS Grid, absolute positioning, filters, and more.

  • 009 CSS Photo Grid

    Super Blue Blood Moon Tonight! Used CSS grid only for a photo grid.

  • 010 Images in SVG

    Attempted to add an image into an SVG path. Not so easy after all.

  • 011 Basic CSS Animation

    Did a small refresher on CSS animation. Learned how to pause on hover.

  • 012 CSS Filter Play

    Did a small test with CSS filters.

  • 013 CSS Grid Play (1)

    Made a poorly designed event schedule. ;)

  • 014 CSS Haiku (1)

    Made my first animated haiku.

  • 015 Sounds of Ebisu

    I learned about the download attribute today!

  • 016 Transitions and Transforms

    Got a bit stuck on what to build, so I did this.

  • 017 CSS Shapes Test

    Was reminded of CSS Shapes, so I did a quick test.

  • 018 CSS Selector Fun

    Revisiting zebra-striping for this index prompted some fun.

  • 019 Grid and media queries

    Rearranged elements on a grid with media queries.

  • 020 Multi-column and media queries

    A refresher on CSS Multi-column and some bad writing.

  • 021 Test Article and Grid play

    More playing around with CSS Grid and media queries.

  • 022 Metadata Test

    Testing setting up better metadata for these posts.

  • 023 CSS Blend Modes

    Testing out CSS blend modes for the first time.

  • 024 Animation Overload

    Went overboard with CSS animation. *Those with epilepsy please exercise caution.

  • 025 Expanding Grid

    Tried out animating grid elements. Did not go as well as I hoped.

  • 026 Animate and end on last frame

    Tried out animating something and stopping it on its last frame.

  • 027 Locale list

    Tried making a list of locations, but got a bit distracted.

  • 028 Animated text

    Played around with more CSS animation.

You can do it! Thumbs up from Jeremy!Do or do not, there is no try.

Doing a little development exercise every single day. Strong with the code I must become.

Return to JeremyCaudle.com