Ask HN: I can't grok front end development

Design Tools Developer Tools CSS Tools

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
Use a design system as a starting point, like https://clarity.design Different design systems give varying levels of guidance. On the more detailed side, Clarity provides: - General UX guidelines, like when to use alerts vs banners vs modals[1] - Basic color palette - Icons - Basic responsive layout - Framework-agnostic web components --- Also https://www.refactoringui.com seems to be a front end guide for (back end) devs > Make your ideas look awesome, without relying on a designer. > Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view. From the creators of https://tailwindcss.com. Tailwind is also a (less prescriptive) design system. [1]: https://clarity.design/documentation/notifications.

#Developer Tools #Design Tools #Website Design 1013 social mentions
Flexbox Froggy Landing Page
2

Flexbox Froggy

A game for learning CSS flexbox
Pricing:
- Open Source
Biggest quick improvement for CSS will be learning TailwindCSS[0] and FlexBox[1]. For React.js and JS, I highly recommend select parts of this University Helsinki Full Stack Open course[2]. [0] https://nerdcave.com/tailwind-cheat-sheet [1] https://flexboxfroggy.com/ [2] https://fullstackopen.com/en/part1.

#CSS Tools #Online Education #Design Tools 264 social mentions
Clarity Design System Landing Page

3

Clarity Design System

Clarity Design System. UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

Use a design system as a starting point, like https://clarity.design Different design systems give varying levels of guidance. On the more detailed side, Clarity provides: - General UX guidelines, like when to use alerts vs banners vs modals[1] - Basic color palette - Icons - Basic responsive layout - Framework-agnostic web components --- Also https://www.refactoringui.com seems to be a front end guide for (back end) devs > Make your ideas look awesome, without relying on a designer. > Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view. From the creators of https://tailwindcss.com. Tailwind is also a (less prescriptive) design system. [1]: https://clarity.design/documentation/notifications.

#Development #Tool #Software Development 11 social mentions