Responsive Web Design | 10 Basics
Talaan ng mga Nilalaman:
Ang mga nag-develop sa unang bahagi ng website ay hindi kailangang mag-alala tungkol sa pagdisenyo ng mga website habang tinitingnan sila ng mga gumagamit sa mga computer at ang mga computer ay may nakapirming resolusyon ng screen. Sa rebolusyong mobile, mas marami pang tao ang naghahanap sa kanilang mga mobile device - mga tablet o mga mobile phone - para sa impormasyon. Samakatuwid ito ay kinakailangan para sa mga developer ng website, upang lumikha ng isang website na nagbibigay-serbisyo sa lahat mula sa Windows PC hanggang sa mga mobile device. Ang artikulong ito ay nagpapaliwanag ng pagkakaiba sa pagitan ng adaptive vs responsive web design at nagpapahintulot sa iyo na magpasya kung alin ang mas mahusay para sa iyo at sa iyong samahan.
Mayroong dalawang mga paraan upang lumikha ng mga website upang maaari silang magsilbi sa iba`t ibang mga resolution ng screen: mula sa mga PC hanggang sa mga mobile phone. Ang mga pamamaraan ay Adaptive web design at Responsive web design. Sa parehong mga kaso, ang layunin ay ang paggawa ng isang website na maaaring makita sa anumang uri ng resolution ng screen. Ang layunin upang ipakita ang impormasyon sa isang hanay ng mga device - mula sa PC hanggang sa mga tablet sa mga mobile phone.
Nakikiramay Web Design
Nakikiramay Web Design ay nagsasangkot ng dagdag na coding at nagsasagawa ng tinatawag na "fluid grids". Ang mga numero ay tinukoy sa "porsyento" sa halip na eksaktong bilang ng mga pixel. Ginagawa nito ang parehong website code na maayos na maayos sa isang PC screen at sa isang mobile phone screen. Kaya, kahit na paano mo palitan ang laki ng iyong screen, ang parehong website ay iniharap sa isang madaling basahin ang paraan. Para sa mas maliliit na mga website, ang teksto at mga imahe ay madaling dumaloy sa espasyo ng screen at umangkop sa mga ito nang walang paglabag sa website o walang pag-crop ng mga bahagi ng website.
Ang isang tumutugon disenyo ng web diskarte na ito ay sapilitan upang gamitin ang CSS3 sa halip na CSS lamang. Ginagamit din nito ang paggamit ng mga scalable na imahe at likidong grids na medyo mahirap na code.
Adaptive Web Design
Ang disenyo ng adaptive web ay nakatuon din sa pagtatanghal ng website na makikita sa mga tablet at mobile phone bilang karagdagan sa mga screen ng PC. Ang diskarte ay isang maliit na iba`t ibang bagaman. Sa tumutugon sa web design, ito ay kakayahang umangkop na pinapayagan para sa libreng daloy ng teksto at pagpapalaki ng mga imahe upang magkasya sa iba`t ibang mga screen.
Sa adaptive web design, ang mga developer ay gumagamit ng pre-determined screen size at code nang naaayon. Iyon ay, kapag ang isang gumagamit ay nakarating sa website, ang website ay tumutukoy sa uri ng aparato na ginagamit at nagpapakita ng website na dinisenyo para sa partikular na sukat ng screen ng device. Ang nilalaman ay maaaring mag-iba sa lahat ng mga aparato sa ilang mga kaso.
Halimbawa, ang mga nag-develop ay isaalang-alang ang 1280 × 800 pixel para sa mga PC, 8 "para sa mga tablet at 5" para sa mga mobiles. Ang maagang code ng adaptive web designing ay naglalaman ng pagkakakilanlan ng mga screen. Kung ito ay PC, ipakita ang PC version ng website. Kung ito ay isang tablet na 8 ", ipakita ang tablet na bersyon ng website at gayundin, kung ang aparato ay isang mobile phone, ipakita ang mobile na bersyon ng website. Ito ay nakakamit sa pamamagitan ng paggamit ng pahayag na" KUNG ", na sinusundan ng iba`t ibang mga dimensyon na tinukoy eksakto sa pixel kaysa sa paggawa nito sa porsyento.
Kung ang mga bagong device ay dumating sa iba`t ibang mga resolution ng screen, ang mga developer ay kailangang bumalik sa coding upang isama ang mga mas bagong resolution ng screen. Kaya, ang adaptive web design ay may ilang mga pagkakataon ng pag-crop sa mas maliit na mga aparato kung ang mga developer ay hindi maingat.
Kung ikukumpara sa tumutugon sa web design, adaptive web design sa madaling code at karamihan sa mga developer ay pipili sa huli sa disenyo ng tumutugon web.
Nakikiramay vs Adaptive web design
Nakikiramay na mga website mahirap ang code. Ang code ay kumplikado at gumagamit ng mga halaga ng porsyento sa halip ng mga nakapirming mga halaga ng pixel. Ito ay nangangailangan ng mahusay na halaga ng konsentrasyon upang bumuo ng isang website na kaliskis ayon sa laki ng screen ng device. mas madali upang lumikha ng iba`t ibang mga website para sa iba`t ibang mga aparato tulad ng sa kaso sa agpang web disenyo. Kahit na ang trabaho ay higit pa sa agpang web pagdisenyo bilang ang mga developer ay paglikha ng iba`t ibang mga website para sa iba`t ibang mga laki ng aparato, ito ay mas madali pa kumpara sa tumutugon web disenyo
Dahil mayroong masyadong maraming mga mobile na aparato sa merkado, ang mga developer ay hindi kinakailangang isama ang lahat ng mga uri ng mga resolution ng screen. Na humahantong sa pag-crop ng mga website sa mga mas maliliit na screen kapag ang adaptive web design approach ay ginagamit.
Adaptive web site ay isang maliit na mabagal sa paglo-load ng bilang ang unang website upang malaman kung anong device at kung ano ang screen resolution ay ginagamit. Batay sa na, ang kaugnay na bersyon ng website ay na-load sa sa screen ng aparato. Sa kaso ng tumutugon sa disenyo ng web, ang isang solong code ay ginagamit at ito ay awtomatikong lilipat upang magkasya ang mga mobile na screen.
Maaari mo ring tingnan ang post na ito sa MSDN na may pamagat na Bakit mas gusto ko ang adaptive web design over responsive disenyo ng web.
Mayroong maraming mga bagong teknolohiya ang mga tao ay malamang na mas madaling makukuha sa notebook PCs sa taong ito. Para sa isa, ang sukat ng karaniwang screen ay malamang na palawakin sa 15.6-pulgada mula sa kasalukuyang mainstream na standard, 15.4-pulgada, habang ang mga gumagamit ay nakakuha ng mga notebook na may mas malaking screen, sabi ni Chem. At ang mga kulay sa mga screen ay marahil ay mas mahusay dahil sa paggamit ng LED backlights, na bumababa sa presyo.
[Karagdagang pagbabasa: Ang aming mga pinili para sa mga pinakamahusay na laptop PC]
Hardware hooks sa bagong chips ng Intel ay tutulong sa Windows 7 naghahatid ng mga natamo sa pagganap kapag tumatakbo ang mga application tulad ng DVD playback kumpara sa Windows Vista, sinabi ng mga kumpanya sa isang pinagsamang press briefing noong Martes. Ang pinabuting pagganap ay sinamahan ng mas mahusay na paggamit ng kuryente, habang ang OS ay gumagawa ng mas mahusay na paggamit ng mga tampok sa pamamahala ng kapangyarihan na kasama sa mga pinakabagong chips ng Intel.
Dinisenyo ng Microsoft ang OS upang i-scale ang pagganap ng application sa pamamagitan ng pag-hati-hati ng mga gawain tulad ng video encoding para sa sabay na pagpapatupad sa maraming mga core at mga thread, sinabi ng mga kumpanya. Halimbawa, ang isang engineer ng Microsoft ay maaaring mag-render ng isang mas mataas na resolution ng imahe na 10 porsiyento mas mabilis sa isang sistema ng Windows 7 na may isang quad-core processor na nagpapatakbo ng dalawang thread bawat core, kumpara sa isang sis
Bawasan ang iyong workspace para sa isang mas mahusay na karanasan sa pagtatrabaho, sa mga naka-temang Mga Gadget! ang isang desk kung bilang isang trabaho o isang libangan ng isang bagay na mayroon ka sa paligid mo ay maaaring manipulahin ang iyong kalooban. Magdagdag ng ilang mga buhay sa paligid ng iyong workspace upang pasiglahin ang iyong kalooban at lumikha ng isang mas mahusay na karanasan sa trabaho.
Para sa sinuman na gumagawa ng anumang trabaho sa isang desk kung bilang isang trabaho o isang libangan alot ng kung ano ang mayroon ka sa paligid mo ay maaaring manipulahin ang iyong kalooban. Ako ay isang pangunahing halimbawa. Tulad ng taglamig oras at trabaho ay mabagal ko ngayon gastusin ang karamihan ng aking mga araw sa likod ng aking laptop.