User rating:
3 Yays
2 Nays


FlexBox Rectangles Menu
A retro looking CSS menu with fluid and flexible menu link blocks using CSS Flexbox:
User rating:
0 Yays
0 Nays


CSS Flexbox 101
This tutorial goes over the key elements that make up CSS Flexbox, and also shows you some common Flexbox patterns to validate its usefulness.
User rating:
1 Yays
1 Nays


Hamburger Icon Menu
This menu combines the two popular trends of a full screen menu and using an "hamburger" style icon to toggle it to create an elegant mobile friendly menu.
User rating:
3 Yays
1 Nays


CSS3 Blur Filter Images
See CSS3's blur filter in action on the FIGURE element to blur out an image while showing some text over it.
User rating:
1 Yays
0 Nays


YouTube Video Gallery
A responsive video gallery script for selecting from a playlist of Youtube videos to play from, with thumbnails auto generated.
User rating:
1 Yays
1 Nays


CSS Draped Background Buttons
These CSS buttons are endowed with a partially transparent background that "drapes" into view when the mouse rolls over them.
User rating:
0 Yays
0 Nays


CSS Animated Underline Menu
Animates the underline beneath each menu item's text for an elegant, modern CSS menu.
User rating:
2 Yays
0 Nays


Understanding JavaScript’s requestAnimationFrame() method
See how to take advantage of JavaScript's requestAnimationFrame() method for smoother and less resource intensive JavaScript animations.
User rating:
0 Yays
0 Nays


Sticky Horizontal Menu
A top UL menu that seamlessly transitions to being fixed in position when it's scrolled out of view.
User rating:
1 Yays
0 Nays


Blossom Opt-in feature box
Blossom is an attention grabbing feature box that conditionally pops up at the center of the user's screen to display select content prominently.