How to approach CSS as a backend guy?

Design Tools Developer Tools CSS Framework

CSS-Tricks Landing Page

1

CSS-Tricks

CSS-Tricks is a website about websites.

SCSS makes writing CSS a lot easier. Tailwind is a great framework even if you don’t use it to see what their classes are implementing. Bootstrap is also a solid framework I’ve just moved away from it with Tailwind. This is a good resource for understanding layouts https://every-layout.dev and https://css-tricks.com is kind of the go to for all things css and bleed edge.

#CSS #CSS Tutorials #CSS Tricks 129 social mentions
Sass Landing Page
2

Sass

Syntatically Awesome Style Sheets
Pricing:
- Open Source
#Developer Tools #Design Tools #Web Frameworks 133 social mentions
Foundation Landing Page
3

Foundation

The most advanced responsive front-end framework in the world
Pricing:
- Open Source
If you hate to do frontend stuff, then at least use Bootstrap (https://getbootstrap.com/) or Foundation (https://get.foundation/) to quickly build something to showcase.

#CSS Framework #Design Tools #Developer Tools 18 social mentions
Bootstrap Landing Page
4

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
If you hate to do frontend stuff, then at least use Bootstrap (https://getbootstrap.com/) or Foundation (https://get.foundation/) to quickly build something to showcase.

#Developer Tools #Design Tools #Web Frameworks 329 social mentions
Tailwind UI Landing Page

5

Tailwind UI

Beautiful UI components by the creators of Tailwind CSS.

Consider https://tailwindui.com/. Grab the html variants. Wire it up with vanilla js.

#Design Tools #UI Design #Components Library 208 social mentions
Tailwind CSS Landing Page
6

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 880 social mentions
Flexbox Froggy Landing Page
7

Flexbox Froggy

A game for learning CSS flexbox
Pricing:
- Open Source
And a few others for your leisure browsing - https://cssreference.io/ - https://learncssgrid.com/ - https://flexboxfroggy.com/ - https://blog.webdevsimplified.com/2021-12/box-model/ - https://blog.webdevsimplified.com/2021-11/flexbox/ - https://css-tricks.com/snippets/css/a-guide-to-flexbox/ - https://css-tricks.com/snippets/css/complete-guide-grid/.

#CSS Tools #Online Education #Design Tools 253 social mentions
CSS Reference Landing Page
8

CSS Reference

Sleek and comprehensive online reference for CSS
Pricing:
- Open Source
And a few others for your leisure browsing - https://cssreference.io/ - https://learncssgrid.com/ - https://flexboxfroggy.com/ - https://blog.webdevsimplified.com/2021-12/box-model/ - https://blog.webdevsimplified.com/2021-11/flexbox/ - https://css-tricks.com/snippets/css/a-guide-to-flexbox/ - https://css-tricks.com/snippets/css/complete-guide-grid/.

#CSS Tutorials #CSS Tools #CSS 7 social mentions