LESSCSS - patogus įrankis css failiukui generuoti

Sveikas,

 

Visų pirma pradėsiu nuo to, kad tavo žinutė yra naudinga - tai naudinga ir man, ir kitiems besidomintiems WEB kodavimu. Žinoma, kad grafika ir pakopiniai stiliai yra labiausiai serverį apkraunantys komponentai, TAČIAU nėra būtinybės keisti įprasto CSS į LessCSS. Įprastame CSS'e taip pat galima kurti tuos dalykus, kuriuos aprašei tu (jie vadinasi konstantomis), tačiau ne visi tai žino ( http://www.google.lt/#hl=lt&output=search&sclient=psy-ab&q=css+constants&oq=css+constants&aq=f&aqi=g1g-K1g-sK1g-K6g-sK1&aql=&gs_l=hp.3..0j0i30j0i10i30j0i30l6j0i10i30.12413.16062.1.16161.15.13.1.0.0.0.403.2682.0j8j0j3j1.12.0...0.0.EbvOlKMIhz8&psj=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=b9a5028e04831d46&biw=1280&bih=664 )

 

Dėl pačios LessCSS kalbos efektyvumo nesakysiu nieko, nes nesu jos naudojęs ir nemačiau jokių atliktų testų, tad gali būti, kad LessCSS yra labiau optimizuota kalba ir veikia našiau už įprastinę CSS kalbą.

Aš laikysiuosi savo nuomonės, kad jei yra galimybė kažką padaryti su CSS, tai geriau to nedaryti su JS :)

Nemanau, kad CSS apkrova yra pastebima, kad vertėtų aukoti laiką ir nežinia ar tobulėti naudojant LessCSS paaukojant visus lankytojus, kurie lankosi su NoScript :)

Aš laikysiuosi savo nuomonės, kad jei yra galimybė kažką padaryti su CSS, tai geriau to nedaryti su JS :)

Nemanau, kad CSS apkrova yra pastebima, kad vertėtų aukoti laiką ir nežinia ar tobulėti naudojant LessCSS paaukojant visus lankytojus, kurie lankosi su NoScript :)

Iš vienos pusės sutinku, tačiau iš kitos, rask man tinklalapį, kuris skaičiuoja tuos lankytojus su no script? Dauguma koderių negavę reikalavimų netgi IE6 nebepalaiko. Bet kas jau čia žino kas teisus. Mano nuomonė tokia, kad dėl geresnių rezultatų galima kažką ir paaukoti, bet visiškai ir su tavąja sutinku. Galbūt yra techninis sprendimas, kad aptikus noscript naudoti paprastą css :)

Esmė, kad pastoviai dabar didėja visokių JS kodų, kas, manau, verčia vis daugiau vartotojų naudoti NoScript. Kai praeis visa šita banga, tai manau, nei NoScript nebereikės, nei AdBlock ;)

Na, bet jei matyčiau prieš akis kažkokius realius testus su apkrovos rezultatais, tai gal ir būtų verta apsvarstyti tobulėjimą ;)

 

Manau, gan geras blogo puslapio pavyzdys būtų azon.lt su savo nauju dizainu, kur įjungus NoScript, puslapis visai dingsta iš ekrano ;) Visiškai baisus puslapis. Beje, visai nesusijęs su LessCSS. Tiesiog, pavyzdys, kas būna, kai pasikliaujama JS per daug :) Ir apskritai, labai blogas puslapis ^_^

Labas!

Dažniausiai šiame tinklalapy ieškau tik naudos sau(nesvarbu kokia forma), ir nieko neduodu kitiems. Pagalvojau, kad turbūt neegzistuotų forumas, jeigu čia būtų vien tokie žmonės kaip aš, taigi pritaikysiu posakį "pradėk nuo savęs" ir šiuo tuo su jumis pasidalinsiu(gal pravers?).

 

CSS kodas tikriausiai neišvengiamas betkokiam tinklalapiui, ir tai kaip jis parašytas, jau šį bei tą pasako apie rašiusįjį(lyg ir taip rašosi). Kuo mažiau CSS kodo, tuo geriau, ar ne? Juk taupysime krovimo laiką, netgi vietą serveryje, srautą, bei nervus ieškant tai ko reikia.

 

Yra toks puikus įrankis LESSCSS. Nėra jis paplitęs, tačiau pats visiškai perėjau prie jo, ir kolkas nesiskundžiu. Jis mūsų css kodą susitemina, įveda panašių dalykų, kokių galima aptikti programavimo kalbose, pavyzdžiui, kintamieji. Įsivaizduokit, tarkim jums reikia apsirašinėti slapvos kodą keliose klasėse. Jums užtektų parašyti viršujė

@color: #FFFFFF;

ir vėliau tiesiog naudoti

@color;

. Sakysite: "kas iš to, juk rašyti reikės tą color lygiai taip kaip ir kodą?". Ne, nereikės. Užsimanę pakeisti spalvą, ją pakeisite tik prie kintamojo ir vuolia, darbas baigtas. lesscss turi ir kitų "navarotų/pribambasų", kaip pavyzdžiui stilius primenantis funkciją, klasė klasėje ir dar begalė dalykų, kurie jums turėtų palengvinti gyvenimą (man tikrai palengvino).

Išsamiai aprašyti kodų pavyzdžiai anglų, rusų bei dar keliomis kalbomis yra šiuo adresu: LESSCSS.ORG

Naudodamas LESSCSS prie krovimo pridedi 45,9 KB, nepanašu, kad "taupai" krovimo laiką ir srautą + svetainė užklausia ne vien CSS, bet papildomai siunčiasi LESSCSS failiuką.

Less CSS yra super dalykas, ypač kartu su SimpLESS, kuris sukompiluoja less'o sugeneruota CSS'ą kad nereikėtų dėt nereikalingo JS į puslapį.

Esu naudojęs (ir naudoju) Lesscss ne viename projekte, tai galiu pasakyti, kad visai smagus dalykėlis.

 

Tie kurie galvoja naudoti tą less.js client-side lesscss compilerį tai galiu iš karto pasakyti, kad gal geriau atsisakykite šios minties. Taip, less.js galite naudoti kol programuojate development variante, viskas ok dėl to, tačiau production variante jį naudoti galėtų tik _kvailys_ :)

 

Taip pat, yra ir kitas panašus dalykas į Lesscss. Tai Sass - aš pats asmeniškai galvoju visiškai ant jo perreiti, nes lesscss atradau ir šiokių tokių minusų. Taip pat vertėtų paminėti tokį dalyką kaip Compass :)

 

Plius šį "persikvalifikavimą" dalinai lems ir Ruby On Rails framework'as :)

 

Taip pat vertėtų paminėti tokį fun faktą, kad lesscss kodas kol nesukompiliuoji užima daugiau eilučių nei sukompiliuotas :D

 

P.S. Juodasiskatinas, tu šiame straipsnyje nepateikei pagrindinių pliusų lesscss, kaip pvz nesting rules...

Redagavo Birželio 20, 2012 Lapinskis

dalykas geras, bet:

less/sass ir kiti preprocessoriai nėra gerai, nes TINKAMAI viską globalizavus ir nepametus logikos, viskas paprastai padaroma ir su pliku css. neminint, jog pamirštama plain css'as (žadama, jog 2-5 metų ateityje šie featuresai bus ir plain css'e). tikrai neįsivaizduoju, kam to gali reikėti įprastame webe (teko ir bandyti, skaityti ir etc).

 

kada šis toolsas padeda: kai daromos sudėtingos transformacijos. pvz: 3d/2d transformacijos ar sudaromos sudėtingos konstrukcijos pasitelkiant js ir html/css. taipogi, nepamainomas, kai dirbama su css frameworkais, bet css frameworkas = low budget projektas (būna ir išimčių, bet laaabai retai).

Pirmiausiai, css preprocesoriai duoda ne tik kintamuosius, bet ir, pvz., mixinus, matematikos galimybes ir t.t.

 

Ir ANTRA, jie NEPRIVALO būt interpretuojami kliento pusėj!!! Less galima sukompiliuoti į css su node.js, sass - su ruby. Nesuprantu, kaip galite nematyti tokios galimybės...

Na biški prikelsiu temą, bet gal nieko tokio :)

 

Puikus dalykas tas LessCSS, ypač jei dar naudoji Node.JS. Šiandien teko išbandyti, susirašiau Node.JS for Windows ir įsirašiau Less modulį, puikiai pritaikiau Notepad++ kompiliatoriui. tikrai nebūtinai turi tas LessCSS veikti kliento pusėje...

 

Štai tutorialas: http://justtwonerds.com/2011/12/21/using-notepad-to-easily-compile-less-css-files/

Redagavo Liepos 5, 2012 FaitasS

Na biški prikelsiu temą, bet gal nieko tokio :)

 

Puikus dalykas tas LessCSS, ypač jei dar naudoji Node.JS. Šiandien teko išbandyti, susirašiau Node.JS for Windows ir įsirašiau Less modulį, puikiai pritaikiau Notepad++ kompiliatoriui. tikrai nebūtinai turi tas LessCSS veikti kliento pusėje...

 

Štai tutorialas: http://justtwonerds.com/2011/12/21/using-notepad-to-easily-compile-less-css-files/

 

Notepad++ tikrai nėra pats geriausias dalykas gyvenime... :)

 

Siūlau pabandyti Sublime text 2 ir Simpless. Po notepad++ bus tikra atgaiva ;)

Notepad++ tikrai nėra pats geriausias dalykas gyvenime... :)

 

Siūlau pabandyti Sublime text 2 ir Simpless. Po notepad++ bus tikra atgaiva ;)

 

Neklydai, tikrai geras dalykas :) Dar tuo pačiu draugui patariau naudoti, tai ir jam patiko. O ir Simpless geras dalykas, nereikia spausti mygtukų kombinacijos, kad sukompiliuotų.

O kaip su NetBeans IDE? Kokį patartumėte naudoti?

O kaip su NetBeans IDE? Kokį patartumėte naudoti?

 

Netbeans IDE puikus dalykas :) Galiu rekomenduoti :) Taip pat gali pabandyti phpstorm, tik jis mokamas šiaip :)

 

Aš pats Netbeans naudoji rimtesniems darbams, o kai reikia tik šiaip ką greitai padaryti, tai ir Sublime Text kuo puikiausiai tinka :)

phpDesigner dar visai nieko, jis taip pat mokamas, bet vertas tų pinigų.

Netbeans IDE puikus dalykas :) Galiu rekomenduoti :) Taip pat gali pabandyti phpstorm, tik jis mokamas šiaip :)

 

Aš pats Netbeans naudoji rimtesniems darbams, o kai reikia tik šiaip ką greitai padaryti, tai ir Sublime Text kuo puikiausiai tinka :)

Ačiū už patarimus :)

Ačiū už patarimus :)

 

Tiesa, dar gali pažiūrėti Aptana IDE :) irgi labai geras dalykas :)

Kaip supratu sublime mokamas ? Kiek laiko trial ?

Kaip supratu sublime mokamas ? Kiek laiko trial ?

 

Begalinis

Begalinis

Dabar radau:

Sublime Text 2 may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evaluation.

 

Tačiau trial funkcionalumas toks pat kaip ir licensed ? :) Kažkaip per didelė kaina tokiam produktui. 15-25$ būtų pats tas :)

Dabar radau:

 

 

Tačiau trial funkcionalumas toks pat kaip ir licensed ? :) Kažkaip per didelė kaina tokiam produktui. 15-25$ būtų pats tas :)

 

Ne, duoda daugiau galimybių, t.y atpažysta programavimo kalbų sintaksę :)

Ne, duoda daugiau galimybių, t.y atpažysta programavimo kalbų sintaksę :)

Bent kiek aš bandžiau, tai tas pats funkcionalumas ir neaktyvavus... "Nagware" taip sakant.

Redagavo Liepos 20, 2012 Silke

Na aš buvau parsisiuntęs iš jų puslapio, tai palaikė tik Simple Text, kai parsisiunčiau crack'ą, atsirado daugiau palaikymų. :huh:

Na aš buvau parsisiuntęs iš jų puslapio, tai palaikė tik Simple Text, kai parsisiunčiau crack'ą, atsirado daugiau palaikymų. :huh:

Gal parsisiuntei pirmąją versiją, kai dar tokia buvo?

Sublime Text 2 may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evaluation.