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

2012-04-21 12:30

Permalänk

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

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?

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-04-21 13:33

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

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?

Gå till inlägget

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

Rapportera Redigera

Citera flera Citera

2012-04-21 14:15

Permalänk

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

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.

Gå till inlägget

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.

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-04-21 14:19

Permalänk

J_ajje

Medlem

Plats: Skövde
Registrerad: Nov 2004

●

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

Rapportera Redigera

Citera flera Citera

2012-04-21 17:02

Permalänk

nivv

Medlem

Plats: Kristianstad
Registrerad: Dec 2005

●

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

Rapportera Redigera

Citera flera Citera

2012-04-21 17:10

Permalänk

MrMadMan

Medlem

Plats: Umeå
Registrerad: Maj 2003

●

Skrivet av nivv:

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

Gå till inlägget

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

Rapportera Redigera

Citera flera Citera

2012-04-21 17:37

Permalänk

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av MrMadMan:

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

Gå till inlägget

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

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-04-21 17:43

Permalänk

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

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/

Gå till inlägget

Sass körs under ruby, right?

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-04-21 19:26

Permalänk

nivv

Medlem

Plats: Kristianstad
Registrerad: Dec 2005

●

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

Rapportera Redigera

Citera flera Citera (2)

2012-04-21 20:49

Permalänk

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

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.

Gå till inlägget

Ok, tack för svar

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-04-21 22:01

Permalänk

J_ajje

Medlem

Plats: Skövde
Registrerad: Nov 2004

●

Skrivet av atriix:

Sass körs under ruby, right?

Gå till inlägget

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

Rapportera Redigera

Citera flera Citera

2012-04-22 14:36

Permalänk

J_ajje

Medlem

Plats: Skövde
Registrerad: Nov 2004

●

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

Rapportera Redigera

Citera flera Citera

2012-04-22 20:04

Permalänk

Loaded

Medlem

Plats: Satans Helvete
Registrerad: Dec 2002

●

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.

Rapportera Redigera

Citera flera Citera

2012-04-22 23:53

Permalänk

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Loaded:

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

Gå till inlägget

Jasså så pass

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-04-23 00:06

Permalänk

Tenerezza

Medlem ★

Plats: Västra Götaland
Registrerad: Jul 2004

●

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: i7-8700k, 32GB DDR4, RTX2080
Server 1: SB 2500k, MZI -P67GD55, 32GB DDR3, Corsair MX 240GB SSD
Surface Pro 2017, Konsoler: Typ alla, Oculus Rift

Rapportera Redigera

Citera flera Citera (1)

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

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

Externa nyheter

Spelnyheter från FZ