On Functional CSS

Published: 21 January 2018
on channel: webcrunch
4,525
62

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-cla...

======

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

======

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/0...

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

======

Brent Jackson - 5 Ways to Not Shoot Yourself in the Foot with CSS
http://jxnblk.com/writing/posts/5-way...

======

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:   / webcrunchblog  
Twitter(Personal Account):   / justalever  
Facebook:   / webcrunchblog  
Dribbble: https://dribbble.com/justalever
Github: https://github.com/justalever
Medium:   / the-web-crunch  

📘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


On this page of the site you can watch the video online On Functional CSS with a duration of hours minute second in good quality, which was uploaded by the user webcrunch 21 January 2018, share the link with friends and acquaintances, this video has already been watched 4,525 times on youtube and it was liked by 62 viewers. Enjoy your viewing!