Коришћење Нормализе.цсс за хомогени развој

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

У овом посту ћу покрити основе нормализације и како се она пореди са генералним ЦСС ресетима. Ово није компликована библиотека и не би требало да траје више од пар сати да би се разумела. Али кључ за нормализацију је учење како да га спроведе правилно и разборито.

Бровсер Ресетс вс Нормализе

Годинама сам користио прилагођену верзију ЦСС-а Ерица Меиера. То је било довољно за већину мојих пројеката и нису изазвали никаква значајнија питања. Међутим, Нормализе је променио мој приказ ресетовања зато што ради другачије него ЦСС ресет. Важно је да разумете разлике.

Размислите о Нормализе као одећа која се доследно примењује на све прегледаче, и размислите о ЦСС се ресетује као термонуклеарна детонација у свим прегледачима.

Нормализира наслове стилова и формата, параграфе, блокове и заједничке елементе тако да они изгледају идентично (или довољно близу) у свим подржаним прегледачима. ЦСС ресетује потпуно чисту плочу тако да постоји но дефаултс за било шта.

Помоћу ЦСС-а поништите ваше заглавље може изгледати исто као ваше параграфе; елементи немају паддинг, маргине или размаке било које врсте. Са ЦСС ресетовањем морате дати нови код за побољшање стила. Са Нормализе добијате а унапред дизајниран стил које се могу надоградити.

Дакле, да ли је један од њих бољи од другог? То је тема о којој се често расправља, иако једна од тврдњи тврди да се нормализује ради боље за компатибилност и производи мање величине датотека.

“Морао бих да тврдим да је нормализација боља од ресетовања. То ће резултирати мањим преносом ЦСС-а преко жице, бољим коришћењем УА подразумеваних вредности и бољим разумевањем како су елементи значило приказати.”

Без обзира да ли се заљубљујете у нормализацију или преферирате типични ресет, важно је барем разумјети обје стране и одабрати оно што најбоље одговара. Врло мало програмера започиње кодирање од нуле тако да је нормализирање или ресетирање ЦСС-а готово неопходно за модерну развој фронтенд-а.

Ако желите да испробате ЦСС ресет овде су неки популарни избори:

• Ериц Меиер'с Ресетс
• ХТМЛ5 Ресет
• ХТМЛ5Доцтор Ресет

Нормализе Цонфиг

Нормализирајући креатор Ницолас Галлагхер написао је уводни пост који води овом изјавом:

“Нормализе.цсс је мали ЦСС фајл који обезбеђује бољу конзистентност унакрсног претраживача у подразумеваном стилингу ХТМЛ елемената. То је модерна, спремна за ХТМЛ5, алтернатива традиционалном ресетовању ЦСС-а.”

Током година ово је израсло у поуздану библиотеку коју користе програмери широм света. Нормализација је чак коришћена у одређеном степену у Боотстрап и Пуре ЦСС.

Постоје два начина да се нормализује у пројекту: уредите извор да бисте прилагодили свој нормализовани стилски стил, или га користите као базу и додајте стилове на врх.

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

Алтернативно, неки програмери укључују цео Нормализе.цсс фајл и на тај начин граде сопствени стил. Потпуни Нормализе стилски распоред обухвата 420+ редова кода који је једнак ~ 6.8КБ некомпримованом.

Ниједна метода није боља од друге и вреди пратити све што је најбоље за сваки пројекат или жељени ток посла.

Да бисте започели или преузмите копију Нормализе из ГитХуб-а или га хостујте са спољног ЦДН-а. Такође можете повући најновију верзију Нормализе десно од НПМ-а на следећи начин:

нпм инсталл --саве нормализе.цсс 

Ако не желите да преузмете било коју датотеку, можете направити чак и нови ЦодеПен пројекат који може да дода Нормализе једним кликом дугмета.

Будући да је Нормализе модуларан, можете привремено уклонити секције или чак направити свој властити обичај Нормализе. Тада можете започети сваки пројекат са одабраним деловима као што су ХТМЛ5 елементи приказа док уклањате стилове за уграђени садржај.

Свако нормализујуће правило има одговарајући ЦСС коментар који објашњава шта ради и које проблеме / грешке решава. Неке су очигледне као постављање дисплеј блок на новијим ХТМЛ5 елементима.

Други су мање очигледни као овај СВГ код који скрива преливање у програму Интернет Екплорер:

свг: нот (: роот) оверфлов: хидден;  

Препоручујем да скицирате стилску табелу да бисте видели тачно како функционише и да бисте сазнали да ли би Нормализе био исправан за ваш пројекат.

Нормализе.цсс У Веб дизајну

Најновија верзија Нормализе в4.0 нуди широку подршку за претраживаче.

• Цхроме (последња два)
• Едге (последња два)
• Фирефок (последња два)
• Фирефок ЕСР
• Интернет Екплорер 8+
• Опера (последња два)
• Сафари 6+

Из онога што могу рећи, Нормализе може подржавати старије верзије претраживача са сталним ажурирањима као што је Фирефок. Али “званичник” Подршка укључује само две најновије верзије Цхроме / Едге / ФФ / Опера.

ИЕ6 + и Сафари 4+ су подржани са Нормализе в1, али та верзија више није ажурирана.

Кључно је да верзије прегледача проверите помоћу алатке као што је Гоогле Аналитицс. Ово ће вам дати бољу идеју да ли Нормализе може бити користан алат за савремени рад на веб дизајну.

Даљи ресурси

Нема пуно тога да се специфично поучава о нормализацији, тако да се већина учења догађа тако што се ради.

Истина, не постоји много објашњења које не можете да прочитате читањем стила и копирањем / променом кода по потреби. Али ако тражите друге релевантне информације, додао сам неке линкове испод.

повезани чланци

• Ницолас Галлагхер: Абоут Нормализе.цсс
• Увод у ХТМЛ5
• Нормализе.цсс вс Ресет.цсс: Која се користи?

Интро Видеос

• Коришћење нормализације ЦСС-а
• Ресетс анд Нормализинг би Енвато
• Ницолас Галлагхер - Размишљање изван скалабилног ЦСС-а