Учините све уграђене садржаје одговорним за Рефраме.јс

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

Ово је за све уграђене елементе као што су ифрамес и видгети друштвених медија. А ове ствари могу бити још теже са прилагодљивим дизајном јер су обично елементи који не реагују.

Али са Рефраме.јс, можете направити било који елемент који одговара на било који однос ширине и висине.

Ово је можда један од најједноставнијих и најврједнијих ЈС додатака на вебу. То је заправо било цреатед би Доллар Схаве ​​Цлуб која изненађујуће има своју ГитХуб страницу.

Рефраме је један од њихових бесплатних додатака направљен за програмере који желе једноставнији начин руковање одговорним уграђеним садржајем.

Очигледан кривац је уграђени видео са сајтова као што су ИоуТубе и Вимео. То је ноторно тешко да ови елементи реагују без ЦСС хакова.

Са Рефраме.јс, ви само изаберите било који елемент који желите да циљате и преобликовати помоћу рефраме () функције.

Почните додавањем додатка Рефраме.јс на своју веб страницу. Можете преузмите копију од ГитХуб-а, и само је 1КБ минифициран.

Онда, ви само прође функцију селектор за све елементе које желите да преформулишете. Учитајте страницу анд боом! Требало би да сте спремни.

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

Дакле, ваш ЈаваСцрипт код би изгледао овако:

рефраме ('видео');

Прилично једноставно?

Овај код циља све елементе са класом .видео и чини их одговорним. Без додатних хака, без додатног ЦСС-а. Дозвољено је да ништа лоше није у коришћењу ЦСС методе, али ћете морати ручно омотати све уграђене видео снимке са додатном класом.

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