Odpovědný vs Adaptivní návrh webových stránek - Který je lepší?

Starší vývojáři webových stránek se nemuseli starat o navržení webových stránek, protože uživatelé by je viděli v počítačích a tyto počítače měly pevné rozlišení obrazovky. S mobilní revolucí hledá stále více lidí na svých mobilních zařízeních - tabletách nebo mobilních telefonech - pro informaci. Proto bylo nutné, aby vývojáři webových stránek vytvořili webové stránky, které budou vyhovovat všemu od počítače se systémem Windows až po mobilní zařízení. Tento článek vysvětluje rozdíl mezi adaptivním a citlivým webovým designem a umožňuje vám rozhodnout, který z nich je pro vás a vaši organizaci lepší.

Existují dva způsoby, jak vytvořit webové stránky, aby mohly vyhovět různým rozlišením obrazovky: z počítačů na mobilní telefony. Metody jsou Adaptive web design a Responsive web design. V obou případech je konečným cílem vytvořit web, který lze prohlížet na jakémkoli rozlišení obrazovky. Cílem je prezentovat informace o řadě zařízení - od počítačů po tablety až po mobilní telefony.

Odpovídající webový design

Odpovídající webový design zahrnuje další kódování a zaměstnává to, co se nazývá "tekuté mřížky". Čísla jsou určena spíše "procentuálně" než přesným počtem pixelů. To dělá ten správný kód na obrazovce počítače a na obrazovce mobilního telefonu. Bez ohledu na to, jak změníte velikost obrazovky, je tedy stejná stránka prezentována snadno čitelným způsobem. U menších webů text a obrázky snadno protékají prostorem obrazovky a zapadají do něj bez přerušení webových stránek nebo bez oříznutí částí webových stránek.

Odpovídající přístup k webovým designům vyžaduje používání CSS3 místo CSS. Využívá také škálovatelné obrázky a tekuté mřížky, které jsou obtížně kódované.

Adaptivní návrh webových stránek

Adaptivní návrh webových stránek se zaměřuje také na prezentaci viditelných webových stránek na tabletech a mobilních telefonech. Přístup je trochu jiný. V citlivém návrhu webových stránek byla flexibilita, která umožňovala volný tok textu a velikost obrázků, aby se vešly na různé obrazovky.

V adaptivním návrhu webových stránek vývojáři využívají předem určené velikosti obrazovky a odpovídajícím způsobem kódují. To znamená, že když uživatel přistane na webových stránkách, určuje typ použitého zařízení a uvádí webovou stránku určenou pro danou velikost obrazovky zařízení. V některých případech se může obsah v různých zařízeních lišit.

Například vývojáři by uvažovali o počítačích 1280 × 800 pixelů, 8 "pro tablety a 5" pro mobily. Prvotní kód adaptivního webového návrhu obsahuje identifikaci obrazovek. Je-li to počítač, ukažte verzi webových stránek pro PC. Pokud jde o tabletu o velikosti 8 ", ukažte verzi tabletu na webu a podobně, pokud je zařízení mobilním telefonem, ukažte mobilní verzi webové stránky. Toho lze dosáhnout použitím příkazu" IF ", po kterém následují různé rozměry přesně v pixelech než v procentu.

Pokud se objeví nová zařízení s odlišným rozlišením obrazovky, vývojáři se budou muset vrátit ke kódování tak, aby zahrnovali novější rozlišení obrazovky, takže adaptivní webový design má nějaké šance na oříznutí menší vývojáře, pokud vývojáři nejsou opatrní.

V porovnání s citlivým designem webových stránek, adaptivní webový design je jednodušší k kódování a většina vývojářů si je vybírá na základě citlivého návrhu webových stránek

Reaktivní vs Adaptivní webdesign

jsou těžké kódovat.Kód je složitý a používá procentuální hodnoty namísto pevných hodnot pixelů.To potřebuje dobré množství koncentrace stavět webové stránky, které měří podle velikosti obrazovky zařízení.Naopak, i Snadnější vytváření různých webových stránek pro různá zařízení, jak je tomu v adaptivním návrhu webových stránek. Ačkoli práce je více v adaptivní web designu jako vývojáři by vytvářeli různé webové stránky pro různé velikosti zařízení, je to ještě snadnější ve srovnání s citlivým web design.

Vzhledem k tomu, že na trhu existuje příliš mnoho mobilních zařízení, vývojáři nemusí nutně zahrnovat všechny typy rozlišení obrazovky. To vede k oříznutí webových stránek na menších obrazovkách, když se používá adaptivní přístup k webovým návrhům.

Adaptivní webové stránky jsou pomalé při načítání, protože web musí nejprve zjistit, jaké zařízení a jaké rozlišení obrazovky se používá. Na základě toho se na obrazovce zařízení načte související verze webových stránek. V případě citlivého návrhu webových stránek se používá jediný kód, který se automaticky snižuje tak, aby odpovídal mobilním obrazům.

Také byste se měli podívat na tento příspěvek na MSDN s názvem Proč preferuji adaptivní web design přes reakci web design