CSS Protips  by AllThingsSmitty
A collection of tips to help take your CSS skills pro
About CSS Protips 
From the project's README at github.com/AllThingsSmitty/css-protips. Lightly cleaned for readability; for the full source see the upstream repo.
> [!TIP] > For other great lists check out @sindresorhus's curated list of awesome lists. Contents Protips Support Translations Contribution Guidelines Protips
1. Use a CSS Reset 1. Inherit 1. Use Instead of Resetting All Properties 1. Use to Apply/Unapply Borders on Navigation 1. Check if Font Is Installed Locally 1. Add to 1. Set for Form Elements 1. Vertically-Center Anything 1. Use Instead of Height/Width 1. Comma-Separated Lists 1. Select Items Using Negative 1. Use SVG for Icons 1. Use the "Lobotomized Owl" Selector 1. [Use for Pure CSS Sliders](#u
Health score breakdown
6-dimension composite. See methodology for formula and weights.
Adoption signals
Real-world usage data, pulled from each registry. The bigger the numbers, the more battle-tested the project.
| Signal | Value | Source |
|---|---|---|
| GitHub stars | 30k | github.com/AllThingsSmitty/css-protips |
| GitHub forks | 2.2k | github.com/AllThingsSmitty/css-protips |
Release & maintenance
Is this project actively maintained, or about to die? Check the recency of last commit and last release.
| Project age | 10.8 years | since Aug 2015 |
| Last commit | 1.3 years ago | Mar 20, 2025 |
Self-hosting cost across providers
Detected requirements: 4GB RAM, 40GB disk minimum. Cheapest plan per provider that meets the requirement.
| Provider | Plan | Specs | Monthly | |
|---|---|---|---|---|
| hetzner | CAX11 | 2c · 4GB · 40GB | $4.13 USD | Deploy → |
| vultr | VC2 | 1c · 1GB · 25GB | $5 USD | Deploy → |
| linode | Nanode 1GB | 1c · 1GB · 25GB | $5.12 USD | Deploy → |
| digitalocean | Basic Regular 1GB | 1c · 1GB · 25GB | $6 USD | Deploy → |
Ready to self-host CSS Protips ?
Spin up a hetzner CAX11 (4GB RAM, 40GB disk) for $4.13/mo and follow the project's official install docs.
Data last refreshed Jun 21, 2026.
Similar open-source projects
Projects in our directory that replace the same SaaS or share topics with CSS Protips .