Dlaczego warto budować strony internetowe modułowe?
Dzisiaj chciałam poruszyć temat modułowych stron internetowych. Temat praktycznie sam wpadł mi w ręce podczas zbierania informacji o BEM ?.
Samo określenie strona modułowa w internecie wydaje się być całkiem modne. A same strony tego typu już od pewnego czasu wypierają tradycyjne witryny. Jednak prawie nigdzie nie znalazłam czegoś co tłumaczyło by specyfikę takich stron. Wszyscy tylko chwalą się, że robią takie strony. Pokazują przykłady, ale nigdzie nie pisze co to właściwie znaczy.
Nie twierdzę, że takich informacji nigdzie nie ma. Prawdopodobnie zostały wyparte przez pozycjonowane strony.
W tradycyjnej zasadzie budowie witryn internetowych są one dość sztywne. Każdy element ma określoną nie zmienną pozycję. Mimo że teoretycznie strona składa się z wielu części, trudno jest je rozdzielić. Do tego wszystko zapakowane jak gdyby w jedno pudło.
Rewolucja jaką była możliwość otwierania stron z pomocą urządzeń przenośnych sprawiła, że ten model kompletnie przestał się sprawdzać. Spowodowało to, że trzeba było przemyśleć ponownie sposób ich budowania.
Rozwiązania w sumie znalazły się 2 (przynajmniej z tych popularnych):
Dziś jednak o różnicach nie opowiem. Zastawie ten temat na jeden z kolejnych wpisów. Dziś jednak interesować nas będą strony RWD.
W przypadku RWD zastosowano dzielenie strony na części tzw. moduły lub sekcje. Jednak sam podział na moduły to jeszcze za mało. Kolejnym krokiem jest prawidłowe ich ułożenie tak by strona mogła pełnić nadal swoje funkcje. I tu w grze pojawia się Grid – siatka.
Powyższy obrazek to dość duże uproszczenie. W praktyce bowiem w przypadku stron modułowych każdy ten element składać się może z kilku innych. Dobrym przykładem jest tu np. panel boczny mojego bloga.
Jeśli uznałeś, że trochę przypomina to budowanie strony jak z klocków to jesteś na dobrym tropie.
O tym, że otwierają się na urządzeniach mobilnych w „miarę poprawnie” raczej po raz kolejny nie muszę pisać. Wymienię za to kilka innych zalet:
Obecnie wiele systemów CMS dysponuje dość zmodyfikowanymi edytorami, w których w miarę swobodnie możemy przemieszczać elementy. Często jest to na zasadzie wybierz, przeciągnij i puść w wybranym miejscu. W efekcie przynajmniej w teorii prawie każdy może zbudować taką stronkę.
To czy będzie mu się podobać i spełniać wszystkie jego potrzeby. Trudno powiedzieć – na pewno sprawdzi się jako wizytówka. Niestety nie będzie przy tym też zbyt oryginalna.
Moduły są jak klocki rozmieszczone na stronie z pomocą grida. I tyczy się to nie tylko CMS, ale także statycznych stron, sklepów internetowych czy katalogów.
Takim klockiem może być więc prawie wszystko:
Trochę tego jest jak widać.
Tak – zdecydowanie warto. Strony takie są dużo łatwiejsze w aktualizacji jak i samym zarządzaniu (o ile są zrobione z głową). W razie potrzeby można w miarę szybko przesuwać, obiekty czasem zastąpić dane elementy innymi.
Ogólnie strony tego tupu to obecny standard. Z punktu widzenia programisty (a właściwie Front end developera) mamy tu głównie odczynienia z Flexbox jak i bibliotekami JavaScript (np. React, AngularJS, Vue). Powoli odchodzi się przy tym od jQuery – choć jest to nadal popularna biblioteka.
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…