Kas yra CSS reset ir kaip juo naudotis?

2011 Gruodžio 12 d  •  Remigijus Jarmalavičius  •  Atviras kodas

Ne paslaptis, kad interneto svetainės atrodo nevienodai ant skirtingų
naršyklių. Programuotojai jau seniai žino kaip šias problemas galima
spręsti. Vienas iš tokių sprendimo būdų yra CSS reset failas apie kurį
šiandien trumpai ir papasakosiu.

Ir kodėl gi taip nutinka, kad tas pats HTML atvaizduojamas puslapis
atrodo skirtingai? Priežastis viena - skirtingi svetainių „paišymo“
varikliai ir jų nuolat besikeičiančios versijos. Ne paslaptis Internet
Explorer naršyklė, kuri interneto svetaines atvaizduoja
prasčiausiai
- joje krūvos neatitikimų su
W3 konsorciumo nustatytais standartais interneto svetainių HMTL (ir ne
tik) kodui atvaizduoti. Jos „paišymo“ variklis „Trident“ jau seniai yra
galvos skausmas programuotojams.

Kiekvienos naršyklės puslapio atvaizdavimo
variklis
nustato savo
reikšmes pagal nutylėjimą HTML elementams „nupiešti“ puslapyje. Todėl
tarpai tarp objektų vienoje naršyklėje yra didesni, kitoje mažesni.
Raidės pagal nutylėjimą vienoje naršyklėje gali būti vaizduojamos
vienokio šrifto ir dydžio, kitoje naršyklėje su kitokio.

Todėl norint to išvengti reikia programuojant nustatyti visas reikšmes į
konkrečias, o nepalikti apie jas nuspręsti naršyklių varikliams. Būtent
tam ir skirtas CSS reset failas. Jame nurodomos visų įmanomų HTML
elementų standartinės atvaizdavimo reikšmės. Tačiau tokių CSS reset
failų interneto platybėse yra labai daug, tad kurį ir kodėl pasirinkti?

Todėl vieną dieną neapsikenčiau, ir surinkęs geriausias praktikas iš
pačių populiariausių CSS framework’ų (daug nuorodų rasite stackoverflow
puslapyje
)
pasigaminau nuosavą CSS reset biblioteką kuri tinka tiek HMTL4, tiek
HTML5.

Bonusai

Žinoma, man to dar neužteko. Kadangi dažnai tenka puslapiuose naudoti
float, cursor ir pan., tai pridėjau taip sakant „bonusų“. Kol kas dar
labai nedaug, bet, manau, kad tą sąrašą padidinsiu.

 CSS reset kodas valdomas per SASS (VIM redaktoriuje)

Šią biblioteką su Public
Domain

licencija rasite mano Github
profilyje
.

Kelios versijos

Kiek teko matyti kitų CSS reset failuose, tai dažniausiai jie yra
nesuspausti. Resursus būtina taupyti, todėl produkcinėje svetainės
versijoje visada pateikite suspaustą failą kurį taip pat rasite mano
Github profilyje.

Lengva naudotis

Dažnai tenka taikytis prie kitų programavimo stiliaus, kas kartais būna
nepatogu. Todėl šį CSS reset failą parašiau su
SASS. Dabar jį galima pritaikyti prie Jūsų
programavimo standarto. O rašyti papildomą kodą yra dar paprasčiau negu
CSS.