Remigijaus Jarmalavičiaus tinklaraštis

Apie informacines technologijas, programavimo kalbas, projektus, knygas ir darbo įrankius.

Kas yra CSS reset?

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.

blog comments powered by Disqus