4 Eszközök az ellenőrzéshez és a CSS optimalizálásához

Miután webhelye elkezd növekedni, a kódod is megtörténik. Ahogy a kódod kibővül, a CSS hirtelen nehézkes karbantartásba kerülhet, és végül egy CSS szabály felülírhat egy másikval. Ez bonyolítja a dolgokat, és valószínűleg rengeteg hibával jár.

Ha ez történik veled, itt az ideje ellenőrizze webhelyének CSS-jét. A CSS ellenőrzése lehetővé teszi a CSS azon részeinek azonosítását, amelyek nincsenek optimalizálva. A stíluslap fájlméretét is csökkentheti a webhely teljesítményét lelassító kódsorok kiküszöbölésével.

Íme 5 jó eszköz a CSS ellenőrzéséhez és optimalizálásához.

Type-o-matic

Type-o-matic egy Firebug bővítmény, amely elemzi a webhelyen használt betűtípusokat. Ez a bővítmény vizuális jelentést nyújt egy táblázatban, amely betűtípus-tulajdonságokat tartalmaz, például a betűtípuscsaládot, a méretet, a súlyt, a színt és a betűtípusok számának a weblapon való használatát. A jelentéstábla segítségével könnyedén optimalizálhatja a betűtípus használatát, eltávolíthatja a szükségteleneket, vagy kombinálhatja a túlságosan hasonló stílusokat.

CSS Lint

CSS Lint egy bolyhosodé eszköz, amely a CSS-szintaxist a CSS teljesítményét, elérhetőségét és kompatibilitását meghatározó konkrét paraméterek alapján elemzi. Meglepődne az eredmények, sok figyelmeztetésre számíthat a CSS-ben. Ezek a hibák azonban végül segítenek a CSS szintaxisának javításában és hatékonyabbá tételében. Emellett jobb CSS író is lesz.

CSS ColorGuard

CSS ColorGuard viszonylag új eszköz. Node modulként épül, és minden platformon fut: Windows, OS X és Linux. A CSS ColorGuard egy parancssori eszköz, amely értesíti Önt, ha hasonló színeket használ a stíluslapján; például. # f3f3f3 elég közel van # f4f4f4, ezért érdemes megfontolni a kettő egyesítését. A CSS ColorGuard konfigurálható, beállíthatja a hasonlósági küszöböt, valamint beállíthatja azokat a színeket, amelyeket az eszköz figyelmen kívül hagy..

CSS Dig

CSS Dig Python parancsfájl, és helyben működik a számítógépen. A CSS Dig alapos vizsgálatot fog végezni a CSS-ben. Elolvassa és egyesíti a tulajdonságokat, pl. minden háttérszín-nyilatkozat a háttérrész alá kerül. Így könnyen elkészítheti a jelentést a CSS szintaxisának szabványosítására, pl. a színek a stílusok között találhatók az alábbi színnyilatkozattal.

 szín: #ccc; szín: #cccccc; szín: #CCC; szín: #CCCCCC; 

Ezek a színes nyilatkozatok ugyanezt teszik. Lehet, hogy az is #ccc vagy a fővárosban #CCC mint szabvány. A CSS Dig képes megjeleníteni ezt a redundanciát más CSS-tulajdonságokra is, és a kódot következetesebbé teheti.