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.
Tagi: Bootstrap, Grid, realizacje, RWD
Najnowsze wpisy
- Rozwój – integracja – modyfikacje w istniejących stronach www
- Strony Szamotuły – www, portale internetowe, wizytówki
- Sklep / katalog produktów
- Koniec 2015 – czas na podsumowanie
- Dalsze obserwacje
Kategorie
- Bez kategorii (3)
- Dodatki (6)
- Grafika (6)
- RWD (25)
- Strony www (16)
- Szamotuły (6)
Tagi
Archiwum
- Sierpień 2016 (2)
- Lipiec 2016 (1)
- Grudzień 2015 (1)
- Maj 2015 (1)
- Marzec 2015 (2)
- Styczeń 2015 (1)
- Grudzień 2014 (5)
- Listopad 2014 (10)
- Październik 2014 (9)