---
title: "CSS"
description: "There are many ways to skin a cat, paint a wall, lay out a web page, or any other saying you prefer."
canonical_url: "https://codex.republic.se/languages/css"
section: "Pages"
---

# CSS

There are many ways to skin a cat, paint a wall, lay out a web page, or any other saying you prefer. We have decided on a specific way of organizing and writing our CSS based on many years of experience.

---

- [ CSS Architecture ](/languages/css/css-architecture)
- [ A new responsive web ](/languages/css/a-new-responsive-web)
- [ New CSS functions ](/languages/css/new-css-functions)
- [ Dark mode ](/languages/css/dark-mode)
- [ CSS snippets ](/languages/css/css-snippets)
- [ CSS frameworks and links ](/languages/css/css-frameworks)

---

## Resources

### Methodologies

 ![](https://www.google.com/s2/favicons?domain=https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/&sz=128) [An Introduction To Object Oriented CSS (OOCSS) - Smashing Magazine](https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=http://getbem.com&sz=128) [BEM - Block Element Modifier](http://getbem.com) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://piccalil.li/cube-css/&sz=128) [CUBE CSS - Piccalilli](https://piccalil.li/cube-css/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=http://smacss.com&sz=128) [Scalable and Modular Architecture for CSS](http://smacss.com) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/&sz=128) [ITCSS: Scalable and Maintainable CSS Architecture](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) // 2025-06-12

### Guides

 ![](https://www.google.com/s2/favicons?domain=https://www.smashingmagazine.com/2019/01/how-to-learn-css/&sz=128) [How To Learn CSS - Smashing Magazine](https://www.smashingmagazine.com/2019/01/how-to-learn-css/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://sass-guidelin.es/&sz=128) [Sass Guidelines](https://sass-guidelin.es/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://www.trysmudford.com/blog/a-good-reset/&sz=128) [A good reset | Trys Mudford](https://www.trysmudford.com/blog/a-good-reset/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://mxb.dev/blog/the-css-mindset/&sz=128) [The CSS Mindset](https://mxb.dev/blog/the-css-mindset/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/&sz=128) [More Transparent UI Code with Namespaces](https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/) // 2025-06-12

### Examples

 ![](https://www.google.com/s2/favicons?domain=https://utopia.fyi/&sz=128) [Utopia](https://utopia.fyi/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://moderncss.dev/&sz=128) [Modern CSS Solutions](https://moderncss.dev/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://github.com/susam/spcss&sz=128) [susam/spcss](https://github.com/susam/spcss) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://github.com/hankchizljaw/modern-css-reset&sz=128) [hankchizljaw/modern-css-reset](https://github.com/hankchizljaw/modern-css-reset) // 2025-06-12

### Tables

 ![](https://www.google.com/s2/favicons?domain=https://markus.oberlehner.net/blog/styling-html-tables-how-to-apply-margins-borders-and-z-index-on-table-elements/&sz=128) [Styling HTML Tables: How to Apply Margin, Border and z-index on Table Elements](https://markus.oberlehner.net/blog/styling-html-tables-how-to-apply-margins-borders-and-z-index-on-table-elements/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html&sz=128) [Under-Engineered Responsive Tables](https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html) // 2025-06-12

### Sass

 ![](https://www.google.com/s2/favicons?domain=https://css-tricks.com/sass-default-parameters/&sz=128) [A Practical Tip For Using Sass Default Parameters | CSS-Tricks](https://css-tricks.com/sass-default-parameters/) // 2025-06-12