Lesscss - naudojamas ar ne?

Sveiki,

esu naujokas šiam forume, tad jei jau buvo diskutuota šia tema, labai atsiprašau :) Bet ieškodamas per search'ą nieko neradau, tai pamaniau, gal bus kam įdomu.

Radau tokį dalyką, kaip Lesscss, iš pirmo žvilgsnio pasirodė įdomus ir naudingas dalykas. Tačiau kadangi dar neteko praktiškai naudoti, tai pasidarė įdomu, ar kas nors naudojate? Galbūt, kas nors turite argumentų, kodėl neverta naudoti?

Man pvz pasirodė visai naudingas dalykas, tokie dalykai kaip kintamųjų aprašymas ir funkcijų kūrimas. Tai pat įdomu kodėl CSS pats iš savęs tokio dalykų neturi, atrodo nesunkiai turėtų būt realizuojami tokie dalykai. Gal tiesiog dar per mažai patirties turiu su CSS ir dėl to atrodo tokie dalykai reikalingi?

Pvz galvoju jeigu būtų aprašyta tokia klasė:

.corners(number){border-radius:number}

ir vėliau naudojama ant <div class="corners(5)"></div> sugeneruotų border-radius:5px šiam divui. Ir manau, jog čia tik vienas iš pavyzdžių, kurie galėtų sumažinti CSS'o dydį. Kita vertus, kiti gali sakyti, jog pats CSS ir taip nedaug užima, bet aš manau, jog jei būtų papildomų priedų, kurie leistų sumažinti jo dydį, tai kodėl gi nepasinaudojus?

Dėkui už pamąstymus

ir vėliau naudojama ant <div class="corners(5)"></div> sugeneruotų border-radius:5px šiam divui. Ir manau, jog čia tik vienas iš pavyzdžių, kurie galėtų sumažinti CSS'o dydį. Kita vertus, kiti gali sakyti, jog pats CSS ir taip nedaug užima, bet aš manau, jog jei būtų papildomų priedų, kurie leistų sumažinti jo dydį, tai kodėl gi nepasinaudojus?

Pats tas lesscss daugiau vietos uzims negu tu laimesi ;)

Bet siaip planuoju naudoti.

Geriausia tau atsakytų testas, kai sulyginami identiškų projektų krovimosi laiką, kreipimosi į serverį kiekį ir pan. Vienas projektas su tuo lesscss, o kitas su normaliu, bet su minify css (http://www.minifycss.com/). Kad ir daugiau css būtų, bet nereikia jokių papildomų js, todėl manau laimėtų 2 variantas.

Geriausia tau atsakytų testas, kai sulyginami identiškų projektų krovimosi laiką, kreipimosi į serverį kiekį ir pan. Vienas projektas su tuo lesscss, o kitas su normaliu, bet su minify css (http://www.minifycss.com/). Kad ir daugiau css būtų, bet nereikia jokių papildomų js, todėl manau laimėtų 2 variantas.

LESS nebūtinai galima su JS versti į css. Pilnai galima tiesiog rašyti pas save LESS, prieš keliant į serverį sukompiliuoti į CSS ir tada jau įkelti. Vartotojas mato tik išėjusį CSS :)

Na gerai, o tai kaip tada naršyklės supranta tokius užrašus:

#header {
 h1 {
   font-size: 26px;
   font-weight: bold;
 }
 p { font-size: 12px;
   a { text-decoration: none;
     &:hover { border-width: 1px }
   }
 }
}

Tai juk nėra standartinis css ir naršyklė turi gauti komandą, kaip interpretuoti tokį parašymą. Kiek matau, norint, kad veiktu less, reikia "less.js". taigi, kompiliuok ką ir kaip nori, bet be šito js niekas neveiks. Taigi ką ir sakiau, atsiranda papildomas js, kuris turi papildomą krovimosi laiką, svorį ir t.t. Reikia testuoti ir lyginti.

Na gerai, o tai kaip tada naršyklės supranta tokius užrašus:

 

#header {
 h1 {
   font-size: 26px;
   font-weight: bold;
 }
 p { font-size: 12px;
   a { text-decoration: none;
     &:hover { border-width: 1px }
   }
 }
}

 

Tai juk nėra standartinis css ir naršyklė turi gauti komandą, kaip interpretuoti tokį parašymą. Kiek matau, norint, kad veiktu less, reikia "less.js". taigi, kompiliuok ką ir kaip nori, bet be šito js niekas neveiks. Taigi ką ir sakiau, atsiranda papildomas js, kuris turi papildomą krovimosi laiką, svorį ir t.t. Reikia testuoti ir lyginti.

Dar kartą sakau - prieš keldamas į serverį, sukompiliuoji LESS su desktopine programėle, jis išveda jau gryną CSS, o tada tą CSS keli į tinklalapį.

Nepatingėjau net parsisiųsti LESS kompiliatoriaus, iš tavo pavyzdžio padaro štai kokį CSS (neminifikuotą):

#header h1 {
 font-size: 26px;
 font-weight: bold;
}
#header p {
 font-size: 12px;
}
#header p a {
 text-decoration: none;
}
#header p a:hover {
 border-width: 1px;
}

Ai, ne taip supratau tada. Na, manęs jis visiškai nežavi ir nemanau, kad naudingas dalykas.

Pats kuris laikas naudoju LESSCSS, galiu pasakyti, kad labai galingas dalykėlis, sutaupo daug laiko. Rekomenduoju ;)