Mit is jelent a reszponzív dizájn?

Mit is jelent a reszponzív dizájn?

A reszponzív dizájn alkalmazásával weboldalunk bármilyen böngészőn szépen, olvashatóan megjelenik, a kijelző méreteitnek paramétereinek megfelelően. Ha a reszponzív dizájnt alkalmazzuk, weboldalunk kompatibilis lesz asztali számítógépekre, laptopokra és mobilokra is. Egy honlapunk lesz, a tartalmat egyszer kell létrehozni, ami alkalmazkodni fog a megjelenítésre használt eszközhöz.

Technikailag ezt úgy oldjuk meg, hogy 12 hasábra osztjuk a weboldal szerkezetét, a honlapmotor pedig annyi hasábot tesz egymás mellé, amennyi elfér.

Tehát: mobilon például 3 hasáb kerül egymás mellé, ezért ha van oldalsó blokkunk, akkor azt a tartalom alá rendezi.

A hagyományos (horizontális) menü helyett egy reszponzív  (ún. hamburger) menü jelenik meg (általában három vízszintes vonal egymás alatt), a honlap menüpontjai csak a menügombra kattintás után láthatók.

Természetesen van arra is lehetőség, hogy bizonyos elemeket kikapcsoljunk mobil nézetben, ez csökkenti a weboldal méretét is.

Az AMP egy olyan keretrendszer, amely minimális fájlméretű megjelenést biztosít, kifejezetten a weboldal mobilon történő böngészésének gyorsításához. Fontos, hogy az AMP használatakor eltűnik weboldalunk (PC-n látható) megjelenése, és helyette egy egyszerűsített, mobilra optimalizált megjelenés kerül a mobilok kijelzőjére.


Talán ezek a cikkek is érdekelni fogják