Painless CSS

What it does

Painless CSS is a book and video course that teaches you from first principles how to build intuitive websites that are a joy to design and maintain. It gives you the best mental models to solve front-end problems without resorting to brute trial and error.

Learn CSS from first principles with Painless CSS, a book and video course that teaches you how to build beautiful, intuitive websites that are a joy to design and maintain.

Cascading Style Sheets. CSS code gives a website its “look and feel”. Click here to turn CSS off to see what this page looks like without CSS. Painless CSS is a book and video course that teaches you from first principles how to build beautiful, intuitive websites that are a joy to design and maintain. You could approach CSS with confidence instead of with a sense of dread. You could fix visual bugs uncovered by your product manager in record time, allowing you to go home early and avoid spending all evening trying to get that text to stop overflowing, damnit. Painless CSS will give you the tools to master CSS and write it with confidence. They never told you in your university CS classes…from painlesscss.com

• 
  Painless CSS: Learn CSS from First Principles2019 · painlesscss.com · ▲36

  Learn CSS from first principles with Painless CSS, a book and video course that teaches you how to build beautiful, intuitive websites that are a joy to design and maintain.

• 
  Basic.css – Classless CSS Starter File2020 · github.com · ▲153

  Basic.css - Classless CSS Starter File. Contribute to vladocar/Basic.css development by creating an account on GitHub.

• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• 
  MVP.css – Minimalist stylesheet for HTML elements2020 · github.com · ▲471

  MVP.css — Minimalist classless CSS stylesheet for HTML elements - andybrewer/mvp

• LC
  Lissom.CSS - A classless, minimalist, and themeable CSS library2023 · lissomware.github.io · ▲55

  This is a personal take on making a classless semantic CSS library.

• 
  A simple, plain, minimal, classless CSS for simple, plain HTML pages2020 · github.com · ▲128

  A simple, minimal, classless stylesheet for simple HTML pages - susam/spcss

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲343

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Webframe▲796

  >800 web app screenshots for inspiration on your next app 🎉

  Dev tools · 2019 · webframe.xyz

• 
  CSS Scan 2.0▲758

  The fastest and easiest way to inspect or copy CSS ⚡️

  Dev tools · 2019 · getcssscan.com

• 
  Golden▲680

  Mapping human knowledge with AI

  AI · 2019 · golden.com

• 
  When To Launch▲654

  Launch your product on the right date and time based on data

  Growth · 2019

• 
  Hyper 3▲643

  A cross-platform terminal powered by web technologies

  Dev tools · 2019 · hyper.is

• CC
  CSSFX – Click-to-copy CSS effects▲595

  Life & fun · 2019 · cssfx.dev