expert-css
github.com/allyhere/expert-css ↗Repositório contendo materiais de estudo de CSS avançado
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me variáveis css (custom properties) resources from expert-css"
Installation instructions →What's inside
Variáveis CSS (Custom properties)
- 10 powerful ways to use CSS variables
Adam Argyle
- Component Variants with Scoped CSS Variables
Jonathan Harrell
- Composing the Uncomposable with CSS Variables
Adam Watham
- CSS Custom Properties In The Cascade
Miriam Suzanne
- CSS Variables for React Devs
Josh Comeau
- Global and Component Style Settings with CSS Variables
Sara Soueidan
Cores e CSS
- A color-contrast() strategy for complimentary translucent backgrounds
Adam Argyle
- Calculating Color: Dynamic Color Theming with Pure CSS
Una Kravets
- Gradient hue interpolation
Adam Argyle
- Improving Color on the Web
Dean Jackson
- LCH Luminance vs HSL Lightness
Adam Argyle
- Lights and Shadows
Bartosz Ciechanowski
Cascade Layers
- A Complete Guide to CSS Cascade Layers
Miriam Suzanne
- Making Sense of CSS Layers and Scope (video)
Miriam Suzanne
Propriedades e conceitos aprofundados
- Advanced CSS-Only HTML Form Styling
Jonathan Harrell
- Better Typography with Font Variants
Jonathan Harrell
- CSS Nesting
Adam Argyle
- Cubic Bézier: from math to motion
Maxime Heckel
- Dark Mode by Local Sunlight
Chris Nicholas
- Relative sizing with EM units
Andy Bell
Layout
- An Interactive Guide to Flexbox
Josh Comeau
- Contextual Callouts with CSS Grid
Jonathan Harrell
- Create a split, faux-container layout with CSS Grid and Flexbox
Andy Bell
- CSS Grid Basics playlist (video)
Jen Simmons
- Designing Intrinsic Layouts (video)
Jen Simmons
- Designing With Grid (video)
Jen Simmons
Mídias, Ferramentas e Fontes
- Aprenda CSS
Um curso de CSS muito completo desenvolvido pela Google.
- Component Patterns
Lista de padrões de desenvolvimento de componentes e temas criada pelo Adam Argyle. Todos os exemplos possuem repositório e vídeo. Você pode também acessar a
- CSSStats
Audit de CSS que mostra um dashboard com suas regras, seletores e um score de especificidade.
- Design in the Browser (video)
Nessa playlist a Una Kravets ensina, entre outras coisas, uma série de ferramentas e práticas de layout com CSS.
- DevTools Tips (video)
Chrome é meu navegador favorito e nessa playlist a Jecelyn Yeen ensina tudo o que você precisa saber pra extrair o melhor dele.
- Life of a Pixel (vídeo)
Documentário importantíssimo sobre o que acontece na engine do navegador pra um píxel renderizar na tela. Ministrado pela
Container Queries
- A Primer On CSS Container Queries
Stephanie Eckles
- Component-level art direction with CSS Container Queries
Sara Soueidan
- CSS container queries are finally here
Ahmad Shadeed
- CSS Style Queries
Ahmad Shadeed
- Next Gen CSS: @container
Una Kravets
Conceitos
- A Whole Cascade of Layers (the path to SBRDFLT)
Mirian Suzanne
- Chasing the Pixel-Perfect Dream
Josh Comeau
- Conditional CSS
Ahmad Shadeed
- Critical CSS? Not So Fast!
Harry Roberts
- CSS: A New Kind Of JavaScript
Heydon Pickering
- CUBECSS
Andy Bell
Showing a sample of 101 resources. View the full list on GitHub →