X'inhu Disinn Responsive? (Video Spjegatur u Infografika)

disinn tal-web li jirrispondi

Għadda għaxar snin disinn tal-web li jirrispondi (RWD) biex tmur mainstream minn dakinhar Cameron Adams introduċa għall-ewwel darba il-kunċett. L-idea kienet inġenjuża - għaliex ma nistgħux niddisinjaw siti li jadattaw għall-vista tal-apparat li qed jarah?

X'inhu Disinn Responsive?

Id-disinn tal-web li jirrispondi (RWD) huwa approċċ tad-disinn tal-web immirat lejn l-opri ta ’siti biex jipprovdi esperjenza ta’ wiri ottimali - qari u navigazzjoni faċli b’minimu ta ’daqs mill-ġdid, panning u scrolling - fuq firxa wiesgħa ta’ apparati (minn telefowns ċellulari għal kompjuter desktop monitors). Sit iddisinjat bl-RWD jadatta t-tqassim għall-ambjent tal-wiri billi juża grilji fluwidi, ibbażati fuq il-proporzjon, stampi flessibbli, u mistoqsijiet tal-midja CSS3, estensjoni tar-regola @media.

Wikipedija

Fi kliem ieħor, elementi bħal stampi jistgħu jiġu aġġustati kif ukoll it-tqassim ta 'dawk l-elementi. Hawn video li jispjega x'inhu d-disinn li jirrispondi kif ukoll għaliex il-kumpanija tiegħek għandha tkun qed timplimentah. Dan l-aħħar erġajna żviluppajna l- DK New Media is-sit biex jirreaġixxi u issa qed jaħdmu fuqu Martech Zone biex tagħmel l-istess!

Il-metodoloġija tal-bini ta 'sit li jirrispondi hija daqsxejn tedjanti peress li jeħtieġ li jkollok ġerarkija għall-istili tiegħek li huma organizzati abbażi tad-daqs tal-viewport.

Il-browsers huma konxji minnhom infushom tad-daqs tagħhom, u għalhekk jitgħabbew il-folja tal-istil minn fuq għal isfel, u jagħmlu mistoqsijiet dwar l-istili applikabbli għad-daqs tal-iskrin. Dan ma jfissirx li għandek tiddisinja skedi ta 'stili differenti għal kull skrin ta' daqs, għandek bżonn biss li tbiddel l-elementi meħtieġa.

Li topera b'mentalità mobbli-ewwel huwa l-istandard bażi llum. Marki tal-aqwa fil-klassi qed jaħsbu mhux biss dwar jekk is-sit tagħhom huwiex faċli għall-mowbajl iżda dwar l-esperjenza sħiħa tal-klijent.

Lucinda Duncalfe, Monetate CEO

Hawn infografika minn Monetate li turi l-benefiċċji potenzjali tal-ħolqien ta 'disinn wieħed li jirrispondi għal apparati multipli:

Infografika tad-Disinn tal-Web Responsive

Jekk tixtieq tara sit li jirrispondi fl-azzjoni, indika tiegħek Google Chrome browser (nemmen li Firefox għandu l-istess karatteristika) għal DK New Media. Issa agħżel View> Developer> Developer Tools mill-menu. Dan se jgħabbi mazz ta 'għodda fil-qiegħ tal-browser. Ikklikkja fuq l-ikona żgħira tal-mowbajl fin-naħa tax-xellug tal-bar tal-menu tal-Għodda tal-Iżviluppatur.

chrome responsive-testing

Tista 'tuża l-għażliet tan-navigazzjoni' l fuq biex tibdel il-veduta minn pajsaġġ għal ritratt, jew saħansitra tagħżel kwalunkwe numru ta 'daqsijiet ta' veduta pprogrammati minn qabel. Jista 'jkun li jkollok terġa' tgħabbi l-paġna, imma hija l-iktar għodda friska fid-dinja biex tivverifika l-issettjar tar-rispons tiegħek u tiżgura li s-sit tiegħek jidher tajjeb fuq l-apparati kollha!

3 Kummenti

  1. 1
  2. 2

    Grazzi ħafna Douglas għal dan l-artiklu spjegat sew. Għandi naqbel ma 'dan għalkemm fuq in-naħa tal-kontenut tal-affarijiet. Għal ħafna mis-siti li nagħmlu tqassim li jirrispondi mhux se jkun biżżejjed. Għandna bżonn kontenut li jirrispondi. Iżda għall-websajts aktar bażiċi aħna żgur li se nużaw l-artiklu dokumentat sew tiegħek dwar kif tittratta dan!

What do you think?

Dan is-sit juża Akismet biex inaqqas l-ispam. Tgħallem kif il-kumment tiegħek huwa pproċessat.