Learn CSS Layout the Pedantic Way

• cssbook

  3 220 0.0 CSS

  The book "Learn CSS layout the pedantic way"

• csswg-drafts

  70 4,269 9.9 Bikeshed

  CSS Working Group Editor Drafts

  

What do you mean by "official documentation"? The specification [1]? MDN [2]?

[1] https://drafts.csswg.org/

[2] https://developer.mozilla.org/en-US/docs/Web/CSS

The former is not meant as a learning resource for new web devs and the latter usually has information about the "baseline" support ond browser compatibility tables.

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

  

• open-props

  49 4,390 8.3 HTML

  CSS custom properties to help accelerate adaptive and consistent design.

There's still some boilerplate, but I'm a big fan of Open Props[0] because it takes a hybrid approach. CSS isn't necessarily reinventing the wheel, but allowing for easier / more powerful approaches to difficult layouts or things that would otherwise require JS. Bootstrap is fine but troubleshooting advanced layout issues involves a lot of inspecting elements to see what styles are actually being applied (at least in my experience, YMMV) so I'd personally always bet on CSS.

[0] https://open-props.style/

• vite

  787 64,769 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

- And ofc, there are some templates/frameworks that bring something of that together (https://create-react-app.dev/; maybe https://vitejs.dev/) - google for templates.

I recommend finding some friend with modern experience or at least some youtube tutorials or at least some learning course. That would help you to catch up on the best way to bootstrap your first project. Then you can practice.

• tanstack.com

  10 217 9.2 TypeScript

  The marketing and docs site for all TanStack projects

  

- UI kit (I personally have good experience with React Material UI - https://mui.com/; there is also https://tanstack.com/)

• material-ui-docs

  122 311 10.0 TypeScript

  ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:

  

- UI kit (I personally have good experience with React Material UI - https://mui.com/; there is also https://tanstack.com/)

• create-react-app

  575 101,853 1.5 JavaScript

  Set up a modern web app by running one command.

  

- And ofc, there are some templates/frameworks that bring something of that together (https://create-react-app.dev/; maybe https://vitejs.dev/) - google for templates.

I recommend finding some friend with modern experience or at least some youtube tutorials or at least some learning course. That would help you to catch up on the best way to bootstrap your first project. Then you can practice.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project