Preprocesory CSS - czym i po co są : Pozycjonowanie

Preprocesory CSS - czym i po co są?

Jak wiadomo CSS – czyli arkusze stylów kaskadowych, są jednym z podstawowych języków programowania dla front-end-developerów. Językiem tym można wskazać przeglądarkom jak ma prezentować się wizualna część witryny. To co kiedyś generowano tagami HTML bezpośrednio w kodzie teraz czyni się w CSS, niemniej jednak jak się okazuje od jakiegoś czasu jest jeszcze lepsze rozwiązanie zwane preprocesorami CSS. Rozwiązanie to jest przez jednych uważane za lepsze, innych zaś za gorsze. Czym zatem są pre-procesory i po co są? O tym w dzisiejszym artykule.

Plusy i minusy SCSS

Nie da się ukryć, iż w programowaniu te rozwiązania, które są najszybsze dają najlepsze efekty, dlatego też w przypadku tego rozwiązania zdecydowanie trzeba by powiedzieć, iż pre-procesory mają dużą przewagę, ponieważ po kompilacji otrzymuje się błyskawicznie kod CSS. Minusem tego rozwiązania jest to, że w zasadzie spora część przeglądarek nie wspiera jeszcze tego rozwiązania, chociaż za niedługo pewnie już tego problemu nie będzie.

Jak to działa?

Zmienne jak wiadomo w każdym rozwiązaniu programowania są kwestią podstawową, zawierają dane na których się bazuje, również i w SCSS jest to rozwiązanie, niemniej jednak jeszcze ważniejszą kwestią jest to, że plik wynikowy pracy preprocesora widoczny jest w formie zwykłego pliku CSS, dlatego też trzeba pamiętać iż w zasadzie na razie przeglądarki nie powinny mieć problemu z odczytaniem tego co chcemy aby było widoczne, ponieważ można wszystko ustawić w strukturze strony jako zwykły CSS. Jeśli chodzi o działania od kuchni, to trzeba najpierw pamiętać o tym, aby zainstalować: https://sass-lang.com/ i potem można w tym 'kodować'.

Natomiast jak programować w SCSS trzeba by poświęcić osobne opracowanie, które na potrzeby tego artykułu nie ma sensu rozpisywać, ponieważ celem było tylko i wyłącznie wskazanie tego jakie zmiany będą niebawem obowiązywały jako standard.

Podsumowanie

W niniejszym opracowaniu wskazaliśmy Wam jakie dobrodziejstwa niesie ze sobą możliwość korzystania z pre-procesorów CSS. Fakt tego, że możliwość stosowania zmiennych oraz zagnieżdżania selektorów powinno znacząco ułatwić stosowanie stylów. Jeśli chodzi o możliwości stosowania oprogramowania do tego celu to są dwie możliwość Sass lub Less, sami przejrzyjcie rozwiązania, które będą Wam najlepiej odpowiadały i na pewno warto jest abyście poświęcili nieco czasu na doszkolenie się w tym temacie, ponieważ przyniesie Wam to znaczące korzyści.