Technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna urządzenia.
Konieczno dodania ciasteczek, to dość kłopotliwy temat w przypadku błędnego przygotowania graficznego.
Jak się do tego zabrać ? Najlepiej aby treść informacji o ciastkach znajdowała się na całej szerokości strony – np pod stopką. Wtedy dużo łatwiej taką witrynę internetową dostosować do responsywnej.
Na urządzeniach mobilnych dostosujemy ją po prostu do szerokości na 100%. Proste, szybkie i skuteczne rozwiązanie.
Portfolio – co to takiego – to każdy wie, oferta, realizacje, i inne określenia na pokaz wykonanych prac. Jak to się ma do RWD ? do responsywności ? lub adaptacyjnego zachowania strony www ?
Często jest to bardzo kłopotliwa sprawa chcemy przedstawić swoje osiągnięcia tak aby dobrze wyglądały zarówno na full HD jak i na mniejszych rozdzielczościach monitora.
Najprostszym i jednocześnie dość ciekawym jest ujęcie tego w postaci listy – kafelków – jak na przykład w strony www Szamotuły. Mamy przedstawione wykonane portale internetowe, strony www i inne rozwiązania internetowe szyte na miarę. Każdy klient – jego realizacja została przedstawiona pokrótce na liście a zagłębiając się w szczegóły uzyskujemy więcej informacji.
Ułatwia to zastosowanie rożnych grafik – mniejsze – lżejsza na stronie głównej i większych – prezentujących szczegóły na podstronach z pełna informację o wykorzystanych technologiach. Jest to także przyjazne dla użytkownika. Łatwiejsze poruszanie się po wielu projektach, wczytywanie się tylko w wybrane, te które na stronie głównej nas zaintrygowały.
Te i inne zabiegi pozwalają także łatwiej zoptymalizować stronę pod kątem RWD. Kafelki bardzo dobrze mogą dostosowywać się, są idealnym rozwiązaniem dedykowanym każdemu chcącym przedstawić produkty, realizacje, aktualności, wybrane wydarzenia. Możemy ułożyć w jednym wierszu 4, 3 … każdą dowolną ilość kafelków a zmniejszając rozdzielczość zmniejszać ilość w wierszu aż do jednego na najniższej – na przykład dla 320px. Jak to wykonać szybko i dobrze ?
Tutaj z pomocą przychodzą nam gotowe rozwiązania – oferujące gridy, np: Bootstrap. Zachęcam do zapoznania się z przykładami i możliwościami jakie daje gotowy system ułatwiający tworzenie plików CSS z obsługą RWD.
Jak nauczyć się pisać html-a i css-a pod RWD (Responisv Web Design)?
