Az alapelvek a reagáló web design
Ebben a cikkben azt próbálja megérteni, mi a különbség a kettő között elvei oldalak létrehozása, amely a „reagáló” Web Design: Progressive Enhancement és kecses lebomlás.
kecses lebomlás
Kecses bomlás, vagy a „hiba tolerancia” - egy tágabb fogalom, amelyet nem csak a web design. Általános értelemben azt jelenti, hogy az a rendszer is működni meghibásodása esetén egyes alkotóelemek. A komolyabb hiba, annál kisebb a minősége a rendszer vagy a rendszer működését, de még működőképes ebben a rendszerben az alapvető funkciókat.
Gyakran követni ezt az elvet meg kell ismételni a logikai kiszolgáló formában feldolgozó. Ez a megközelítés azonban megtérül, ha belegondolsz hibatűrésre szakaszában tervezési formák.
Az elv a kecses lebomlás lehetővé teszi a felhasználók (és minden felhasználó - egy potenciális ügyfél), hogy képes legyen együttműködni a helyszínen bármilyen helyzetben.
progresszív Enhancement
Progresszív javítása olyan elv, amely párosulva a „mobil első” teremt elméleti alapja a „szimpatikus” (adaptív) Web design. Már a neve is mondja ő elhelyezése weboldalakat szakaszosan, ciklusok szerint az elv „egyszerű - a nehéz”. Abban az egyes szakaszok előre tervezett megjelenése az oldalt, hogy lesz szebb, jobb és kényelmesebb, de az összes funkciót kell állnia kezdetben.
Ez egy speciális esete kecses lebomlás, mint minden weboldalak épült meg teljes mértékben megfelelnek az elvet kecses lebomlását.
Általában hozzon létre egy oldalt az elv fokozatos növelése az alábbi lépéseket:
Nézzük ezt a megközelítést a gyakorlatban. Fejlesztünk és kiadja a legegyszerűbb formája a bejáratnál, hogy a helyszínen. Az első szakaszban létre a bejelentkezési űrlap tiszta HTML. A forma nem olyan szép, de teljesen működőképes. Az alábbiakban a kódlap és az eredmény jelenik meg a böngészőben:
Most, a második szakaszban Adjunk alakja ő stílusa alkalmazásával stíluslap, amely csak azokat a szabályokat, amelyek a CSS anélkül, hogy speciális tulajdonságait. Add a háttér színe, padding, igazítás. Most a forma jobban néz ki:
Most hozzá szabályokat a CSS3 specifikáció. Zakrgleniya hozzá a blokk, az árnyékok szövegbeviteli dobozokra stilizáló gomb új választókat felesleges teret felülről. Egy javított formában:
Az utolsó szakaszban tudunk létrehozni AJAX-kérés, hogy a felhasználó adja meg a helyszínen, anélkül, hogy újra az oldalt.
Ebben az esetben minden egyes szakaszában (a alátámasztására böngésző), akkor megjelenik egy teljesen működőképes oldalt. De ha a böngésző támogatja a fejlettebb technológia, az oldal csak egyre jobb lesz.
Milyen elvek követni?
Ha a hely a leghatékonyabb, hogy építsen a koncepció kecses degradáció, kapsz körülbelül ugyanannyi, mint lenne, ha a progresszív javítása. Tehát mi a különbség?
Ezért fokozatos megerősítésének válaszul merült fel a rossz minőségű kecses lebomlását. Tervezni egy ilyen felületek könnyebb és jobb, hiszen egyértelműen meghatározottak létrehozásának lépéseit a felület.
A reagáló design fogalmának «első mobil», amely némileg megfelel a koncepció fokozatos növelése, mert cselekvésre szólítja fel az egyszerűtől a bonyolult, mobil asztali képernyőkön. Éppen ezért a legfontosabb, hogy a helyes használatára reagáló web design függ attól, hogy a fejlesztő, hogy alkalmazzák az progresszív növelése és az első mobil.