Make a frontend stack plan

[micahlt]

We need to decide what frontend stack we're using. Are we going to use vanilla languages or are we going to use frameworks like Bootstrap or React?

[micahlt]

After discussion, looks like we'll be using Sass and ES6+ JavaScript, and maybe some jQuery. We'll use Parcel.js to bundle the application. @Scratch-Client-4/frontend make sure you're familiar with these technologies!

[locness3]

Well, I guess this is obsolete now we're using Vue.

[micahlt]

@locness3 True. Someone want to summarize the stack here so we can close this again?

[locness3]

There's still one thing not sure : do we keep with SCSS or do we switch to LESS? See discussion in #5

[micahlt]

@locness3 Hmm... okay, leaving this open for further discussion.

[locness3]

@Scratch-Client-4/frontend Do we keep with SCSS or do we switch to LESS ?

[VelocityDesign]

@locness3 I know neither, but if you could point me to a nice course for SCSS (Besides Codecademy) then I would vote SCSS. I already know SCSS, but only a little bit.

[ethanhanderson]

@locness3 just from skimming the less homepage it seems extremely similar but somehow less appealing than SCSS. I'll vote for SCSS but LESS is still fine with me

[VFDan]

I'd prefer Stylus, but any of those preprocessors are fine with me

[ethanhanderson]

I believe preprocessors like LESS and Stylus are all branches off Sass. So if we wanted to use the most common and developed preprocessor, we'd be best suited with Sass

[locness3]

I prefer LESS tho, because it's not trying to reinvent the wheel (like SASS does with the SASS (not SCSS) syntax or their namespace system), it's more of a CSS expansion. And it is simpler IMO.

[locness3]

I already know SCSS, but only a little bit.

Well @ConvexPolygon, won't be hard switching to LESS if needed.

[VFDan]

@Hexsphere Actually, Stylus is a bit different; it is simpler, as you don't need semicolons or brackets; Pythonic CSS, if you will

[micahlt]

@VFDan bruh I can't deal with that

[locness3]

hmm

[bryn-trys]

There is only so much I can learn in a short amount of time. I think our best option should be the most flexible.

[ethanhanderson]

@VFDan I haven't mentioned SCSS because that flavor of Sass does allow for brackets and semicolons. Stylus is very similar to SASS, not SCSS.

[ethanhanderson]

So far all I've seen are opinions on which preprocessor is better. I hopefully can shed some light on this discussion.

If we're going for a preprocessor that builds on and is very similar to CSS, then LESS is a perfect choice.

If we're trying to use a preprocessor that has it's own styling patterns and provides more features, we'll want to use Sass. While I'm on this topic, I think SCSS is best suited for trying to be as close to the CSS syntax as possible.

Finally, and I'm not sure what case to make for Stylus except it's good for people who want some Less or Sass/Scss features without using them as far as I can tell.

[locness3]

I think most people here are more familiar with basic CSS, so we should go with LESS IMO.

[bryn-trys]

@locness3 Yes, I agree.

[micahlt]

@Scratch-Client-4/frontend I'm good with LESS if you guys are. Decision?

[VelocityDesign]

Less I guess. I need a place to learn LESS tho.

[VFDan]

@micahlt I guess that's fine; I'm good with any CSS preproccessor

[bryn-trys]

As long as it is in the CSS realm, I can probably learn it.

[locness3]

Well, I think we'll go with LESS then. Anyone OK?

[ghost]

@ConvexPolygon try w3schools, they should have a LESS tutorial

[locness3]

They don't. The best way to learn it is its documentation, https://lesscss.org

[bryn-trys]

@locness3 okay, is that free?

[locness3]

?

[bryn-trys]

Oh sorry, I misread. I thought it was a link to a code learning site. I don’t have a credit card so I didn’t want to pay money.

[locness3]

Ok, that's fine. Yeah, I never spent money for learning coding too :)

[micahlt]

All right, marking this as closed. We're using Vue and Less. :+1: This does mean that the current version of the client will need to be restyled with Less.

[locness3]

Will work on this :P