Jak může webový vývojář přizpůsobit webové stránky zobrazení na sítnici?

Jak může webový vývojář přizpůsobit webové stránky zobrazení na sítnici?

Úžasný displej Retina nového MacBooku Pro nemůže popřít nikdo, kdo jej vidí naživo. Obrazovka 5 milionů pixelů a rozlišení 2880 × 1800 Kamkoli se podíváte, je to naprosto výjimečné. Ale jsou lidé, kteří to nevidí tak krásnýma očima, a jsou Weboví vývojáři. Obrazovky Retina Display se již nacházejí v zařízeních iPhone 4 a 4S, iPad třetí generace a MacBook Pro a nejpravděpodobněji iMac, MacBook Air atd. Začnou se rozšiřovat na další zařízení, jako např. webové stránky se budou muset přizpůsobit.

Thomas Fuchs, web Developer rubín na kolejíchzveřejnil diagram znázorňující Jaké kroky je třeba podniknout, aby se web správně zobrazil na sítnicových displejích?. Thomas tedy ukazuje, že není nutné jednoduše zdvojnásobit rozlišení obrazu, jak si ostatní mysleli.

Diagram ukazuje, že je třeba rozdělit podle typu obsahu a přizpůsobit tak pouze to, co je nutné. Pokud jste webový vývojář, porozumíte diagramu lépe, ale můžeme to interpretovat jako příklad. nedotýkejte se ničeho, pokud je obsahem text; ale s obrázky je to trochu komplikované, protože to budeme muset udělat zdvojnásobte rozlišení a také přidat další kód CSS do šablony stylů.

Zdá se, že právě teď z oficiálního webu Apple není mnoho přizpůsobených webů. Také si nemyslím, že by se vývojáři příliš hnali, aby provedli tyto změny. Pouze 3 počítače s Retina displejem a dva “mobilní, pohybliví“.

Každý z vás má MacBook Pro se sítnicovým displejem a můžete nám sdělit, jak vypadá web?

Sdílejte tento článek se svými přáteli na Facebooku, Google+ a Twitteru pomocí tlačítek, která najdete na začátku. Děkuji mnohokrát!

Kompletní schéma | Spojení