Fullscreen Hover Loop Effect

Today we’d like to share a little artsy effect with you. The idea is to show a fast fullscreen preview of images when hovering over a special link. In our demo we use the concept of a photographer’s website where the link to their works triggers the effect. On hover, some photos are shown rapidly…

Collective #459

Color Changing Chameleon A fantastic demo by Cassie Evans, where a chameleon changes its color depending on the one detected with the camera. She also made a tracking.js color detection template. Check it out This content is sponsored via Syndicate Ads There’s A Fast And Visual Way To Understand Your Users Hotjar is everything your…

Collective #458

Inspirational Website of the Week: Dean Bradshaw A beautifully fluid web experience with a nice cursor detail. Our pick this week. Get inspired CSS Layout Cookbook The MDN CSS layout cookbook aims to bring together recipes for common layout patterns. Check it out Our Sponsor Real Time Design in WordPress Divi is powered by the…

Collective #457

The Psychology of Design Jon Yablonski argues that every designer should learn the fundamentals of psychology. Read it This content is sponsored via Syndicate Ads HelloSign API: The Most Flexible API With a robust SDK, amazing support, detailed documentation, and super clean dashboard, HelloSign API is sure to make your team happy. Try it free…

Collective #456

Inspirational Website of the Week: Clément Vion A minimal design with some beautifully fluid interactions. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Enhance your creative problem-solving and communication skills Penn State’s online design programs can help you become a skilled professional who can develop, define, and deliver compelling designs.…

Multibox Menu

Today we’d like to share a simple fullscreen menu with you. The menu layout is powered by CSS Grid and we make its boxes appear with a reveal animation. The animations are made using TweenMax. The demo is kindly sponsored by Milanote: your new creative hub. If you would like to sponsor one of our…

Collective #455

One Small Step for the Web… Tim Berners-Lee introduces Solid, an open-source project to restore the power and agency of individuals on the web. Read it Our Sponsor Real Time Design in WordPress Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before.…

Collective #454

Inspirational Website of the Week: Nagoya Estate Super creative card animations make this design unique. Our pick this week. Get inspired This content is sponsored via Syndicate Ads HelloSign API: Everything IT Requires and Developers Love HelloSign API’s robust SDK, amazing support, detailed documentation, and super clean dashboard is sure to make your entire team…