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

1

Vue.js

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.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions

2

Tailwind CSS

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.

#Developer Tools #Design Tools #Website Design 870 social mentions

3

Svelte

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.

#Javascript UI Libraries #JavaScript Framework #JS Library 354 social mentions

4

React

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.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions

5

Bootstrap

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.

#CSS Framework #Development Tools #Design Tools 326 social mentions

6

Angular.io

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.

#JavaScript Framework #JS Library #Web Development Tools 284 social mentions