Museum of Websites

The team at Kapwing has collected a lot of images from the Internet Archive’s Wayback Machine and presented a history of how the homepage of popular websites like Google and the New York Times have changed over time. It’s super interesting.
I particularly love how Amazon has evolved from a super high information dense webpage that sort of looks like a blog to basically a giant carousel that takes over the whole screen.

Direct Link to Article — Permalink…
The post Museum of Websites appeared first on CSS-Tricks.

Link: https://www.kapwing.com/evolution-of-products

AMP Stories: More Vivid Storytelling on Mobile Devices Made Easy

To Google, the open AMP project is one of the most important endeavors of the recent past. This is about nothing less than the supremacy on the user’s mobile devices. It goes without saying that Google refuses to let Facebook have this supremacy without a fight. It’s also clear that they can’t afford to do…

Link: https://www.noupe.com/business-online/amp-stories-more-vivid-storytelling-on-mobile-devices-made-easy.html

Helper Duo for Web Designers: Htmlreference.io and CSSreference.io

All of us have large references of our favorite tech publishers in our shelves, and we know the monumental guide sites à la SelfHTML and others. Oftentimes, we wouldn’t even need the massive encyclopedia, as a slim helper would suffice to do the trick. Just checking something real quick. What was that again? For this…

Link: https://www.noupe.com/design/helper-duo-web-designers-htmlreference-io-cssreference-io.html

Tooltip Design: Useful Microinteractions for a Learning Effect

Microinteractions are your website’s most important UI elements. Tooltips are a part of that, but they require even more diligence in terms of conception and realization. In the end, the microinteractions are what makes the difference between a good and a bad website. In times where basic design becomes increasingly more similar, a distinction is…

Link: https://www.noupe.com/design/tooltip-design-microinteractions.html

DIY Tutorials (Not Just) for Web Designers: Create Explainer Videos Easily

You find creating explainer videos tempting, but don’t think you can do it? Well, you’re a web designer, and I’m sure you’ve already made a few animated design elements come to life. There’s room for improvement, and it’s called mysimpleshow. Quickly Create Explainer Videos With mysimpleshow We all know these animated tutorials where someone manually slides…

Link: https://www.noupe.com/business-online/social-media/diy-tutorials-not-just-web-designers-create-explainer-videos-easily.html