Apply practical universal design approaches, including semantic HTML, to make websites and apps accessible.
CSS Protips
Improve CSS code with this collection of tips covering practices for writing stylesheets.
About CSS Protips
CSS Protips is an open source repository of tips for writing CSS stylesheets. It provides short explanations with code examples for practices including resets, box-sizing inheritance, selectors such as :not() and :is(), focus styling for form elements, vertical centering with flexbox and grid, and text sizing with rem, em and line-height. The repository includes translations, contribution guidelines and a code of conduct.
Key features
- Code examples for CSS reset and box-sizing inheritance
- Tips for :not(), :is(), nth-child and attribute selectors
- Guidance on :focus styling for form elements
- Methods to vertically center with flexbox and grid
- Techniques for rem/em sizing and line-height inheritance
- Examples for styling broken images and empty elements
Best for: People who write CSS and want short code examples for common styling practices.
Good for
- Open source repository that includes translations
- Each tip includes code examples, with demos for many entries
- Covers practical topics such as focus styles, resets and selectors
CSS Protips at a glance
- Type
- Open-source project
- Pricing
- Not confirmed. Check the site
- Open source
- Yes · Source code
- Language
- English
- Last checked
- Oct 5, 2026 · Online when checked
- Listed
- Oct 5, 2026
CSS Protips alternatives
Tools and sites you could use instead, ranked by how closely they match.
Use The A11Y Project checklist as a beginner’s guide to digital accessibility and web content requirements.
Follow Airbnb’s JavaScript Style Guide for conventions when writing and reviewing JavaScript code.
Open source
24 alternatives
Review frontend performance practices with this checklist for optimizing web page speed.
Open source
24 alternatives
Apply clean code concepts to PHP projects using this collection of guidance and examples.
Open source
24 alternatives
This repository contains code for the ThrustCurve.org site, which began as a collection of simulator files based on actual rocket motor firing data.
Open source
24 alternativesPopular in Science, Math & Technology
Well-known listings from the same topic.
MathNetmathnet.mit.eduOneZoomonezoom.orgThrustCurvethrustcurve.orgWikispeciesspecies.wikimedia.orgTheAlgorithmsthe-algorithms.comHot Nozzle Societyhotnozzlesociety.org
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.