THE 3 DEFENSE BARRIERS OF OUR IMMUNE SYSTEM?. COVID-19??
Sadržaj:
Programeri za male web-lokacije nisu se morali mnogo brinuti o osmišljavanju web-stranica kako ih korisnici pregledavaju na računalima i ta računala imaju fiksiranu razlučivost zaslona, Mobilnom revolucijom sve više i više ljudi pretražuje na svojim mobilnim uređajima - tabletima ili mobilnim telefonima - za informacije. Stoga je postalo neophodno za programere web mjesta, kako bi stvorili web stranicu koja se svodi na sve, od Windows PC-a do mobilnih uređaja. Ovaj članak objašnjava razlike između prilagodljivog ili responzivnog web dizajna i omogućuje vam da odlučite koja je bolja za vas i vašu organizaciju.
Postoje dvije metode za izradu web stranica kako bi se mogli razonoditi različitim razlučivostima zaslona: s računala na mobilne telefone. Metode su Adaptive web design i Responsive web design. U oba slučaja krajnji je cilj proizvoditi web stranicu koja se može vidjeti na bilo kojoj vrsti zaslona.
Odgovorni web dizajn
Odgovarajući web dizajn uključuje dodatno kodiranje i koristi ono što se naziva "tekućine rešetke". Brojevi su navedeni u "postotku", a ne točnom broju piksela. Na taj se način isti kôd web mjesta prikazuje ispravno na zaslonu računala i na zaslonu mobilnog telefona. Dakle, bez obzira na veličinu vašeg zaslona, ista je web stranica prikazana na jednostavan način. Za manje web stranice tekst i slike lako se protječu s prostorom zaslona i uklapaju se u nju bez prekidanja web stranice ili bez obrezivanja dijelova web stranice.
Pristup web-dizajnu koji odgovara na obavezno korištenje CSS3 umjesto samo CSS-a.
Adaptive Web Design
Adaptivni web dizajn također je usmjeren na prikazivanje vidljivih web stranica na tabletima i mobilnim telefonima uz ekrane računala. Pristup je ipak malo drugačiji. U prilagodljivom web dizajnu fleksibilnost je omogućavala slobodan tijek teksta i dimenzioniranje slika na različitim zaslonima.
U prilagodljivom web dizajnu programeri koriste odgovarajuće veličine zaslona i šifre. Naime, kada korisnik stigne na web stranicu, web stranica određuje vrstu uređaja koji se koristi i predstavlja web stranicu dizajniranu za određenu veličinu zaslona uređaja. U nekim se slučajevima sadržaj može razlikovati od uređaja.
Na primjer, programeri razmotrili bi 1280 × 800 piksela za računala, 8 "za tablete i 5" za mobitele. Početni kod prilagodljivog web dizajna sadrži identifikaciju ekrana. Ako je to PC, prikaži PC verziju web stranice. Ako je tabletna ploča od 8 inča, prikažite verziju web-lokacije tableta i slično, ako je uređaj mobilni telefon, prikažite mobilnu verziju web-lokacije. To se postiže pomoću izjave "IF", a slijede različite dimenzije upravo u pikselima umjesto da to postane u postotku.
Ako novi uređaji dođu s različitim razlučivostima zaslona, razvojni programeri morat će se vratiti na kodiranje kako bi uključili novije rezolucije zaslona. Tako prilagodljivi web-dizajn ima neke šanse za obrezivanje manji uređaji ako razvojni programeri nisu oprezni.
U usporedbi s responzivnim web dizajnom, prilagodljivi web dizajn lakše je kodiran, a većina programera odabire potonje preko responzivnog web dizajna.
Odgovarajući vs prilagodljiv web dizajn
Odgovarajući web stranice koda je složena i koristi se postotne vrijednosti umjesto vrijednosti fiksnih piksela.Trebaju dobru količinu koncentracije za izgradnju web stranice koja vage prema veličini zaslona uređaja, naprotiv, to je jednostavnije je izraditi različite web stranice za različite uređaje kao što je slučaj prilagodljivom web dizajnu. Iako je posao u prilagodljivom web dizajniranju, budući da će programeri stvoriti različite web stranice za različite veličine uređaja, još je lakše u usporedbi s osjetljivim web dizajnom.
Budući da na tržištu postoji previše mobilnih uređaja, programeri ne mogu nužno uključivati sve vrste razlučivosti zaslona. To dovodi do obrezivanja web stranica na manjim zaslonima kada se koristi prilagodljiv pristup web dizajnu.
Adaptive web stranice su malo spore u učitavanju jer web stranica prvo mora otkriti koji uređaj i kakvu se razlučivost zaslona koristi. Na temelju toga povezana verzija web stranice učitava se na zaslon uređaja. U slučaju responzivnog web dizajna, upotrebljava se jedan kôd i automatski se smanjuje kako bi odgovarao mobilnim zaslonima.
Možda biste htjeli pogledati ovaj post na MSDN-u pod nazivom Zašto mi se sviđa prilagodljiv web dizajn web dizajn.
Pametni telefon prilagodljiv i bogat značajkama dobar je izbor za poslovne putnike usprkos ograničenom prostoru za proširenje.
U svijetu pametnih telefona, dok Appleovi televizijski oglasi inzistiraju da iPhone 3G tvrtke "izvrsno funkcionira s poslom", a obožavatelji BlackBerry željno čekaju RIM BlackBerry Bold, novi Hewlett-Packardov novi iPaq 910c Business Messenger tvrtke Windows Mobile 6.1 nudi alternativu na korporativnim korisnicima koji su spremni platiti vrh dolara za napredni pametni telefon s naprednim značajkama.
HTC Tattoo biti prvi prilagodljiv Android telefon
HTC najavio četvrti Android smartphone - HTC Tattoo - u utorak. Računalo (HTC) dala je svoj najnoviji smartphone ime koje može ispuniti, Tattoo, jer ljudi koji ga kupuju bit će pozvani da oblikuju vlastitu osobnu kožu za telefon.
Mozilla: Je li Firefox postao previše prilagodljiv?
Trenutno postoje brojne mogućnosti s potencijalno "katastrofalnim" posljedicama, Prilagodljivost je oduvijek bila veliki dio Firefoxova žalbe za mnoge korisnike, ali u zadnje vrijeme barem neki unutar Mozilla pitaju jesu li opcije otvorenog izvornog preglednika postale previše brojne.