Menu
Close
  • Home
  • Archive

Some of my other projects:

Marketing Tools

Free Stock Pics

Website Builders

Brand Style Guides

Best Native Ads

CSS Puns

Handpicked code snippets you can use in your web projects. Find web design inspiration with code samples. 



Rainbow text animation

Text animation that cycles through the colours of the rainbow. Designed by  Hendry Sadrak.

Keep reading

web design web development text animation animation


Sep 03, 2015

Animated signup form with shrinking input labels

When you click on the input fields in this form the label shrinks down and hovers over the field, no more guessing what fields you are filling up. 

Keep reading

web design web development ui ux text animation hover animation input field signup forms login forms


Sep 02, 2015

Search to close icon animation

This icons morphs from a search to close icon on click, it might work well for search related animation in your web projects. Designed by  Siddharth Parmar

Keep reading

web design web development ui ux icons animation hover animation Search Field


Sep 01, 2015

Colorful image caption reveal animation

This snippet shows you how you can add some really cool hover animation to your image gallery. You can use it to add image captions or other info. 

Keep reading

web design web development Image Gallery hover animation hidden content animation text animation


Sep 01, 2015

8-Bit Social Icons and Buttons

Want you buttons and social media icons to have an 8-bit effect o hover, check out this handy tutorial and code snippet from  Tiffany Stoik

Keep reading

web design web development social icons hover animation buttons 8-bit retro


Aug 31, 2015

Slider that animates recurring text

Want to highlight text that repeats itself in multiple slides? Have no fear and check out this simple little animated slider by  Özgür Sağıroğlu

Keep reading

web design web development slider text animation animation scroll animation


Aug 31, 2015

Delete button with hover confirmation animation

Want a cute little delete button what opens up a confirmation element on hover? check out this little delete button that does just that. 

Keep reading

web design web development hover animation button animation


Aug 31, 2015

Sticky Navigation Jump-links on Scroll

image

This allows you to show a sticky navigation menu that acts as a jumplist to various section of your content. It will be a great addition to long form content where users can jump between different sections. This was designed by  Alex Bergin.

Keep reading

web design web development ui ux navigation menu scroll animation link


Aug 06, 2015

Signup form validation as the user types

Stelios Constantinides  wanted a good signup form where the form does some smart validation as the user types in and since he could not find one that works as he wanted he created one. 

Keep reading

web design web development ui ux signup forms Login Form input field


Aug 03, 2015