Topic: CSS valymas nuo nenaudojamu taisykliu

Sveiki,
Puslapio css failuose yra labai daug nenaudojamu css taisykliu.
Tai butu klausimas, ar yra kokiu budu isvalyt jas ir gauti nauja koda be nenaudojamu taisykliu.
Bandziau ivairiausius narsykles papildinius kaip firebug, dust me selectos. Bet papildinai tik nurodo ju pavadinimus.

Re: CSS valymas nuo nenaudojamu taisykliu

Tai tu tik džiaukis kad bent tiek gauni. Bet iškarto įspėju, šitas valymas yra sudėtingas ir daug laiko suėdantis dalykas, nes joks pluginas tau nepasakys ar toks CSS nėra panaudoajamas suvedus blogai formos duomenis.

Bandžiau sugalvoti kokią nors padoresnę architektūrą, kad nenaudojamiems elementams būtų lengvai pašalinti nebereikalingus CSS, bet deja, nelabai pavyko.

Re: CSS valymas nuo nenaudojamu taisykliu

Na aš linkęs ne valyti CSS nuo nereikalingų dalių, o formuoti iš reikalingų.

MongoDB Certified Developer
MongoDB Certified DBA
Zend Certified Engineer

Re: CSS valymas nuo nenaudojamu taisykliu

Apskritai css'as turbut viena is didesniu 'bardako' problemu. Greitai viskas uzsikemsha, reikia pastoviai priziureti ir neuzleisti.

Kokia css rasymo/tvarkymo/priziurejimo sistema naudojate? Ka galite patarti? Gal yra kazkokie darbo su css modeliai kuriuos vertetu naudoti?

Re: CSS valymas nuo nenaudojamu taisykliu

Yra ivairiu irankiu kaip pluginu firefox:
https://addons.mozilla.org/en-US/firefo … selectors/
dar vienas kitas saitas:
http://gtmetrix.com/remove-unused-css.html

Bet kiekvienas turi pliusu ir trukumu..

var_dump(0 == 'tekstas'); // TRUE. ar zinai kodel? :)

Re: CSS valymas nuo nenaudojamu taisykliu

Ka i tai Zygis?

7 (edited by zygis 2012-09-28 13:24:06)

Re: CSS valymas nuo nenaudojamu taisykliu

Na aš darau kiek kitaip (tik reikia turėti galvoje, kad aš pats CSS ar LESS nerašau, tik suteikiu technines galimybes karpytojams ir kitiems programuotojams):
1. Visas CSS rašomas su LESS, taip atsiranda galimybė importuoti nustatymus ir pan.
2. Kiekvienai stambesnei daliai kuriamas atskiras LESS
3. Yra aprašyta statinė klasė kuriai nurodai kokius LESS failus krauti
4. Kadangi layout generuojamas tik tada, kai visi kontroleriai ir modeliai savo darbą jau atliko, tai layout reikiamoje kviečiamas metodas render kuris:
  a) Surūšiuoja visą masyvą pagal abėcėlę
  b) paskaičiuoja iš gautų failų pavadinimų hash'ą (naudojant tuos pačius failus gausime tą patį hash, nepriklausomai nuo įdėjimo tvarkos)
  c) pasitikrina ar yra sukurtas failas /static/render/css/_HASH.css, jei ne jį sugeneruoja
  d) atiduodamas pilnas kelias iki css failo (http://domain.ltd/static/render/css/_HASH_.css)
5. Layoute įrašomas kelias iki CSS

Tokiu būdu LESS failai apdorojami tik vieną kartą, ir esant skirtingoms LESS kombinacijoms bus sugeneruoti skirtingi CSS failai.
žinoma yra galimybė per COOKIE nurodyti, kad pergeneruotų failą kiekvieną kartą priverstinai, kai keičiami LESS failai.

Taip pat reikia jausti ribą kiek smulkinti į dalis, nes kuo daugiau skirtingų variantų tuo daugiau bus skirtingų CSS failų kuriuos naršyklei reiks parsisiųsti. Taigi reikia pažiūrėti kas yra geriau ar didelis CSS kuris atsiunčiamas tik vieną kartą, ar keli maži CSS.

Iš esmės panašią realizacija naudoju ir JS failams, tik ten dar papildomai veikia AMD, kuris suteikia galimybę visus darbus atlikti asinchroniškai, bet apie tai jau kitoje temoje nebent :D

MongoDB Certified Developer
MongoDB Certified DBA
Zend Certified Engineer

8 (edited by Ajaks 2012-10-01 08:40:04)

Re: CSS valymas nuo nenaudojamu taisykliu

Kokie sitos sistemos privalumai ir trukumai, trumpuoju laikotarpiu ir ilguoju?

Re: CSS valymas nuo nenaudojamu taisykliu

Ilguoju - dar negaliu atsakyti. Trumpuoju - kartais pamirštu pravalyti sugeneruotus CSS failus perkeldamas į production :) Na o apie privalumus manau galima nuspėti - lankstumas, greitis ir pan.

MongoDB Certified Developer
MongoDB Certified DBA
Zend Certified Engineer

Re: CSS valymas nuo nenaudojamu taisykliu

Bet cia turbut tiems projektams kurie yra pakankamai dideli ir daznai naudojami panasus (tie patys) css blockai ir t.t. Mazesniam saitui tas turbut biski overkill'as..?

Re: CSS valymas nuo nenaudojamu taisykliu

Na iš dalies tu teisus, bet jei mažesniuose projektuose kyla problema dėl valymo, tai gal ir nebūtų overkill'as...

MongoDB Certified Developer
MongoDB Certified DBA
Zend Certified Engineer