# creative web design

Published articles for creative web design.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience

DevFeed: [Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience](<https://devfeed.tech/articles/yestalgia-bringing-decathlon-s-90s-spirit-to-life-through-a-playful-digital-experience-4349.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/12/yestalgia-bringing-decathlons-90s-spirit-to-life-through-a-playful-digital-experience/>)

Author: Quentin Hocdé and Jonathan Da Costa

Published: 2026-09-12T08:40:31Z

Content type: article

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [micro-interactions for websites](<https://devfeed.tech/topics/micro-interactions-for-websites.md>)

Tags: [90s-inspired-design](<https://devfeed.tech/tags/90s-inspired-design.md>), [90s-web-design](<https://devfeed.tech/tags/90s-web-design.md>), [animation](<https://devfeed.tech/tags/animation.md>), [articles](<https://devfeed.tech/tags/articles.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [creative-development](<https://devfeed.tech/tags/creative-development.md>), [creative-technology](<https://devfeed.tech/tags/creative-technology.md>), [creative-web-design](<https://devfeed.tech/tags/creative-web-design.md>), [decathlon-digital-experience](<https://devfeed.tech/tags/decathlon-digital-experience.md>), [decathlon-website](<https://devfeed.tech/tags/decathlon-website.md>), [decathlon-yestalgia](<https://devfeed.tech/tags/decathlon-yestalgia.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [editorial-web-design](<https://devfeed.tech/tags/editorial-web-design.md>), [experimental-web-design](<https://devfeed.tech/tags/experimental-web-design.md>), [fashion-web-design](<https://devfeed.tech/tags/fashion-web-design.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [gsap-animation](<https://devfeed.tech/tags/gsap-animation.md>), [illustration](<https://devfeed.tech/tags/illustration.md>), [immersive-web-experience](<https://devfeed.tech/tags/immersive-web-experience.md>), [interactive-storytelling](<https://devfeed.tech/tags/interactive-storytelling.md>), [interactive-website](<https://devfeed.tech/tags/interactive-website.md>), [lenis-smooth-scroll](<https://devfeed.tech/tags/lenis-smooth-scroll.md>), [motion-design](<https://devfeed.tech/tags/motion-design.md>), [nostalgic-web-design](<https://devfeed.tech/tags/nostalgic-web-design.md>), [performance](<https://devfeed.tech/tags/performance.md>), [piecesjs](<https://devfeed.tech/tags/piecesjs.md>), [product](<https://devfeed.tech/tags/product.md>), [product-focused-design](<https://devfeed.tech/tags/product-focused-design.md>), [product-launch](<https://devfeed.tech/tags/product-launch.md>), [rive](<https://devfeed.tech/tags/rive.md>), [rive-animation](<https://devfeed.tech/tags/rive-animation.md>), [typography](<https://devfeed.tech/tags/typography.md>), [walkman-navigation](<https://devfeed.tech/tags/walkman-navigation.md>), [web](<https://devfeed.tech/tags/web.md>), [web-animation](<https://devfeed.tech/tags/web-animation.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>), [wordpress-custom-theme](<https://devfeed.tech/tags/wordpress-custom-theme.md>), [yestalgia](<https://devfeed.tech/tags/yestalgia.md>)

### AI overview

This article presents Yestalgia, Decathlon's '90s-inspired capsule collection website. It explains how editorial product presentation, vibrant illustration, expressive typography, animation, micro-interactions, and a cassette-player navigation concept turn the campaign's nostalgic art direction into a playful digital experience.

### Source excerpt

A closer look at how Yestalgia brings Decathlon's '90s-inspired vision to the web through art direction, interaction, animation, and creative development.

## How to Use Material Data Tables on the Web

DevFeed: [How to Use Material Data Tables on the Web](<https://devfeed.tech/articles/how-to-use-material-data-tables-on-the-web-28811.md>)

Original publisher: [Read original article](<https://una.im/material-data-tables/>)

Published: 2019-09-25T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [Design system](<https://devfeed.tech/topics/design-system.md>), [web design](<https://devfeed.tech/topics/web-design.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [creative-web-design](<https://devfeed.tech/tags/creative-web-design.md>), [design](<https://devfeed.tech/tags/design.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [extend](<https://devfeed.tech/tags/extend.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [web](<https://devfeed.tech/tags/web.md>), [web-design](<https://devfeed.tech/tags/web-design.md>)

### AI overview

This post explains how to use Material data tables on the web and extend the Material design system to create a customized design.

### Source excerpt

Creative web design and systematic web design don't need to be at arms. This post examines how to use a design system (Material) and extend it to make it your own.

## How to Extend Material for a Custom Design System

DevFeed: [How to Extend Material for a Custom Design System](<https://devfeed.tech/articles/material-theming-making-material-your-own-28813.md>)

Original publisher: [Read original article](<https://una.im/material-theming-intro/>)

Published: 2019-06-03T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [Design system](<https://devfeed.tech/topics/design-system.md>), [web design](<https://devfeed.tech/topics/web-design.md>)

Tags: [creative-web-design](<https://devfeed.tech/tags/creative-web-design.md>), [design](<https://devfeed.tech/tags/design.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [extend](<https://devfeed.tech/tags/extend.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [post](<https://devfeed.tech/tags/post.md>)

### AI overview

The post examines how to extend the Material design system for more customized web design.

### Source excerpt

Creative web design and systematic web design don't need to be at arms. This post examines how to use a design system (Material) and extend it to make it your own.