A Responsible Responsive Design című könyv egy hiánypótló darab a responsive tervezés magasabb szintre emeléséhez Scott Jehl tollából!

A szerzőről

A webfejlesztésben jártasaknak sok helyről ismerős lehet Scott Jehl neve. A népszerű fejlesztő csapat, a Filament Group oszlopos tagja, szerző, előadő. Neki köszönhetjük a népszerű <picture> elem polyfill-t a Picturefill-t. A jelenlegi a második könyve, az első szintén egy hiánypótló darab volt a Progressive Enhancement-ről.

A témáról általánosságban

A responsive fejlesztés nem egy egyszerű dolog. Úszunk a jobbnál jobb fejlesztői eszközökben, keretrendszerekben, amikkel egyszerűen tudunk összehozni komplett megoldásokat, amik a legtöbb esetben skálázhatóak és jövőtállóak is.

Mindezek mellett nem nehéz elveszíteni a fókuszt és figyelmen kívül hagyni a folyamat tervezés oldalát. Készítünk egy olyan doltot amit aztán majd több száz, ha nem több ezer fajta eszközön, rengeteg helyzetben, számtalan körülményben fognak használni a felhasználóink.

Innen nézve ez egy elég komoly felelősség és valljuk be öszíntén, mind írtunk már – és még fogunk is -rossz kódot, ez együtt jár a fejlesztéssel. A responsive tervezés azért egy jó példa a rossz kód írására, mert nagyon egyszerűen ellehet rontani. Az elrontásra ne úgy gondolj, hogy a végtermék nem műkődik. Neked műkődni fog, az ügyfelednek is, mivel valószínüleg egy jól irányított környezetben tesztelitek. De mi van azokkal akik nagyon lassú netet használnak, vagy 240×320-as kijelzőt, esetleg Opera Mini-t? Mindezt könnyű lerázni, úgy hogy ezek a felhasználók elenyésző számban használják a készítendő oldalt, alkalmazást – ez magyar viszonylatban néhol valóban helytálló lehet.

Úgy gondolom egy jó tervező/fejlesztő nem engedheti meg magának a fent említett nézeteket. Eddig nem sok olyan könyv volt, ami a responsive tervezést, a teljesítmény, a használhatóság oldaláról közelítette meg, így ez az olvasmány nagyon hasznos lehet minden fejlesztő (főként front-end) számára!

A könyv felépítése

A könyv csupán négy fejezetből áll, melyek egy-egy nagyobb területet vesznek górcső alá!

1. Responsibe Design

Ez a fejezet a responsive tervezést a használhatóság oldaláról közelíti meg. A következőkről olvashatsz:

  • moduláris felépítés,
  • a media query használat,
  • a tervezési minták,
  • az érintős kijelzők gesztus vezérlése,
  • a natív elemek használata,
  • a progressive enhancement.

2. Sustainable Detection

Ebben a részben az eszközök érzékeléséről, valamint a képesség érzékelésről olvashatunk. Szóbakerül a Modernizr, valamint az új @support tulajdonság.

3. Planning for Performance

Ebben a szekcióban a teljesítmény áll a középpontban. Itt lényegében általános, a teljesítményhez kapcsolódó koncepciókról esik szó, mint:

  • a critical rendering path,
  • a HTTP lekérések,
  • a renderelés blokkolás,
  • a tömörítés,
  • a performance budget.

4. Delivering Responsibly

Ez a rész egy komplett esettanulmány arról, hogy hogyan is kellene megfelelően responsive oldalakat terveznünk az előző fejezetek, valamint plusz adalék információ alapján. A következőkről esik szó:

  • média kezelés,
  • az asszinkron CSS, JS betöltés,
  • SVG, ikon betűkészlet használata,
  • cachelés.

Összegzés

A könyvet mindenkinek ajánlom, aki magasabb szintre szeretné emelni a responsive tervezési tudását, aki nem elégszik meg az erőforrás igényes, egyszerűbb megoldások használatával és szeretne mindenki számára elérhetőbb és jobban használhatóbb responsive oldalakat, alkalmazásokat tervezni! A könyv e-book verziójához mindössze 11 dollárért már hozzájuthatsz!

Könyvajánló