Responsive design

Pl@za tukee uusimpia HTML5-, CSS3- ja sisällön mukautustekniikoita (responsive design). Erillistä sivuston mobiiliversiota ei tarvitse toteuttaa vaan sivuston käyttö tablettien, älypuhelimien sekä mobiili-, PDA- ja muiden laitteiden kanssa voidaan mukauttaa automaattisesti niille sopivaan muotoon.

Mobiililaitteiden tulo sivustolle ja niiden käyttämä selain havaitaan automaattisesti. Pl@za muuttaa sivuston esityksen eri selainleveyksien mukaiseksi, jotta sivusto näyttää hyvältä jokaisessa päätelaitteessa. Sivuston leveyden lisäksi järjestelmä voi päättää automaattisesti kuvien skaalautumisesta, siirtämisestä tai poistamisesta, navigoinnin muuttamisesta sekä sisällön ja elementtien uudelleenjärjestämisestä.

 

Sivuston oletusleveys voi olla esimerkiksi 800px, 900px, 1000px tai suhteellinen 90% selainikkunan leveydestä. Myös ali- ja erillissivuille voidaan valita eri leveydet tarpeen mukaan. Sivuston mukautuksessa eri päätelaitteiden selainleveyksille määritellään kuitenkin askeleittain omat näyttöleveydet, esim. 960px (tablettileveys) ja 640px (puhelinleveys) tai useampia leveysaskeleita käyttämällä tarpeesta riippuen.