Desperately want to make my own game, tripped up on certain integral parts [JS/HTML/CSS]

• cards-n-catapults-idle

  4 1 0.0 TypeScript

  Place where some game state about cards the player owns is stored: https://github.com/Rybadour/cards-n-catapults-idle/blob/feature/combat-grid/src/store/cards.ts

• core

  283 44,370 9.8 TypeScript

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

  

  One of the first problems I ran into, is that manually manipulating the DOM is error-prone and just not fun to do. So I started looking into tools that can do the job for you. Vue.js, React, Angular, and Svelte are the most popular of such frameworks. I settled on Vue because of personal preferences. Now when my values change, the UI updates automatically.

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

  

• Tailwind CSS

  1,275 78,166 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

  Tailwind was perfect for this. It is a simple utility css library with classes for the smallest things, like width or background color. It also allows you to create custom themes with classes such as color-primary, where you can define what that ends up meaning. This combined with Vue components means you can create small components that look nice and are reusable.

• Svelte

  631 76,291 9.9 JavaScript

  Cybernetically enhanced web apps

  

  One of the first problems I ran into, is that manually manipulating the DOM is error-prone and just not fun to do. So I started looking into tools that can do the job for you. Vue.js, React, Angular, and Svelte are the most popular of such frameworks. I settled on Vue because of personal preferences. Now when my values change, the UI updates automatically.

• React

  1,686 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

  One of the first problems I ran into, is that manually manipulating the DOM is error-prone and just not fun to do. So I started looking into tools that can do the job for you. Vue.js, React, Angular, and Svelte are the most popular of such frameworks. I settled on Vue because of personal preferences. Now when my values change, the UI updates automatically.

• Bootstrap

  529 167,350 9.6 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

  The UI still looks bad however. Now I am no designer, so the best I could hope for was to make something passable. At the time, Bootstrap was a popular opinionated css library. You can attach the html class table to your divs and it looks like what Bootstrap thinks a table should look like. It also has a nice column system where you can easily make divs 1/12th of the screen on desktop, or 3/12th on mobile. I haven't used it in years but it was pretty good at the time.

• Angular

  698 94,397 10.0 TypeScript

  Deliver web apps with confidence 🚀

  

  One of the first problems I ran into, is that manually manipulating the DOM is error-prone and just not fun to do. So I started looking into tools that can do the job for you. Vue.js, React, Angular, and Svelte are the most popular of such frameworks. I settled on Vue because of personal preferences. Now when my values change, the UI updates automatically.

• 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