Devs with great CSS skills, how and where did you learn how to do it?

• polaris

  31 5,637 10.0 TypeScript

  Shopify’s design system to help us work together to build a great experience for all of our merchants.

  

Practice. - Learn the theory. A lot of design systems have publicly available guidelines: Material, Polaris, Apple HIG. - Create your own components from scratch. Create a button, a dropdown, a navbar, a snack bar, a tool tip, a modal, etc. Those components can get pretty complex. Argyle's GUI Challenges videos provide good explanations for how to create some of these components.

• stylelint-config

  1 203 7.1 JavaScript

  Sharable stylelint config used by GitHub's CSS

  

While working on challenges use stylelint to enforce some strict coding standards and best practices for css. You can use predefined config like the ones from github for now.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• stylelint

  44 10,821 9.6 JavaScript

  A mighty CSS linter that helps you avoid errors and enforce conventions.

  

While working on challenges use stylelint to enforce some strict coding standards and best practices for css. You can use predefined config like the ones from github for now.

Suggest a related project