Једна од највећих речи у свету интернетског дизајна у последње две или три године мора бити „Реактивна“. Са појавом прегледавања све од 4-инчног заслона паметног телефона до 27-инчног дисплеја, може бити тешко осигурати да ваш веб локација или блог изгледа добро без обзира Шта. Због тога је одзивни дизајн од суштинског значаја јер може аутоматски открити који уређај користите за приступ веб локацији и прилагодити га величини екрана.
Иако можете да дизајнирате да цела веб локација одговара, приликом уградње спољног садржаја она се неће нужно прилагодити екрану или уређају који посетиоци ваше веб локације користе. Веб локације које не пружају уклопиви одзивни садржај укључују дивове попут ИоуТубеа и Инстаграма, али можете користити услугу попут Угради одговорно да трансформишем тај садржај у одговарајуће уграђивање.
Историја одзивног веб дизајна
Израз респонзивни веб дизајн датира тек из 2010. године, када га је дизајнирао дизајнер Етхан Марцотте у чланку о А Лист Апарт. Написао је:
„Можемо да дизајнирамо за оптимално искуство гледања, али уграђујемо технологије засноване на стандардима у свој дизајн како бисмо их учинили не само флексибилнијима, већ и прилагодљивијима медијима који их чине. Укратко, требамо вјежбати респонзивни веб дизајн. "
Сада само три године касније, и важност одзивног веб дизајна има наставио да расте, и поред тога што се уверите да користите запањујући, респонзиван дизајн или тему, има и доста занимљивости респонзивне алате које можете да користите да бисте обезбедили потпуно респонзивно искуство за своју веб локацију посетиоци.
Угради одговорно
Дакле, иако ће ваша тема можда одговарати (попут ове листе) прекрасне респонзивне теме ВордПресс-а Направите запањујући одзиван портфељ помоћу једне од ових бесплатних тема за ВордПрессОвих дана није довољно имати лепо дизајнирану веб страницу, посебно ако сте фотограф, уметник или графички дизајнер. Ових дана ако ваша веб локација не реагује, вјероватно је да ћете изгубити значајан дио ... Опширније ), постоје одређени уградње које се неће нужно прилагодити величини екрана посетиоца. Иако можете да уграђујете садржај са Твиттера, Сторифија, СоундЦлоуда и Сцрибд-а, они су већ урадили сав тежак посао за вас. Ако, на пример, уградите твеет, уградивач је одзиван, тако да ће му се променити величина како би одговарала екрану вашег посетиоца.
Међутим, постоји неколико криваца који нису успели да обезбеде одговарајуће уграђивање тако да када делите садржај са њихових веб локација, он ће се аутоматски прилагодити екрану који приказује на. Ето где Угради одговорно долази у. Ако знате свој пут око кода, увек можете да измените изворни код и претворите га у одговарајући, али Ембед Респонсивели то једноставно чини копирање и лепљење афере - мртво лако!
Услуга се тренутно бави Инстаграмом, ИоуТубеом, Вимеом, Гоогле мапама, па чак и опћенитим уграђеним иФрамеом. Чудесна су места попут ових која нису користила брзе уградње; али можда је то разлог због којег се створио алат попут Ембед Респонсивели. Можете да кликнете на „Још“ на веб локацији да бисте видели малу листу популарних веб локација које тренутно реагују.
Како се користи услуга
Коришћење одговарајућег уметања не може бити лакше. Све што требате је оригинални уграђени код услуге коју желите да користите. Да бисте уградили ИоуТубе или Вимео видео, све што вам треба је директна веза до видео записа. Ако желите да уградите Инстаграм фотографију, то је иста ствар - само пронађите везу до Инстаграм слике на вебу. Са друге стране, Гоогле мапе су мало сложеније, јер не можете једноставно користити директну везу - морате да приступите уграђеном коду Гоогле мапе.
Да бисте добили уграђени код за своју Гоогле мапу, отворите мапу и кликните на дугме везе у горњем десном углу бочне траке. Отвориће се код за уградњу који можете уметати у одговор. (Ако и даље покушавате да откријете како да направите личне мапе које желите да делите са пријатељима и пратиоцима, свакако проверите наш водич за креирање карата са слојевима Будите креативни и направите сопствене мапе помоћу прилагођених слојева на новим Гоогле мапамаГоогле је открио потпуно преуређене Мапе, које су сада доступне свима, креирање властитих мапа постало је лакше него икад. Можете да креирате приватне и јавне мапе, делите мапе са одређеним појединцима, додајете описе ... Опширније .)
Након што добијете везу / уграђени код по вашем избору, можете да је наставите и залепите је у прозор Ембед Респонсивели - само проверите да ли је изабрана исправна картица. Кликните на дугме 'Ембед' (Угради) и веб локација ће генерисати код за уградњу који можете користити на својој веб локацији или блогу који ће у потпуности реаговати.
Закључак
Јасно је, наравно, да веб локација мора да реагује на почетку јер је веб локација омотач за све кодове. Ембед Респонсивели је једноставна мала веб локација која се прилично ради. Ако се озбиљно бавите одзивним дизајном и желите да својим посетиоцима пружите беспријекоран доживљај, желећете да додате ову веб локацију у свој арсенал алата за блогање.
Шта мислите о уграђивању саговорног? Јавите нам у коментарима.
Кредитна слика: Празан таблет виа ПлацеИт
Нанци је списатељица и уредница која живи у Васхингтон ДЦ-у. Претходно је била уредник Блиског Истока у Тхе Нект Вебу, а тренутно ради у истраживачком центру за комуникације и друштвене мреже са сједиштем у ДЦ.