Ugye mondanom sem kell, hogy ma már ha nincs reszponzív designod a weboldaladon akkor nehezen fogsz érvényesülni.

A reszponzív, amúgy azt jelenti, hogy egyes eszközökhöz alkalmazkodott kinézet. Azaz laptopon és mobilon vagy tableten a kinézet nem azonos, de a tartalom ugyanaz. Erre azért van szükség, mert ami laptopon mondjuk jól néz ki az lehet hogy telefonon tragikusan el van csúszva.

A weboldal megtekintések 60%-a telefonról jön, így ezt nem engedhetjük meg magunknak.

De mi is ez a trükk?

Ma már minden weboldalszerkeztő lehetővé teszi, hogy az oldalt eszköz szerint szerkesszük és az elemeket az egyes eszközökhöz igazítsuk, reszponzívvá tegyük.

Viszont sokszor van olyan, hogy az egyes elemeket nem lehet úgy beállítani, vagy nem engedi a rendszer, hogy egyszerre telefonon és gépen is úgy nézzen ki, ahogy mi szeretnénk. Ilyenkor az emberek nagy része egy köztes megoldást alkalmaz, ami sokszor egy nem szép megoldás, pedig nem kell ilyen áldozatokhoz folyamodni.

A trükk igazából annyi, hogy létrehozunk egy olyan szekciót, amelyet csak az egyes eszközre teszünk láthatóvá, reszponzívvá, a többire pedig nem. Ezen a szekción belül szerkesztjük az elemeket, és így már nem kell figyelünk, hogy a többi eszközön hogyan néz ki az elemünk, mert a reszponzivitás miatt ez már nem releváns.

És ugyan ezt megcsináljuk a többi eszközre is.

Fontos viszont az, hogy a szekció reszponzivitását, láthatóságát állítsuk ne az egyes elemekét. Erre azért van szükség, mert mivel ugye a szekciók a legnagyobb halmaza a weboldalnak, a szekción belül vannak általában dobozok, azon belül pedig elemek, és így szerintem könnyebben ki lehet igazodni, hogy melyik elem, melyik eszközön látható.