Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
1
Stronyresponsywne
Projektowaniestroninternetowychtobardzoszerokitemat,doktóregopodejście
wprzeciąguostatnichkilkulatzmieniłosiędiametralnie.Początkowostronymożna
byłokojarzyćzestatycznymtekstemizdjęciami,zczasemzaczętojednakurozmaicać
jeróżnymielementamianimowanymi.Obecnienastronachwwwmożnaumieścić
równieżmuzykęczyplikiwideo.Okazujesięjednak,żetozamało.Zchwilą,kiedy
narynkupojawiłysięsmartfonyitablety,tradycyjnestronyinternetoweprzestałysię
sprawdzaćwstuprocentach.
Stronainternetowapowczytaniudoprzeglądarkiwurządzeniachmobilnych
zdecydowanietracinajakości.Często,abycośprzeczytać,musimydanyfragment
stronypowiększyć,cozkoleisprawia,żeinnyfragmentniejestwidoczny.Przeglą-
danietakiejstronybywairytująceibardzoniewygodne.Abyrozwiązaćtenproblem,
zaczętotworzyćstronymobilne.Jednakichwykonanienajczęściejłączysięzpowie-
leniemcałejwitrynyizaprojektowaniemjejtylkozmyśląourządzeniachmobilnych.
Tonatomiastwiążesięzdwukrotnąaktualizacjąstronywww–pierwszaaktualizacja
dotyczyoczywiściewersjiwitrynyprzeznaczonejdlakomputerów,druganatomiast
wersjizaprojektowanejdlaurządzeńmobilnych.Jeżeliaktualizacjajestwykonywana
stosunkoworzadko,możnapróbowaćprojektowaćtegotypustrony.
OwielelepszymrozwiązaniemjestResponsiveWebDesign,wskróciezwane
RWD.Totechnikaprojektowaniastron,dziękiktórejuzyskujemyoptymalnewy-
świetlanietreściwitrynyzarównonamonitorzekomputera,laptopa,jakinawy-
świetlaczachurządzeńmobilnych.Stronaresponsywnawporównaniudotradycyjnej
owielelepiejdopasowujesiędotychurządzeń,ponieważjużnaetapieprojektowa-
niazakładamyróżnerozdzielczości,wjakichwprzyszłościbędziewyświetlana.
Zaletąstronresponsywnychjestfakt,żetworzącstronydlaróżnychurządzeń,nie
musimypowielaćichtreści.Równieżaktualizacjatreściwymagaodnaszmiantylko
wjednymmiejscu–niewykonujemyaktualizacjiosobnodlakomputeróworazsmart-
fonówitabletów.Podczaswczytywaniastronydooknaprzeglądarkiautomatycznie
sprawdzanajestrozdzielczośćekranuurządzenia,zktóregokorzystamy,poczymła-
dowanesąstyle,któreprzeznaczyliśmydlatejwłaśnierozdzielczości.Dziękitakiemu
rozwiązaniumamypewność,żetekstbędzieczytelny,agrafkiniebędąwiększeniż
szerokośćekranu.
