Ingyenes Responsive Web Design tesztelése

responsive design

A Responsive design (Responsive Web Design) ma már nemcsak egy divathóbort, hanem egy olyan technika, amely lehetővé teszi a weboldal tartalmához való hozzáférést, tekintet nélkül arra, milyen eszközön (okostelefon, tablet, asztali számítógép…) nyitják meg a kiválasztott weboldalt. A mobiltelefonok - mint amilyen a tablet vagy az okostelefon - hatalmas fellendülésével felmerül a kérdés, hogy kell ezen eszközök használóinak úgy megjeleníteni az oldal tartalmát, hogy az a lehető legjobban olvasható legyen, és minimalizálja a képernyő megnagyobbításának és ide-oda tologatásának szükségességét. Az okostelefonok és tabletok eladása már 2010-ben meghaladta a számítógépek és a laptopok világpiaci eladásának mértékét és ez a trend jelenleg tovább növekszik. Ebből tehát az következik, hogy böngészésükhöz egyre többen veszik igénybe az okostelefont vagy a tabletot miközben a honlapok tulajdonosainak nem volna szabad elfelejteniük, hogy a nem közvetlenül a mobileszközök számára tervezett oldalak 99%-a áttekinthetetlen lesz és a vállalkozó vagy az oldal tulajdonosa elveszítheti látogatóinak nagy részét sőt árbevételének jelentős százalékát.

Mi is tulajdonképpen a responsive design?

A magyarázat egyszerű: Responsive design - Az oldal tartalma a mobileszköz méretéhez igazodik. A szabványos internet oldal a szokásos számítógépekre vagy laptoppokra van optimalizálva. Amikor azonban a tablet vagy az okostelefon böngészőjén jelenítik meg a webet vagy az e-shopot és az oldalak nincsenek a responsive design segítségével optimalizálva, egyszerre csak a böngészés feltételei egyáltalán nem ideálisak. Az egész oldal teljes egészében, úgy ahogy azt a számítógépből ismerjük, összeszűkül a képernyő felbontásához igazodó formátumra és a hagyományos módon működik. Ez azonban nem a legideálisabb megoldás. Képzeljük csak el, hogy egy 1024x768 felbontású, 17 hüvelykes számítógép-monitorra tervezett oldal egy 3 colos kijelzőn egyszerre 480 x 320 felbontásúra zsugorodik össze. Ez az oldal több mint 11-szer kisebb és alkotóelemei (szöveg, nyomógombok, képek, utalások) aprók, olvashatatlanok ugyanis eredetileg mindenekelőtt asztali számítógépekre, egér használatára – nem ujjakra - voltak tervezve. A böngésző kénytelen bonyolult nagyítást alkalmazni, sőt ujjaival tologatni, amelyek szélesebbek a kurzornál ezért nem lehet mindig megjelölni azt, amit a böngésző szeretne. A responsive design azért van itt, hogy figyelembe vegye a mobil eszközök minden ergonómiai igényét. A szűk hely miatt célszerű a valóban fontos elemek helyes beosztása, kiválasztása. Az oldal nem változik, úgy marad, mint eddig, azonban egy pár sor felkerül az Ön, külső fájlok számára készült oldalára, ahol meghatározásra kerül mit, hogyan, milyen felbontás mellett kell beállítani és megjeleníteni.

Itt az Ön oldalinak díjmentes tesztjét hozzuk, amely különböző eszközökre és különböző felbontásokra alkalmazható, úgy, ahogy azokat az Ön oldalainak látogatója a saját berendezésén látja.

Minta Responsive Web Design

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
Abban az esetben, ha Önt érdekelné a saját weboldalának elrendezése, kiigazítása a responsive design segítségével, javasoljuk Önnek az e téren gazdag tapasztalattal rendelkező XXX társaságot, amely örömmel válaszol az Ön kérdéseire is.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design