Moderné frameworky ho mali nahradiť. Prečo CSS stále drží internet pokope?

Niektoré technológie odpisujeme príliš rýchlo. Stačí, aby sa objavil modernejší nástupca, nový marketingový názov a niekoľko veľkých výrobcov, ktorí vyhlásia, že budúcnosť patrí niečomu inému.

Ale práve v bežnom živote sa často ukáže, že staré riešenia majú stále veľmi dobrý dôvod existovať. V tomto seriáli sa venujeme presne takýmto príkladom.

Technológiám, ktoré mali podľa trendov a marketingu dávno zmiznúť, no v skutočnosti sa ich stále držíme. Nie zo zvyku, ale preto, že sú praktické, spoľahlivé a v mnohých situáciách jednoducho fungujú lepšie než modernejšie alternatívy.

Po USB-A, Bluetooth, SMS, PDF, audio jacku, HDD disku, SIM karte, Ethernete, SD kartách, e-mailoch, HDMI, QR kódoch, USB kľúči, diaľkovom ovládači, FM rádiu, budíku, MP3, fyzických médiách, LCD displejoch, PIN kóde, CAPTCHA, microSD karte a JPEG sa dnes pozrieme na technológiu, ktorú bežní používatelia vôbec nevidia, no bez nej by internet vyzeral úplne inak, a to CSS.

Keď sa v roku 1996 objavil jazyk CSS, jeho úloha bola pomerne jednoduchá. Oddeliť vzhľad webovej stránky od jej obsahu. Zatiaľ čo HTML určovalo štruktúru stránky, CSS sa staralo o farby, písma, rozloženie, medzery či animácie.

Na tú dobu išlo o obrovský krok vpred. Webové stránky už nemuseli obsahovať množstvo opakujúceho sa formátovania a ich dizajn sa dal meniť oveľa jednoduchšie. Odvtedy však internet prešiel obrovskou premenou.

Vznikli moderné frameworky, vývojári začali vytvárať komplexné webové aplikácie a dnes sa čoraz viac hovorí aj o umelej inteligencii, ktorá dokáže generovať celé webové stránky. Mohlo by sa preto zdať, že CSS už stratilo význam. Realita je však presne opačná.

Bez ohľadu na to, či je web vytvorený pomocou Reactu, Angularu, Vue, Svelte alebo iného moderného frameworku, výsledok sa nakoniec vždy zobrazí pomocou CSS. Frameworky síce uľahčujú vývoj, no samotné vykreslenie vzhľadu stránky je stále postavené na technológii, ktorá vznikla pred takmer tromi desaťročiami.

Dnešné CSS už dávno nie je len o zmene farby textu alebo veľkosti písma. Podporuje responzívny dizajn, animácie, tmavý režim, premenné, pokročilé selektory či moderné systémy rozloženia ako Flexbox a Grid. Mnohé funkcie, ktoré ešte pred pár rokmi vyžadovali JavaScript, dnes zvládne samotné CSS.

Zaujímavé je, že aj nástroje umelej inteligencie generujúce webové stránky vytvárajú na pozadí práve HTML a CSS. AI síce dokáže urýchliť prácu vývojára, no samotný web sa nakoniec stále zobrazuje pomocou rovnakých štandardov.

Veľkou výhodou CSS je aj jeho univerzálnosť. Podporujú ho všetky moderné webové prehliadače a funguje na počítačoch, smartfónoch, tabletoch aj inteligentných televízoroch. Vývojár môže vytvoriť jeden štýl a ten sa prispôsobí rôznym zariadeniam.

Dôležitá je aj spätná kompatibilita. Staršie webové stránky vytvorené pred rokmi často fungujú dodnes práve preto, že CSS sa vyvíja veľmi opatrne a zachováva kompatibilitu s existujúcim obsahom.

Samozrejme, CSS má aj svoje nevýhody. Pri rozsiahlych projektoch môže byť jeho správa náročná a vývojári často používajú rôzne knižnice alebo nástroje na organizáciu štýlov. Ani tie však CSS nenahrádzajú, len uľahčujú prácu s ním. Pre lepší prehľad sa oplatí pozrieť na základné rozdiely.

Z tabuľky je vidieť, že moderné frameworky síce prinášajú nové možnosti, no CSS zostáva základným stavebným prvkom každého webu. Bez neho by internet vyzeral ako jednoduché stránky z 90. rokov.

CSS je tak ďalším príkladom technológie, ktorá mala podľa mnohých ustúpiť modernejším riešeniam. Namiesto toho sa neustále vyvíja a dodnes tvorí jeden zo základných pilierov webu.