Dlaczego warto budować strony internetowe modułowe?

Czas czytania: 3 minut

Dzisiaj chciałam poruszyć temat modułowych stron internetowych. Temat praktycznie sam wpadł mi w ręce podczas zbierania informacji o BEM ?.

Strony internetowe modułowe (podzielone na sekcje)

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.

Czym są modułowe strony internetowe?

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):

  • wersja mobilna
  • RWD

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.

uproszczony podział strony na moduły

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.

Dlaczego są one lepsze od tradycyjnych stron?

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:

  • możliwość przemieszczania modułów na stronie
  • określony wygląd elementów strony bez względu na miejsce zastosowania
  • strony modułowe można łatwo rozbudowywać o kolejne elementy

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.

Popularne moduły w CMS, ale nie tylko!

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:

  • galeria zdjęć
  • formularz kontaktowy
  • akapit tekstu
  • pole tekstowe
  • zwykły obrazek
  • kalendarz
  • wyszukiwarka
  • menu strony
  • newsletter
  • i wiele innych

Trochę tego jest jak widać.

Czy warto budować strony modułowe?

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.