Stack Motion Hover Effects

View demo Download source Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color…

Details

Expanding Bar Navigation Concept

View demo Download source Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a vertical or horizontal orientation. For this experiment we are using anime.js.…

Details

Collective #300

Inspirational Website of the Week: Héloïse Thibodeau Architecte Smooth interactions combined with subtle animations and an interesting layout. Our pick this week. Get inspired Building performant expand & collapse animations Some great advice on how to make expanding and collapsing animations performant. By Paul Lewis. Read it No, I Don’t Want to Subscribe to Your…

Details

Collective #299

Samsy Lab The creative lab of 3D developer Samsy filled with inspiring work. Check it out This content is sponsored via Syndicate Ads FullStory: See How Users Experience Your Designs It’s never been easier to get answers about how users perceive and interact with your designs. FullStory shows you what delights your audience, in real-time.…

Details

Collective #298

Inspirational Website of the Week: Shantell Martin A very refreshing design with lots of playful elements and clever effects. Out pick this week. Get inspired Fonts from the Future A greatly written time-traveling journey that will give you insight into the future of the type industry. Brought to you by Alphabettes. Read it Palm Generator…

Details

Collective #297

Grassy Build layout through ASCII art in Sass (and more). By Lazar Ljubenović. Check it out Advertisement Setup a design system Marco Lopes shows how to build a system that provides a unified set of UX, design rules and patterns. Read it Getting to know CSS Grid Layout A really great introduction to using CSS…

Details

Collective #296

Inspirational Website of the Week: DESCENTE 2017 Interesting transitions with some striking effects. Our pick this week. Get inspired Scrimba An engaging new platform for communicating and learning code with screencasts. Check it out Advertisement Password Rules Are Bullshit A very interesting article why common password rules are terrible and what to do about it.…

Details

Collective #295

Testing Service Workers Learn about some approaches to test service workers in the latest service worker libraries the Chrome DevRel team have been working on. By Matt Gaunt. Read it Linting HTML using CSS Some useful tricks for detecting bad markup with CSS. By Ire Aderinokun. Read it Advertisement Gravity Gravity is a powerful, dynamically…

Details