Technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna urządzenia.
Czy można sobie jakość ułatwić proces tworzenia stron www? Oczywiście, istnieją programy, które pozwalają łatwiej i szybciej tworzyć strony przyjazne dla urządzeń mobilnych.
Szukając w Google znajdziemy wiele programów, droższych lub tańszych – tutaj wybór pozostaje oczywisty – jeżeli ma działać to najważniejsze są funkcje a nie jego cena. Funkcjonalność jest podstawą.
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.
Taka mała ciekawostka, znalezione w internecie i warto się z tym zapoznać.
Optymalizując grafikę nie możemy zapomnieć o naszej faviconie, i tutaj zaczynają się schody. Każde urządzenie, system ,wersja przeglądarki lubi inny rozmiar. Warto poczytać i przygotować odpowiedni zestaw ikon. Jest jak widać potrzebne kilka rozmiarów i dodatkowych wpisów w sekcji meta na stronie.