Prehľad základnej teórie FLEX BOXu

Od Peter Tokoš

Flexbox (flexible box) je technológia v CSS, ktorá umožňuje flexibilné usporiadanie elementov v jednoduchom, no výkonným spôsobe. Flexbox je ideálny pre vytváranie responzívnych rozložení, kde sa elementy prispôsobujú veľkosti obrazovky a zariadenia. Flexbox kontajner obsahuje jednu alebo viacero flexbox elementov. Každý flexbox element môže byť umiestnený do flexbox kontajnera. Flexbox kontajner definuje základné vlastnosti usporiadania…

Ako na responzívny element s využitím FLEX BOXu

Od Peter Tokoš

Ukážeme si príklad HTML a CSS kódu na vytvorenie responzívneho elementu s obrázkom a textom vedľa seba. Tento kód používa flexbox a zabezpečuje, že obrázok a text sa zobrazia vedľa seba na širokých obrazovkách a nad sebou na užších obrazovkách. Tento kód používa flexbox a zabezpečuje, že obrázok a text sa zobrazia vedľa seba na…

Ako na responzívnu webovú stránku s využitím FLEX BOXU

Od Peter Tokoš

Pomocou šiestich príkladov si vysvetlíme použitie FLEX BOXU pri tvorbe responzívnej webovej stránky. Príklad 1: jednostĺpcový layout – hlavička s obrázkom Príklad 2: trojstĺpcový layout – tri stĺpce s textom Príklad 3: trojstĺpcový layout – tri stĺpce s textom a farebným pozadím Príklad 4: viac položiek vedľa seba – využitie pri fotogalérii Príklad 5: presné…

Ako si vytvoriť fotogalériu s administráciou

Od Peter Tokoš

V roku 2021 som vytvoril webinár zameraný na veľmi zjednodušenú tvorbu fotogalérie s použitím frameworku Bootstrap, administráciou s nahrávaním a mazaním obrázkov. Súčasťou projektu nie je ošetrenie prístupu k administračnému formuláru. Cieľom bolo vysvetliť a ukázať postup práce pri tvorbe fotogalérie, ošetrenie nahrávaných súborov z hľadiska ich dátovej veľkosti a typu pomocou funkcií, nahrávanie súborov…

Ako na pekné URL adresy

Od Peter Tokoš

URL adresy podstránok úzko súvisia so SEO optimalizáciou. Obzvlášť sa je potrebné tomuto problému venovať, ak je navigácia vo webových stránkach riešená napr. prostredníctvom prepínača switch(). Ak  používame tzv. „pekné“ URL adresy, prispieva to k posilňovaniu SEO. A presne o to ide, aby webové stránky dosahovali čo najlepšie pozície vo vyhľadávačoch. Ak je navigácia vo webových stránkach riešená…

Základná štruktúra HTML dokumentu. Čo všetko má obsahovať?

Od Peter Tokoš

Aby webové stránky mali čo najväčšiu návštevnosť, musia dosahovať najlepšie pozície vo vyhľadávačoch. Na túto skutočnosť vplýva niekoľko faktorov, ako je pútavý obsah, zaujímavá grafika, ale i kvalita spracovania zdrojového kódu.  Aby  webová stránka „spolupracovala“ s vyhľadávačmi, napr. Googlom, musíme na to myslieť už na začiatku jej tvorby. Základom kvalitnej webovej stránky je správne nakódovaná…