Technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna urządzenia.
Jak w temacie 
Więcej na blogu.
Co to oznacza dla przeciętego Jana Kowalskiego? Czyżby strona z responsywnym designem była jednak potrzebna bardziej niż się wydaje? Co na to takie małe lokalne internetowe wizytówki jak strony Szamotuły? Czy one także w końcu postanowią zainwestować w modyfikacje aby być bardziej widocznymi w wynikach wyszukiwarki?
Czas pokaże, pozostaje nam czekać. Jedno jest pewne RWD – będzie się rozwijał jeszcze szybciej.
Witam
W poprzednim wpisie wspominałem o innej metodzie na “ogarnięcie” zdjęć, ale nie tylko także układu, treści i chociażby struktury strony. Jest to “stara” metoda, która była stosowana od dawna i nadal można odnaleźć strony, które z powodzeniem ją wykorzystują. Co to takiego?
To oddzielna strona – przygotowana specjalnie pod mniejsze rozdzielczości, zawiera zazwyczaj całkowicie inny:
Często firmy tworzyły je w oddzielnych subdomenach, np: moja-domena.pl a wersja mobilna dla nie to było: m.moja-domena.pl, czyli m – jak mobilna.
Poza dużą ilością pozytywnych aspektów wynikających z tego rozwiązania, miała także kilka wad:
Zmniejszając okno możemy wiele elementów modyfikować za pomocą css-a. Jednak z z grafiką? np zdjęcia produktów? dlaczego duże z desktopowej wersji mają się wczytywać na telefonie ?
Na początek może wyjaśnijmy dlaczego nie powinno na stronie mobilnej pokazywać zdjęć zbyt dużych (wagowo):
Jak możemy to rozwiązać ? Tutaj z pomocą przychodzą nam skrypty JS, zamiast umieszczać standardowo w w znaczniku IMG ścieżkę do pliku graficznego, podajemy w specjalnym znaczniku kilka zdjęć z deklaracją dla jakiej rozdzielczości mają się one wyświetlać. Możemy w ten sposób inaczej kadrować zdjęcia na urządzenia mobilne a inaczej na desktopy.
Czy tylko tak to można rozwiązać ? Oczywiście że nie ale to już opisze przy następnym wpisie.