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.