External References (EN) · WEB ATELIER (UDIT)

Active Theory · Creative Digital Experiences

200 activetheory.net

Sources:

student-project-template/project-inspiration.md

A List Apart – For people who make websites

200 alistapart.com

Sources:

student-project-template/project-inspiration.md

Animista - On-Demand CSS Animations Library

200 animista.net

Sources:

student-project-template/project-inspiration.md

Brittany Chiang

200 brittanychiang.com

Sources:

student-project-template/project-inspiration.md

Bruno's

200 bruno-simon.com

Sources:

student-project-template/project-inspiration.md

https://color.adobe.com/

200 color.adobe.com

Sources:

student-project-template/project-inspiration.md

Coolors - The super fast color palettes generator!

200 coolors.co

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

CSS-Tricks - A Website About Making Websites

200 css-tricks.com

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Grid Garden - A game for learning CSS grid layout

200 cssgridgarden.com

Sources:

student-project-template/project-inspiration.md

cubic-bezier.com

200 cubic-bezier.com

Sources:

student-project-template/project-inspiration.md

Defensive CSS

200 defensivecss.dev

Sources:

student-project-template/project-inspiration.md

Design Systems Repo | A Collection of Design System Resources

200 designsystemsrepo.com

Sources:

student-project-template/project-inspiration.md

MDN Web Docs

200 developer.mozilla.org

Sources:

student-project-template/GETTING-STARTED.md

backdrop-filter - CSS | MDN

200 developer.mozilla.org

Sources:

student-project-template/project-inspiration.md

Web Components - Web APIs | MDN

200 developer.mozilla.org

Sources:

student-project-template/project-inspiration.md

GitHub Actions documentation - GitHub Docs

200 docs.github.com

Sources:

student-project-template/README.md

GitHub Pages documentation - GitHub Docs

200 docs.github.com

Sources:

student-project-template/README.md

Documentación de GitHub Actions - Documentación de GitHub

200 docs.github.com

Sources:

student-project-template/README-es.md

documentación GitHub Pages - Documentación de GitHub

200 docs.github.com

Sources:

student-project-template/README-es.md

Dribbble - Discover the World’s Top Designers & Creative Professionals

200 dribbble.com

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Relearn CSS layout: Every Layout

200 every-layout.dev

Sources:

student-project-template/project-inspiration.md

Flexbox Froggy - A game for learning CSS flexbox

200 flexboxfroggy.com

Sources:

student-project-template/project-inspiration.md

Fontjoy - Generate font pairings in one click

200 fontjoy.com

Sources:

student-project-template/project-inspiration.md

Browse Fonts - Google Fonts

200 fonts.google.com

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Homepage | GSAP

200 gsap.com

Sources:

student-project-template/project-inspiration.md

Grid by Example

200 gridbyexample.com

Sources:

student-project-template/project-inspiration.md

Earn your first dollar online with Gumroad

200 gumroad.com

Sources:

student-project-template/project-inspiration.md

Heroicons

200 heroicons.com

Sources:

student-project-template/project-inspiration.md

Website Design Inspiration | Httpster

200 httpster.net

Sources:

student-project-template/project-inspiration.md

Inclusive Components

200 inclusive-components.design

Sources:

student-project-template/project-inspiration.md

Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs

200 jekyllrb.com

Sources:

student-project-template/README-es.md
student-project-template/README.md

Web Design in 4 minutes

200 jgthms.com

Sources:

student-project-template/project-inspiration.md

The W3C CSS Validation Service

200 jigsaw.w3.org

Sources:

student-project-template/GETTING-STARTED.md

Landbook - website design inspiration gallery

200 land-book.com

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Home | Laws of UX

200 lawsofux.com

Sources:

student-project-template/project-inspiration.md

https://learnxinyminutes.com/docs/yaml/

200 learnxinyminutes.com

Sources:

student-project-template/README-es.md
student-project-template/README.md

Linear – Plan and build products

200 linear.app

Sources:

student-project-template/project-inspiration.md

Locomotive | Montreal web agency

200 locomotive.ca

Sources:

student-project-template/project-inspiration.md

LottieFiles: Download Free lightweight animations for website & apps.

200 lottiefiles.com

Sources:

student-project-template/project-inspiration.md

Lucide

200 lucide.dev

Sources:

student-project-template/project-inspiration.md

Lynn Fisher

200 lynnandtonic.com

Sources:

student-project-template/project-inspiration.md

Milanote - the tool for organizing creative projects

200 milanote.com

Sources:

student-project-template/project-inspiration.md

Modern CSS Solutions

200 moderncss.dev

Sources:

student-project-template/project-inspiration.md

One Page Love - One Page Website Inspiration and Templates

200 onepagelove.com

Sources:

student-project-template/project-inspiration.md

Open Props: sub-atomic styles

200 open-props.style

Sources:

student-project-template/project-inspiration.md

Phosphor Icons

200 phosphoricons.com

Sources:

student-project-template/project-inspiration.md

The Pudding

200 pudding.cool

Sources:

student-project-template/project-inspiration.md

Resn - Creative Digital Agency | Ideation, Design, and Development

200 resn.co.nz

Sources:

student-project-template/project-inspiration.md

Desarrollo Asistido por IA: Guía Práctica · WEB ATELIER (UDIT) – Web Foundations

200 ruvebal.github.io

Sources:

student-project-template/docs/AI-METHODOLOGY-REMINDER.md

Schema.org - Schema.org

200 schema.org

Sources:

student-project-template/README-es.md
student-project-template/README.md

Scroll-driven Animations

200 scroll-driven-animations.style

Sources:

student-project-template/project-inspiration.md

SmolCSS

200 smolcss.dev

Sources:

student-project-template/project-inspiration.md

Stripe | Infraestructura financiera para tu negocio

200 stripe.com

Sources:

student-project-template/project-inspiration.md

TinyPNG – Compress AVIF, WebP, PNG and JPEG images

200 tinypng.com

Sources:

student-project-template/GETTING-STARTED.md

Tobias Ahlin

200 tobiasahlin.com

Sources:

student-project-template/project-inspiration.md

Codrops | Fueling web creativity since 2009

200 tympanus.net

Sources:

student-project-template/project-inspiration.md

On-Scroll Typography Animations | Codrops

200 tympanus.net

Sources:

student-project-template/project-inspiration.md

Bringing Letters to Life: Coding a Kinetic SVG Typography Animation | Codrops

200 tympanus.net

Sources:

student-project-template/project-inspiration.md

typography | Codrops

200 tympanus.net

Sources:

student-project-template/project-inspiration.md

Typescale - Create stunning typography, generate CSS, and find inspiration.

200 typescale.com

Sources:

student-project-template/project-inspiration.md

unDraw - Open source illustrations for any idea

200 undraw.co

Sources:

student-project-template/project-inspiration.md

Beautiful Free Images & Pictures | Unsplash

200 unsplash.com

Sources:

student-project-template/project-inspiration.md

The W3C Markup Validation Service

200 validator.w3.org

Sources:

student-project-template/GETTING-STARTED.md

Vercel: Build and deploy the best web experiences with the AI Cloud

200 vercel.com

Sources:

student-project-template/project-inspiration.md

web.dev

200 web.dev

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Pattern di layout | Patterns | web.dev

200 web.dev

Sources:

student-project-template/project-inspiration.md

Web Vitals | Articles | web.dev

200 web.dev

Sources:

student-project-template/project-inspiration.md

WebAIM: Web Accessibility In Mind

200 webaim.org

Sources:

student-project-template/project-inspiration.md

WebAIM: Contrast Checker

200 webaim.org

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Home - The A11Y Project

200 www.a11yproject.com

Sources:

student-project-template/project-inspiration.md

Are.na

200 www.are.na

Sources:

student-project-template/project-inspiration.md

Awwwards - Website Awards - Best Web Design Trends

200 www.awwwards.com

Sources:

student-project-template/GETTING-STARTED.md
student-project-template/project-inspiration.md

Behance

200 www.behance.net

Sources:

student-project-template/project-inspiration.md

CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards

200 www.cssdesignawards.com

Sources:

student-project-template/project-inspiration.md

Figma: The Collaborative Interface Design Tool

200 www.figma.com

Sources:

student-project-template/project-inspiration.md

Motion — JavaScript & React animation library

200 motion.dev

Sources:

student-project-template/project-inspiration.md

Humaaans: Mix-&-Match illustration library

200 www.humaaans.com

Sources:

student-project-template/project-inspiration.md

Landing Page Design Examples: 7,300+ Best Landing Pages | Lapa Ninja

200 www.lapa.ninja

Sources:

student-project-template/project-inspiration.md

Markdown Guide

200 www.markdownguide.org

Sources:

student-project-template/README-es.md
student-project-template/README.md

Pinterest

200 www.pinterest.com

Sources:

student-project-template/project-inspiration.md

Raycast - Your shortcut to everything

200 www.raycast.com

Sources:

student-project-template/project-inspiration.md

Realtime Colors

200 www.realtimecolors.com

Sources:

student-project-template/project-inspiration.md

Refactoring UI

200 www.refactoringui.com

Sources:

student-project-template/project-inspiration.md

Smashing Magazine — For Web Designers And Developers

200 www.smashingmagazine.com

Sources:

student-project-template/project-inspiration.md

3 steps to creating zero carbon websites - Wholegrain Digital

200 www.wholegraindigital.com

Sources:

student-project-template/project-inspiration.md