A code challenge where I code everyday for a month and learn new design tricks/animations everyday!
Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.
The element seems to be moving back and forth while hovering over the screen.
Text effect which appears like a paper cut-out.
Or knockout text.
Stars twinkling in the background using jQuery.
Typography effect to give text a 3rd dimension using multiple shadows. Also, how to outline text in a similar fashion.
It is what it sounds like, neon!
Digital clock using JavaScript's date object.
How to add background music to your websites using html5 audio.
Tab maximize, minimize and close effect!
A lightweight JavaScript library by Vincent Garreau for creating particles.
Color picker input object.
Basic calculator in JavaScript.
A very very very basic sketchpad.
Glitchy text using css animations.
Popup on button click.
Text blur effect using text-shadow property.
Menu drops down on button click.
Interactive charts and data tools.
The Tooltip plugin is small pop-up box that appears when the user moves the mouse pointer over an element.
Algorithmically generated triangle art.
Image magnification on hover.
Text shadow effect.
Card Fold Down Effect with Dynamic Height.
Tabs are a great way of grouping lots of content into a very small space.
Page preloader icon.
Accordions are useful when you want to toggle between hiding and showing large amount of content.
Navigation bar which slides in from left.
Animating Your Own SVG Signature.
Three.js is a lightweight cross-browser JavaScript library/API used to create and display animated 3D computer graphics on a Web browser.