Design / Dev Feed #24

Design / Dev Feed #24

A weekly collection of design and development goodies - issue #24, featuring Mobile Phone Evolution (SVG Shape Morphing), CSS Animations, Product Comparison Layout & Effect, Image Tilt Effect, The 10 Commandments of Good Form Design on the Web and more.

  • Mobile Phone Evolution (SVG Shape Morphing) by Noel Delgado

  • CSS Switching Cubic Honeycomb by Ana Tudor

  • CSS3 Loader - Audio effect by Boris Graeff

  • Tile Adder (no JS, no added elements) by Ana Tudor

  • My Terminal by Marcus Bizal

  • Product Comparison Layout & Effect via Codrops

  • In/out of focus text effect by Jonny Scholes

  • Photoshop CC 2014 Cheat Sheet for Keyboard Shortcuts by John Coates

  • Pure CSS Animations: Octo Sleeping by Mahmoud Elmahdi

  • Pure CSS Animations: Falling Watermelon by mariusz_t

  • Image Tilt Effect via Codrops

    A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

  • Perspective Scrolling in CSS by Hornebom

    A 3 dimensional scrolling experience built in CSS only.

  • Jelly Nav by Simon Goellner

  • The 10 Commandments of Good Form Design on the Web by Johan Ronsse

Go to Top