A reszponzív oldal – Responsive webdesign – RWD olyan megközelítéssel tervezett weboldal, amelynek célja, hogy optimális megjelenést biztosítson – könnyű olvashatóságot, egyszerű navigációt a lehető legkevesebb átméretezéssel és görgetéssel – a legkülönfélébb eszközökön. Az asztali számítógép monitortól egészen a mobiltelefon, tv, tablet kijelzőig.
Az első weboldalt, amely alkalmazkodott a kijelző méretéhez, 2004-ben mutatta be Cameron Adams. 2008-ban már számos olyan kifejezés került szóhasználatba, amikor egy weboldaltervekről esett szó, mint “rugalmas”, “flexibilis”, “elasztikus”. A CSS3 media queryk már majdnem készen álltak a bemutatkozásra 2008 végén
Mobile first
Magyarul: először a mobil, tehát a fejlesztést megelőző tervezés menete megfordul.
A hagyományos tervezés az asztali számítógép monitorméretein alapszik, szóval a “régi” világ tervezői, designerei számára ez a legkényelmesebb felület. Miután elkészültek a széles eszközökön jól mutató tervek, elkezdődik annak az eggyel kisebb méretű (tipikusan tablet) eszközökre való adaptálása, míg el nem jutunk a legkisebb méretig. Addigra a terveink zsúfoltak, átláthatatlanok lesznek, mivel ami elfér egy számítógép monitorán, sajnos nehezen fér el kompromisszumok nélkül egy zsebméretű telefon kijelzőjén.A megoldás tehát az, hogy a tervezést a legkisebb céleszközre kezdjük, és úgy haladunk folyamatosan az egyre nagyobb kijelzőméretek felé. Az eredmény egy gyorsan betöltődő és működő, mobilon internetező felhasználók számára kényelmes weboldal. Ez különösen fontos, hiszen a telefonok erőforrásai azért még le vannak maradva az asztali számítógépekétől, ráadásul a mobilinternet sem szállhat versenybe mindenkinél a bekötött vezetékessel szemben.
Progressive enhancement
Magyarul: folyamatos növelés, tehát attól függően, hogy milyen eszköz, illetve sávszélesség áll rendelkezésre, más és más megjelenítéssel áll elő ugyanaz a tartalom.
forrás: wikipedia.org , wasd.hu/fogalomtar