Learn CSS Layout the Pedantic Way

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • cssbook

    The book "Learn CSS layout the pedantic way"

  • csswg-drafts

    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

    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.

    SurveyJS logo
  • open-props

    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

    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

    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

    ⚠️ 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

    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.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Integration of Angular, Vue.js and React with .NET: Creating a Modern Web Experience

    2 projects | dev.to | 10 Apr 2024
  • JamesCheng wants to pay 0 USD to have this issue fixed

    1 project | news.ycombinator.com | 2 Feb 2024
  • Getting Started with React: An Introduction and Setup Guide

    2 projects | dev.to | 12 Jan 2024
  • Membangun Aplikasi To-Do List dengan React.js dan Tailwind CSS

    1 project | dev.to | 11 Jan 2024
  • 🌟 Unleashing React Code Splitting: The Epic Guide! 🚀

    1 project | dev.to | 23 Dec 2023