The interactive highlights of these designs are controlled by how much you want to scroll, so instead of just passively “watching” the animation go by, you say stop and go to experience the sites as you please.

Designs of the Week

Get solid WordPress themes, plugins, and even design training from iThemes.

I wish this weren’t “scroll-jacked” but everything else is just lovely. Definitely not the usual website featuring a mobile app.

Such a fun idea to do stop-motion animation by going around the agency’s office and do all sorts of quirky twists. The weird thing is if you use the right-side navigation it moves too quickly, so definitely scrub through by scrolling.

The whole site uses a various animations on its elements as you scroll down, but it’s the Innovation page in particular where you get this satisfying experience of rotating an object mid-air by your scrolling back and forth. I also like the rectangular animation that overlays the menu.

Social Media Weekly

Create unique, extraordinary websites with Squarespace. No experience necessary!

Design – Why Bother Making Beautiful Team Pages?
“There’s no one right way to design a team page, but I think it says so much about the company’s respect for an employee when it’s willing to pay for the cost of high quality photos of its team.”

CSS – REM vs EM – The Great Debate
“Turns out, rem and em have their strengths and weaknesses. They should be used differently, depending on the circumstances.”

Have a nice joyride with these energetic sites that are triggered by the page scroll.

Designs of the Week

Ready to go out and design your next website? Try building with the Catalyst Framework.

Thirty endangered species deconstructed into thirty geometric shapes, with information and posters/wallpapers to support the cause.

Do as it says! We’ve seen this effect on another site before, but here it’s the focus.

A nice split layout with panes of content that cover one another, in alternate succession.

A trippy exercise in 3-dimensional graphics and animation, and quite inspirational to boot.

Social Media Weekly

Want your site to be as good-looking and inspirational as these? Start by choosing a well-designed theme from ThemeForest.

CSS – Using Flexbox today
“Flex’s features will add an important set of tools to how we build, not by replacing what was there before, but improving upon how we build today.”

Interface Design – Affordances: The Designer’s Secret Weapon
“While affordances might not be a top priority for tool-makers, for interaction designers they are absolutely essential – otherwise users wouldn’t know what they can and cannot interact with.”

Performance – What Does My Site Cost?
“Find out how much it costs for someone to use your site on mobile networks around the world.”