On Functional CSS

Hi, My name is Andy Leverenz. I design, code, and am an author of things. Check out my blog Web-Crunch https://web-crunch.com 🤘🏻

☕️Help me keep going: https://www.buymeacoffee.com/webcrunch

ON FUNCTIONAL CSS

As my career takes a big shift from being only myself to a team of 20+ I’ve become more aware of the importance of best practices and scalability with regards to web design and development. This post is a quick discovery session on functional CSS and why it’s changing the way I author code.

CSS at its core is a language that paints the web. We can do some fantastic things with CSS that many years prior were never before possible. Everything from inline styles to abstracting all of our styles into an external stylesheet seemed like huge improvements not 10 years ago.

Today, we are animating with CSS, defining abstract grids, and even creating full-fledged illustrations. We can create variables and use preprocessing technologies like Sass or Less to otherwise write object-oriented style code.

The question that still has yet to be completely solved is How does CSS scale? Read more about it on my blog: https://web-crunch.com/on-functional-css

Worthy reads:

======

Adam Wathan - CSS Utility Classes and "Separation of Concerns" https://adamwathan.me/css-utility-classes-and-separation-of-concerns/

======

Nicolas Gallagher - About HTML semantics and front-end architecture http://nicolasgallagher.com/about-html-semantics-front-end-architecture

======

Jon Gold - Functional Programming, CSS, and your sanity http://jon.gold/2015/07/functional-css/

=======

Adam Morse - CSS and Scalability http://mrmrs.github.io/writing/2016/03/24/scalable-css/

Adam Morse - What are classes for?http://mrmrs.github.io/writing/2015/05/14/what-are-classes-for/

======

Brent Jackson - 5 Ways to Not Shoot Yourself in the Foot with CSS http://jxnblk.com/writing/posts/5-ways-to-not-shoot-yourself-in-the-foot-with-css/

======

Tachyons - http://tachyons.io/ Basecss - http://basscss.com/ Tailwind - https://tailwindcss.com/

💻 Previously published at: https://web-crunch.com/on-functional-css

💻 Check out the blog: https://web-crunch.com

🦄 Check out my personal site: https://justalever.com

🚀 Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication

📘Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd

📙 Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ... https://www.youtube.com/watch?v=TCj4oAtMIm0