36: Коришћење Грунтицон-а - ЦСС-трикови

Anonim

Провели смо много времена разговарајући о употреби инлине и елемента. Можете да направите систем икона са оним који обилује предностима.

Систем икона СВГ можете да креирате на друге начине. Можете да поставите традиционални мрежни лист спритеа у СВГ и направите сприте-положаје у позадини као што смо некада радили са растерским сликама. У будућности ћете моћи да користите идентификаторе фрагмената, па то чак постаје мало лакше. Више информација о овим стварима.

Други начин је уграђивање УРИ-ја података СВГ слике директно у ЦСС датотеку. То је приступ који Грунтицон заузима.

Грунтицон је Грунт додатак за аутоматизацију система икона СВГ. Потребна је мапа пуна СВГ-а и обрађује их у ЦСС датотеку. Постоји гомила селектора, заснованих на именима датотека СВГ слика, које имају background-imageУРИ СВГ података (не Басе64, иако).

Ако то учините на овај начин, значи да ћете добити скалабилност СВГ-а и погодности величине датотеке, али то је све. Ипак, често је то све што вам треба.

Можда је најбољи део Грунтицона ипак то што вам пружа све што је потребно за резервне процесе. То укључује алтернативни табелу стилова за ПНГ УРИ података, па чак и за појединачне ПНГ датотеке (које он креира за вас). Поред тога, скрипта коју користите на својој страници да бисте утврдили подршку и учитали само одговарајући табелу стилова.

Мислим да је поштено рећи да ово за сада олакшава руковање резервним играма него дефс / техником. Није да је то немогуће.

Грумпицон је верзија Грунтицон-а у прегледачу коју смо користили у овом сцреенцаст-у.

Док ово пишем, Грунтицон ради на начину да прогресивно побољшава уграђени СВГ, што би било прилично кул!