{"slug": "AllThingsSmitty--css-protips", "title": "Css Protips", "description": "\u26a1\ufe0f A collection of tips to help take your CSS skills pro \ud83e\uddbe", "github_url": "https://github.com/AllThingsSmitty/css-protips", "stars": "29K", "tag": "Front-End Development", "entry_count": 19, "subcategory_count": 30, "subcategories": [{"name": "Table of Contents", "parent": "", "entries": [{"name": "Protips", "url": "#protips", "description": ""}, {"name": "Support", "url": "#support", "description": ""}, {"name": "Translations", "url": "#translations", "description": ""}, {"name": "Contribution Guidelines", "url": "https://github.com/AllThingsSmitty/css-protips/blob/master/README.md/CONTRIBUTING.md", "description": ""}]}, {"name": "Use a CSS Reset", "parent": "Protips", "entries": []}, {"name": "Inherit `box-sizing`", "parent": "Protips", "entries": []}, {"name": "Use `unset` Instead of Resetting All Properties", "parent": "Protips", "entries": []}, {"name": "Use `:not()` to Apply/Unapply Borders on Navigation", "parent": "Protips", "entries": []}, {"name": "Check if Font Is Installed Locally", "parent": "Protips", "entries": []}, {"name": "Add `line-height` to `body`", "parent": "Protips", "entries": []}, {"name": "Set `:focus` for Form Elements", "parent": "Protips", "entries": []}, {"name": "Vertically-Center Anything", "parent": "Protips", "entries": []}, {"name": "Use `aspect-ratio` Instead of Height/Width", "parent": "Protips", "entries": []}, {"name": "Comma-Separated Lists", "parent": "Protips", "entries": []}, {"name": "Select Items Using Negative `nth-child`", "parent": "Protips", "entries": []}, {"name": "Use SVG for Icons", "parent": "Protips", "entries": []}, {"name": "Use the \"Lobotomized Owl\" Selector", "parent": "Protips", "entries": []}, {"name": "Use `max-height` for Pure CSS Sliders", "parent": "Protips", "entries": []}, {"name": "Equal-Width Table Cells", "parent": "Protips", "entries": []}, {"name": "Get Rid of Margin Hacks With Flexbox", "parent": "Protips", "entries": []}, {"name": "Use Attribute Selectors with Empty Links", "parent": "Protips", "entries": []}, {"name": "Control Specificity Better with `:is()`", "parent": "Protips", "entries": []}, {"name": "Style \"Default\" Links", "parent": "Protips", "entries": []}, {"name": "Intrinsic Ratio Boxes", "parent": "Protips", "entries": []}, {"name": "Style Broken Images", "parent": "Protips", "entries": []}, {"name": "Use `rem` for Global Sizing; Use `em` for Local Sizing", "parent": "Protips", "entries": []}, {"name": "Hide Autoplay Videos That Aren't Muted", "parent": "Protips", "entries": []}, {"name": "Use `:root` for Flexible Type", "parent": "Protips", "entries": []}, {"name": "Set `font-size` on Form Elements for a Better Mobile Experience", "parent": "Protips", "entries": []}, {"name": "Use Pointer Events to Control Mouse Events", "parent": "Protips", "entries": []}, {"name": "Set `display: none` on Line Breaks Used as Spacing", "parent": "Protips", "entries": []}, {"name": "Use `:empty` to Hide Empty HTML Elements", "parent": "Protips", "entries": []}, {"name": "Use `margin-inline` instead of `margin`", "parent": "Support", "entries": [{"name": "\u7b80\u4f53\u4e2d\u6587", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN", "description": "", "stars": "29k"}, {"name": "\u6b63\u9ad4\u4e2d\u6587", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-TW", "description": "", "stars": "29k"}, {"name": "Deutsch", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/de-DE", "description": "", "stars": "29k"}, {"name": "Espa\u00f1ol", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/es-ES", "description": "", "stars": "29k"}, {"name": "Fran\u00e7ais", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/fr-FR", "description": "", "stars": "29k"}, {"name": "\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/gr-GR", "description": "", "stars": "29k"}, {"name": "\u0a97\u0ac1\u0a9c\u0ab0\u0abe\u0aa4\u0ac0", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/gu-IND", "description": "", "stars": "29k"}, {"name": "Italiano", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/it-IT", "description": "", "stars": "29k"}, {"name": "\u65e5\u672c\u8a9e", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ja-JP", "description": "", "stars": "29k"}, {"name": "\ud55c\uad6d\uc5b4", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ko-KR", "description": "", "stars": "29k"}, {"name": "Polskie", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pl-PL", "description": "", "stars": "29k"}, {"name": "Portugu\u00eas do Brasil", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pt-BR", "description": "", "stars": "29k"}, {"name": "Portugu\u00eas do Europe", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pt-PT", "description": "", "stars": "29k"}, {"name": "\u0420\u0443\u0441\u0441\u043a\u0438\u0439", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ru-RU", "description": "", "stars": "29k"}, {"name": "Ti\u1ebfng Vi\u1ec7t", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/vn-VN", "description": "", "stars": "29k"}]}], "name": ""}