webové stránky a aplikácie / programovanie / databázové systémy / dizajn / SEO / vzdelávanie
Aplikácia na počasie vypíše po zadaní názvu mesta základné informácie o počasí, ako teplotu a vlhkosť vzduchu, stav oblohy a rýchlosť vetra. Základné informácie o počasí budeme čerpať z portálu OpenWeatherMap, na ktorý je potrebné sa zaregistrovať. Získame tak API kľúč potrebný pre našu aplikáciu. Návod: 1) Získajte API kľúč pre počasie 2) Vytvorte základ…
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…
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…
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é…
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…