A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.
Welcome to THE ultimate resource for creatives. Up-to-the-minute updates from over 180 of your favorite design/dev/photo blogs around the web, all in one place... Stay a while!
We also contribute our own content to the design community. View our Original Posts.
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.
JS Regex * Common Patterns * Polymer * Flat Icons * Label.css * UX * Fitgrd * Multiple Select * Free Fonts
A responsive product grid layout with some UI details for inspiration.
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots.
Slides * Hoverboard * CSS Modal * Free eBook * Map Icons * Free Fonts * CSS Shaders * Ghost
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
A showcase collection of various page transition effects using CSS animations.
Here is today * Gallery CSS * MixItUp * Dookie * Shape Shifter * Magnific Popup * Free Fonts * Infinite Scrolling
A responsive vertical timeline layout with icons and example media queries.
A fixed background image scrolling layout with 100% height panels and smooth scrolling.
Learn about CSS counters, the figure element and how to combine both for automatically numbering figures in a web page.
A simple and fun text opening sequence effect with blurry letters using CSS animations.