Frameworki CSS - czy warto z nich korzystać?
Głównym zadaniem frameworków CSS jest przyspieszenie i ustandaryzowanie pracy twórców różnego typu stron internetowych. Jednak jak zawsze tak i w tej kwestii zdania są podzielone.
W tym wypadku bowiem warto się zastanowić czy w ogóle warto z nich korzystać. Jeśli tak to na jakich zasadach jakie mają one zalety oraz wady. Jak widać odpowiedz na pytanie zadane w tytule „Frameworki CSS – czy warto z nich korzystać?” w cale nie będzie taka prosta. I co najważniejsze uzyskana odpowiedz może zależeć od tego kogo się zapyta.
Framework zwany również platformą stanowi szkielet konkretnej aplikacji a w tym wypadku także strony. Definiuje on i normalizuje:
Cechami charakterystycznymi są:
Warto przeczytać -> Jaka jest różnica między biblioteką a frameworkiem?
Powodów różnicy zdań można szukać w różnych miejscach czy motywach. I co ciekawe każda osoba będzie mogła w logiczny i zrozumiały sposób uzasadnić swoje poglądy! Inną kwestią jest czy druga strona będzie słuchać. Sporo np. doświadczonych programistów nie zawsze otwartych jest na dyskusje.
Jednak co jest źródłem czasami aż tak zróżnicowanych opinii? Jak w wielu przypadkach tak i w tym na poglądy / opinie wpływ ma:
Trochę tych czynników jest i myślę, że znalazły by się osoby, które dodały by do tej listy jeszcze kolejne. To jednak nie jest w tym monecie najistotniejsze.
Praktycznie każdy użytkownik Internetu ma co chwilę do czniania z jakimiś frameworkiem CSS (lub chociaż biblioteką CSS) – jednak nie zawsze jest tego świadomy. Bo w tej chwili nie mówimy o kodzie witryny, a bardziej o technologii w jakiej została wykonana. Obecnie bowiem wielu twórców decyduje się na gotowe rozwiązania – przynajmniej w miejscach gdzie nie ma potrzeby tworzyć czegoś nowego.
Takie podejście sprzyja Frameworką. I powoduje, że stają się one jednym z najpopularniejszych narzędzi stosowanych do budowy witryn internetowych. I tu nie ważne jest czy korzystamy z systemów CMS czy budujemy stronę od podstaw. Wiele motywów i szablonów do systemów CMS opartych jest bowiem również o gotowe biblioteki CSS.
A więc co to są frameworki CSS? To nic innego jak zbiory gotowych rozwiązań. Ich autor lub autorzy przygotowali je w taki sposób by na ich bazie można było zbudować zróżnicowane strony. W praktyce więc mamy bibliotekę z gotowym kodem np.:
W większości z nich występuje też tzw. grid (siatka). Z jej pomocą można podzielić stronę na części. Najczęściej dzielimy ją na 12 równej szerokości kolumn. Oczywiście w większości to właśnie struktura Grida narzucona przez autora / autorów umożliwia nam dostosowanie strony do RWD. Jedyne co my musimy zrobić to w umiejętny sposób odwołać się w kodzie HTML do odpowiedniej klasy CSS. Oczywiście gotowa biblioteka praktycznie nigdy nie wystarczy do zbudowania strony, jest ona jednak traktowana jako podstawa.
Nazwy frameworkw CSS takich jak Bootstrap czy Foundation z pewnością osobą zajmującym się budową stron internetowych nie są obce. Na nich oczywiście świat się nie kończy. Są to bowiem najpopularniejsze frameworki, ale nie jedyne. Inne popularne to:
Wielu „programistów” szczególnie takich pracujących w małych lub średnich agencjach interaktywnych i marketingowych (chociaż nie tylko) wykorzystuje frameworki w swojej codziennej pracy. W większości przypadków wybór frameworka zależy też od technologii w jakiej wykonuje się strony. Nie wszystkie biblioteki mogą być bowiem zawsze używane.
Ustandaryzowanie we firmach biblioteki ma też zastosowanie bardziej praktyczne, taki projekt można bowiem później przekazać dowolnej osobie. I jeśli zna też tą technologię to może praktycznie bez większego problemu np. zaktualizować stronę lub ją rozbudować o kolejne elementy.
Wśród zalet bibliotek z pewnością warto wymienić:
Tak samo jak zalety frameworki posiadają także swoje wady:
Wydaje mi się, że to są najczęstsze uwagi jakie słyszałam od innych twórców stron internetowych. Być może macie jeszcze jakieś swoje.
W praktyce zawsze wykorzystujemy jedynie część gotowego frameworka (np. jedno z rozwiązań biblioteki). Nie spotkałam się ani też nie słyszałam by komuś udało się skorzystać lub była mu potrzebna cała biblioteka. A co ważniejsze to bardzo często też trzeba dołożyć całkiem sporo własnego kodu lub dodać kolejne biblioteki JS lub CSS – by osiągnąć potrzebny efekt.
W większości używa się tylko grida i czasami menu czy przycisków z przeróbkami (nie rzadko ze zmianami w kodzie CSS). Oczywiście to też uzależnione jest od biblioteki oraz efektu jaki chcemy uzyskać.
Dlatego też wielu Front-end Developerów dochodzi do wniosku, że to nie ma sensu. Lepiej samemu coś napisać dopasowanego pod własne potrzeby lub wyciągnąć z biblioteki jedynie interesujący nas fragment kodu.
My tu tak naprawdę jednak rezygnując z frameworka nie pozostajemy sami sobie. W Internecie można znaleźć wiele ciekawych generatorów ciekawych generatorów Gridów (siatek) o które można oprzeć budowaną stronę. Przy ich użyciu oraz np. dodaniu Flexbox można często stworzyć
Budowa takiej strony z pewnością jednak może być bardziej czasochłonna. I nie koniecznie zrozumiała dla osoby, która miała by taką witrynę zaktualizować. Co ciekawe po pewnym czasie my sami możemy się w tym kodzie pogubić.
Trudno powiedzieć, to w gruncie rzeczy kwestia indywidulanych preferencji. Oraz bardzo często polityki firmy w której aktualnie pracujemy. Czasami bowiem mamy narzuconą technologię w jakiej pracujemy a tym samym i konkretną bibliotekę. A tego już nie przeskoczymy.
źródła:
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…
