https://github.com/winkerVSbecks/awesome-functional-css

A collection of awesome things regarding functional CSS
https://github.com/winkerVSbecks/awesome-functional-css

List: awesome-functional-css

Last synced: about 1 month ago
JSON representation

A collection of awesome things regarding functional CSS

• Host: GitHub
• URL: https://github.com/winkerVSbecks/awesome-functional-css
• Owner: winkerVSbecks
• Created: 2016-08-25T13:34:48.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-29T18:50:13.000Z (over 6 years ago)
• Last Synced: 2024-04-14T09:43:42.631Z (5 months ago)
• Size: 18.6 KB
• Stars: 41
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• ultimate-awesome - awesome-functional-css - A collection of awesome things regarding functional CSS. (Other Lists / PowerShell Lists)

README

        
# Awesome Functional CSS

A collection of awesome things related to functional CSS/atomic CSS/modular CSS/immutable utilities/etc. 

### tldr;

> so style, much classes, very functional

– [Matt Rothenberg](https://medium.freecodecamp.com/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77)

### Why?

- [In Defense of Utility-First CSS](https://frontstuff.io/in-defense-of-utility-first-css#it-bloats-the-html)

- [Functional CSS Protips](https://github.com/chibicode/react-functional-css-protips) ✨ The most exhaustive guide to functional CSS

- [CSS and Scalability](http://mrmrs.io/writing/2016/03/24/scalable-css/)

- [On the Growing Popularity of Atomic CSS](https://css-tricks.com/growing-popularity-atomic-css/)

- [CSS Utility Classes and "Separation of Concerns"](https://adamwathan.me/css-utility-classes-and-separation-of-concerns/)

- [Full re-write in 10 days with tachyons and functional CSS](https://hackernoon.com/full-re-write-with-tachyons-and-functional-css-a-case-study-part-1-635ccb5fb00b)

- [CSS Purge](http://csspurge.com/#component-league)

- [Atomic CSS Architecture](https://acss.io/frequently-asked-questions.html#how-is-atomic-css-different-than-using-inline-styles-)

- [Let’s Define Exactly What Atomic CSS is](https://css-tricks.com/lets-define-exactly-atomic-css)

- [Patterns for Style Composition in React](http://jxnblk.com/writing/posts/patterns-for-style-composition-in-react/)

- [tachyons.io/#testimonials](http://tachyons.io/#testimonials)

- [Introducing Solid](https://medium.com/buzzfeed-design/introducing-solid-1c16b1bf4868#.7tghq36fv)

- [Rationalizing Functional CSS](https://marcelosomers.com/writing/rationalizing-functional-css)

- [Our Path to MVP: Tachyons](https://medium.com/@trvsdnn/our-path-to-mvp-tachyons-51b84a8703eb)

- [Building and shipping functional CSS](https://medium.com/@cole_peters/building-and-shipping-functional-css-4f29b947bcb9#.7r1u7t5rh)

- [Using Helper Classes to DRY and Scale CSS](https://www.sitepoint.com/using-helper-classes-dry-scale-css)

- [Virtual CSS with Styletron](https://ryantsao.com/blog/virtual-css-with-styletron) (css-in-js ➡️ atomic CSS)

- [Functional Programming, CSS, and your sanity](http://www.jon.gold/2015/07/functional-css/)

- [Functional CSS (FCSS)](http://eng.wealthfront.com/2013/08/20/functional-css-fcss)

- [Immutable CSS](https://csswizardry.com/2015/03/immutable-css/)

- [My experience with Tachyons CSS (so far)](https://medium.com/@Markjobrien/my-experience-with-tachyons-css-so-far-8f63b41eb14b)

- [By The Numbers: A Year and Half with Atomic CSS](https://medium.com/@johnpolacek/by-the-numbers-a-year-and-half-with-atomic-css-39d75b1263b4)

- [Opinions of Leaders Considered Harmful](http://cssmojo.com/opinions_of_leaders_considered_harmful)

- [70% Repetition in Style Sheets](https://meiert.com/en/blog/20170531/70-percent-css-repetition/)

### Design System Theory

- [Space in Design Systems](https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62)

### Frameworks

- [Tachyons](http://tachyons.io)

- [Minions](https://github.com/chantastic/minions.css)

- [tachyons-js](https://github.com/jongold/tachyons-js) (css-in-js)

- [Styletron](https://github.com/rtsao/styletron)(css-in-js ➡️ atomic CSS)

- [Basscss](http://www.basscss.com)

- [BuzzFeed's Solid](http://solid.buzzfeed.com)

- [Purple3](http://purple3.herokuapp.com/)

- [Immutable CSS](http://immutablecss.com)

- [CSS Stats](http://cssstats.com)

- [Intro to Modular CSS](https://github.com/rangle/intro-to-modular-css)

- [react-native-style-tachyons](https://github.com/tachyons-css/react-native-style-tachyons) (for React Native)

- [Draper](https://github.com/winkerVSbecks/draper) (for React Native)

### Learning Resources

- [learn tachyons](https://github.com/dwyl/learn-tachyons)

- [Functional CSS Protips](https://github.com/chibicode/react-functional-css-protips)

- [tachyons.pro](https://tachyons.pro)

- [egghead.io tutorials for tachyons](https://egghead.io/search?q=tachyons)