In Playground by Mary Lou
Today we want to share an experimental "morphing" slideshow with you. The idea is to transition between different devices that show a screenshot of a responsive website or app by applying a "device class". By using the same elements and ... read more
Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically cha... read more
Today we'd like to share a collection of creative page transitions with you. We've put together a couple of animations that could be applied to "pages" for creating in... read more
When writing articles, blog posts, tutorials, magazine entries or anything else, you will often want to include some images, charts, photographs, or even videos and co... read more
In Playground by Mary Lou 39 Comments
Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. Maybe you know those eerie opening sequences of movie trail... read more
In Tutorials by Mary Lou 21 Comments
Today we'll show you how to recreate the little menu effect that you can see in the left side-menu on YouTube when watching a video (where it says "Guide"). The menu i... read more
In Playground by Mary Lou 81 Comments
Today we'd like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. When clicking on a box, it will expand to fullscr... read more
In Playground by Mary Lou 60 Comments
Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in t... read more
In Tutorials by Mary Lou 27 Comments
Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a ... read more
In Articles by Patrick Cox 42 Comments
A really well designed user interface is one that goes unnoticed by the user, whereas a poorly designed user interface forces the user to pay attention to it instead of the content. Users come to ... read more
In Tutorials by Mary Lou 186 Comments
If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It's a reall... read more
Today I'd like to share my process for creating a flexible JavaScript UI plugin I've dubbed HexaFlip. Lately I've taken to building simple experimental UI plugins t... read more
JS Regex * Common Patterns * Polymer * Flat Icons * Label.css * UX * Fitgrd * Multiple Select * Free Fonts... read more
Slides * Hoverboard * CSS Modal * Free eBook * Map Icons * Free Fonts * CSS Shaders * Ghost... read more
Here is today * Gallery CSS * MixItUp * Dookie * Shape Shifter * Magnific Popup * Free Fonts * Infinite Scrolling... read more
