4 Алати за ревизију и оптимизацију ЦСС-а

Када ваш сајт почне да расте, тако ће и ваш код. Како се ваш код шири, ЦСС може изненада постати тешко одржив и можете завршити преписивање једног ЦСС правила са другим. То компликује ствари и вероватно ћете завршити са доста грешака.

Ако вам се ово догоди, време је да то урадите извршите ревизију ЦСС-а вашег сајта. Ревизија вашег ЦСС-а ће вам омогућити да идентификујете делове вашег ЦСС-а који нису оптимизовани. Датотеку стилова можете смањити и тако што ћете елиминисати линије кода које успоравају перформансе вашег сајта.

Ево 5 добрих алата који ће вам помоћи да извршите ревизију и оптимизујете ЦСС.

Тип-о-матиц

Тип-о-матиц је додатак Фиребуг за анализу фонтова који се користе на веб-локацији. Овај додатак даје визуелни извештај у табели, носећи особине фонта као што су фамилија фонтова, величина, тежина, боја, као и број пута када се фонт користи на веб страници. Кроз табелу извештаја можете лако да оптимизујете употребу фонта, уклоните оно што је непотребно или комбинујете стилове који су превише слични.

ЦСС Линт

ЦСС Линт је линтинг алат који анализира ЦСС синтаксу на основу специфичних параметара који се односе на перформансе, приступачност и компатибилност вашег ЦСС-а. Изненадили бисте се резултатима, очекивали много упозорења у ЦСС-у. Међутим, ове грешке ће вам на крају помоћи да поправите ЦСС синтаксу и учините је ефикаснијом. Поред тога, ви ћете бити бољи ЦСС писац.

ЦСС ЦолорГуард

ЦСС ЦолорГуард је релативно нови алат. Направљен је као Ноде модул и ради на свим платформама: Виндовс, ОС Кс и Линук. ЦСС ЦолорГуард је алатка командне линије која ће вас обавестити ако користите сличне боје у стилу; на пример. # ф3ф3ф3 је прилично близу # ф4ф4ф4, па бисте могли размотрити спајање два. ЦСС ЦолорГуард се може конфигурисати, можете поставити праг сличности као и да поставите боје које желите да алат занемари.

ЦСС Диг

ЦСС Диг је Питхон скрипта и ради локално на вашем рачуналу. ЦСС Диг ће извршити детаљно испитивање у вашем ЦСС-у. Он ће читати и комбиновати својства нпр. све декларације боје позадине ће ићи испод позадине. На тај начин можете лако доносити одлуке на основу извештаја када покушавате да стандардизујете своју ЦСС синтаксу нпр. можете пронаћи боју по стиловима са следећом декларацијом боја.

 цолор: #ццц; цолор: #цццццц; цолор: #ЦЦЦ; цолор: #ЦЦЦЦЦЦ; 

Ове декларације боја чине исту ствар. Могли бисте ићи са #ццц или са капиталом #ЦЦЦ као стандард. ЦСС Диг може изложити ову редундантност и за друге ЦСС особине, и моћи ћете да учините свој код конзистентнијим.