LESScss (lesscss.org) Används det i branschen?

Permalänk
Medlem

LESScss (lesscss.org) Används det i branschen?

Hej!

Jag undrar om LESScss, http://lesscss.org, används i branschen? Är det värt att lära sig eller är det mer värt att kunna CSS3 som rinnande vatten?

Permalänk
Medlem
Skrivet av atriix:

Hej!

Jag undrar om LESScss, http://lesscss.org, används i branschen? Är det värt att lära sig eller är det mer värt att kunna CSS3 som rinnande vatten?

LESS och CSS3 är två olika frukter. LESS är vad man kan kalla en CSS-kompilator: istället för att ange dina selektorer platt uppifrån och ner, får du tillgång till variabler, nästade block, mixins och annat roligt. Saker som

body { margin: 7px auto; } .somethingElse { margin-left: 7px; }

... kan skrivas om till

@defaultMargin: 7px; body { margin: @defaultMargin auto; } .somethingElse { margin-left: @defaultMargin; }

och nästade element beskrivs som

.foo { /* foo-styles */ > .bar { /* bar-styles */ > .baz { /* baz-styles */ } } }

Om du använder LESS tillsammans med CSS 2.1 eller 3 är oväsentligt, men du måste naturligtvis ha kännedom om CSS.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

LESS och CSS3 är två olika frukter. LESS är vad man kan kalla en CSS-kompilator: istället för att ange dina selektorer platt uppifrån och ner, får du tillgång till variabler, nästade block, mixins och annat roligt. Saker som

body { margin: 7px auto; } .somethingElse { margin-left: 7px; }

... kan skrivas om till[code]@defaultMargin: 7px;

body { margin: @defaultMargin auto; } .somethingElse { margin-left: @defaultMargin; }

och nästade element beskrivs som

.foo { /* foo-styles */ > .bar { /* bar-styles */ > .baz { /* baz-styles */ } } }

Dold text

Om du använder LESS tillsammans med CSS 2.1 eller 3 är oväsentligt, men du måste naturligtvis ha kännedom om CSS.

Att det är en typ av kompilator har jag fattat. Men används det bara typ privata hobby fixare och små egen företagare eller finns det några större kommersiella projekt som använder det? Funderar nämligen på att ta och lära mig det.

Permalänk
Medlem

Det är helt klart värt att lära sig då det går mycket snabbare att koda samt att man får bättre struktur.
Du kan även kolla in http://sass-lang.com/

Visa signatur

| i7 920 | UD5 | 6GB | 3TB | Intel SSD 80GB | Antec P182 |
http://webbutveckla.nu - Blogg om webbutveckling

Permalänk
Medlem

Du måste först kunna CSS utan och innan, och sedan börja på LESS.

Visa signatur

[Intel i7 4770K] [ GTX 1070] [Asus ROG VI Gene] [Corsair AX860] [Corsair 16GB Vengeance LP] [120GBIntel 520] [Bitfenix Phenom M]

Citera för svar

Permalänk
Medlem
Skrivet av nivv:

Du måste först kunna CSS utan och innan, och sedan börja på LESS.

Jag håller med här. Men det är helt klart värt att lära sig båda!

Permalänk
Medlem
Skrivet av MrMadMan:

Jag håller med här. Men det är helt klart värt att lära sig båda!

Låter som en bra idé, kan redan CSS3 som rinnande vatten

Permalänk
Medlem
Skrivet av J_ajje:

Det är helt klart värt att lära sig då det går mycket snabbare att koda samt att man får bättre struktur.
Du kan även kolla in http://sass-lang.com/

Sass körs under ruby, right?

Permalänk
Medlem

En annan sak som du undrade, om det används i branschen. Jag jobbar själv som webbutvecklare och det är lite upp till utvecklaren, men som andra redan påpekat, det har många fördelar. Det var inget som min arbetsgivare krävde eller frågade om innan jag fick jobbet heller. Se det som ett hjälpmedel för dig som utvecklare.

Visa signatur

[Intel i7 4770K] [ GTX 1070] [Asus ROG VI Gene] [Corsair AX860] [Corsair 16GB Vengeance LP] [120GBIntel 520] [Bitfenix Phenom M]

Citera för svar

Permalänk
Medlem
Skrivet av nivv:

En annan sak som du undrade, om det används i branschen. Jag jobbar själv som webbutvecklare och det är lite upp till utvecklaren, men som andra redan påpekat, det har många fördelar. Det var inget som min arbetsgivare krävde eller frågade om innan jag fick jobbet heller. Se det som ett hjälpmedel för dig som utvecklare.

Ok, tack för svar

Permalänk
Medlem
Skrivet av atriix:

Sass körs under ruby, right?

Yes. Det stämmer bra.
Tror dock det finns portar. Till exempel för PHP.

Dock rekommenderar jag dig att börja med LESS då det är lite smidigare att använda då det körs på .js. Om du inte har allt för många år på nacken och inte så servervan.

Visa signatur

| i7 920 | UD5 | 6GB | 3TB | Intel SSD 80GB | Antec P182 |
http://webbutveckla.nu - Blogg om webbutveckling

Permalänk
Medlem

Här är ett litet exempel på vad SASS/LESS och god kodstruktur kan göra för nytta i ett lite större projekt.
http://wildbit.com/blog/2012/04/16/refactoring-14000-lines-of-css-into-sass/

Visa signatur

| i7 920 | UD5 | 6GB | 3TB | Intel SSD 80GB | Antec P182 |
http://webbutveckla.nu - Blogg om webbutveckling

Permalänk
Medlem

Det används, vet att Twitter bl a använder sig utav det.

Visa signatur

Detta är första varningen va, jag ämnar brisera ur denna japanska kampställning och fullständigt förinta dig om inte du försvinner härifrån.

Permalänk
Medlem
Skrivet av Loaded:

Det används, vet att Twitter bl a använder sig utav det.

Jasså så pass

Permalänk
Medlem

Ja det används ute i industrin, både sass samt less, bara välja vilket, kvittar ganska så mycket, båda ger dig i alla fall betydligt bättre möjlighet att skriva renare och blir mycket lättare att underhålla dessa css filer med hjälp av dem. Finns möjlighet att använada dem i så got som alla utvecklings miljöer.

Smat ja twitter använder Less igenom sitt CSS api bootstrap http://twitter.github.com/bootstrap/less.html

Sitter själv så got som dagligen också med det på jobbet. Men det är som sagt va något du som utvecklare får se till att införskaffa, det kommer ju inte precis automatiskt.

Visa signatur

Speldator: Ryzen 7800X3D, 64GB DDR5, RTX 5090
Server: i7-8700k, 32GB DDR4, RTX2080
Steam deck, Rog Ally + de fiesta konsoler.