Documentaçãodeveloper.mozilla.orgRevisado pela curadoria do DevEducation
CSS — Documentação da MDN
Referência completa de propriedades, seletores, layout e responsividade, com exemplos executáveis.
IniciantePortuguêsreferêncialayout
Layout, tipografia e responsividade na web — de Flexbox e Grid a design systems.
Materiais introdutórios para quem está chegando agora em CSS.
Referência completa de propriedades, seletores, layout e responsividade, com exemplos executáveis.
A simple one page website created to help complete beginners learn HTML basics, which in this repo has also been styled to help beginners learn CSS basics. The styling is explained over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/CSS_basics.
Code examples that accompany the MDN CSS documentation
Subgrid doesn't get used all that often, but it has a lot of handy use cases, even if it is a bit more niche. #css
The ideal first project for anyone interested in practicing HTML/CSS with a real life example.
A curated list of awesome CSS frameworks, libraries and software.
The iconic SVG, font, and CSS toolkit
👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video
👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video
Custom CSS theme for doxygen html-documentation with lots of customization parameters.
offset-path and offset-distance are two underused properties that open up some fun possiblities. #css
👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video
Thanks to @starting-style and transition-behavior we can now easily transition to and from display: none #css
👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video
Happy Canada Day everyone, and yeah, modern #css rocks.
👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video
And they say #css isn't a programming language
Browser support for anchor positioning isn't amazing, but for simple things like this, the polyfill does a great job.
🔹 Quer aprender a criar apps do zero até a publicação? Então dá uma olhada no nosso curso de Flutter: https://programadorbr.com/flutter?sck=yttpackagesui
If you're building a SaaS, course platform, or any kind of product, you'll eventually need emails, automation, and user communication.
Use oklch() to define CSS colors in a modern way. It's well supported!
So you have heard about the Tailwind CSS and want to incorporate into your new project. But those...
In times when people believe that "AI can code a website in 2 days" (see: how to leverage AI as a...
I’m going on a short vacation this week, so this post is coming out a bit earlier than usual. I...
An opinionated defence of hand-crafted CSS in a utility-class world There. I said it. Call me a...
There are a lot of CSS "solutions" out there. They generally act to solve a broad range of problems,...
Sou UX/UI designer, mas antes disso fui front-end. Atuei cerca de 5 anos trabalhando com HTML e CSS,...
A backend engineer builds an immersive narrated web experience with Canvas, WebGL, layered audio, and her own Appalachian voiceover. No frameworks. 13 ADRs.
Those seven deadly things you always wanted to know about creating a CRT TV in CSS. A...
If you’ve ever held a Pantone fan deck — the kind graphic designers used to carry around like a...
With modern frameworks, component libraries, and utility-first CSS, it’s a fair question. Most...
A collection of 50+ optical illusions coded with CSS and HTML.
A collection of optical illusions created with CSS
Discutido no Hacker News com 777 pontos e 298 comentários.
Update (2026/01/12): Create CRAZY Roller Coaster Builder ↓ 🙀How to Create a CRAZY Roller Coaster...
Discutido no Hacker News com 754 pontos e 229 comentários.
Since 2020 I've made CSS art versions of the LEGO Figure ugly sweaters. Please see the previous post...
The wait is over! Thank you all SO MUCH for your patience, we understand this announcement was...
I have mentioned before why I generally do not recommend using TailwindCSS as the primary styling...
Se você trabalha com produto, já percebeu que entre o “nosso design está pronto!” e o “isso está no...
Cartoon of an iceberg floating coded in CSS, with zero HTML.
CSS is one of those things that looks simple, until you actually try to reason about it. Most people...
This week, I needed to add a simple hover effect to a button. Nothing fancy. Just change the...
This is a submission for Frontend Challenge - Halloween Edition, CSS Art. Inspiration You...
This is a submission for Frontend Challenge - Halloween Edition, CSS Art. Inspiration I...
Winners will be announced week of December 15! We're back with another Frontend Challenge, and this...
This Saturday, I found some time to sit down and draw with code. I ended up creating this kawaii style bee using just one HTML element and some CSS. With a video of the coding process.
Discutido no Hacker News com 766 pontos e 329 comentários.
😎 Awesome things related to Tailwind CSS
List of awesome CSS frameworks in 2026
Build GUI for your Python program with JavaScript, HTML, and CSS
Examples and components built with React and Tailwind CSS, compatible with Shadcn UI. It is open-source and includes a total of 67 examples and components.
A collection of HTML and CSS examples, including effects and UIs.
A best-practices CSS foundation
Tutorial for HTML and CSS
A set of small, responsive CSS modules that you can use in every web project.
A tiny list limited to the best CSS Learning Resources
All CSS methodologies compared examples at one place.
A collection of high-quality cheat sheets for web development technologies, including CSS, Git, HTML, and VSCode.
A modern, production-ready Django boilerplate for building SaaS applications with HTMX, Tailwind CSS, and Alpine.js. This template provides everything you need to kickstart your next SaaS project with best practices and modern tooling.
