Trendy ve webdesignu

Přemýšlíte o novém webu, ale nevíte, do čeho jdete? To je naprosto v pořádku, vývoj webových stránek je pro většinu lidí terra incognita. V tomto článku vám krok za krokem ukážu, jak celý proces vypadá od první schůzky až po spuštění a provoz. Budete přesně vědět, co vás čeká, co se od vás očekává a proč jednotlivé fáze trvají, jak trvají.

Tvorba webového designu není jen o estetice, ale především o funkčnosti a čitelnosti. Jako grafik dnes netvoříte jen „obrázek" webu, stavíte uživatelské rozhraní, které musí návštěvníka vést k cíli. Níže najdete strukturovaný přehled pravidel, která tvoří základ každého funkčního webového designu.

SMACSS, což je zkratka pro Scalable and Modular Architecture for CSS (Škálovatelná a modulární architektura pro CSS), představuje metodiku a sadu doporučení pro psaní a organizaci CSS kódu. Nejedná se o rigidní framework nebo knihovnu, kterou by bylo nutné stahovat či instalovat. Místo toho SMACSS funguje spíše jako průvodce stylem (style guide), který nabízí flexibilní myšlenkový proces pro analýzu designu a strukturování CSS.

Tento článek se zabývá konvencemi pro pojmenování CSS tříd používanými v rámci systému pro správu obsahu Drupal. Cílem je popsat přístup k používání oddělovačů, konkrétně jednoduché pomlčky (-), dvojitého podtržítka (__) a dvojité pomlčky (--) pro definování struktury a variant uživatelského rozhraní. Dodržování jednotných standardů kódování je v ekosystému Drupalu klíčové, neboť zajišťuje konzistenci kódu napříč projekty, usnadňuje spolupráci mezi vývojáři a zvyšuje dlouhodobou udržovatelnost a čitelnost kódu.

Počátky internetu a raného World Wide Webu charakterizoval exponenciální růst informací, které však postrádaly efektivní strukturu. Uživatelé čelili zásadnímu problému: jak nalézt konkrétní data v tomto rychle se rozpínajícím digitálním prostoru plném FTP serverů, Gopher prostorů a prvních webových stránek. Bez nástrojů pro vyhledávání byla navigace tímto prostředím srovnatelná s hledáním v obrovské knihovně bez katalogu.

WebM je moderní formát videa vyvinutý společností Google, který poskytuje efektivní kompresi při zachování vysoké kvality. Je určen především pro webové prostředí a konkurencí zavedeným formátům, jako jsou MP4 nebo Ogg Theora.

WebP je moderní formát obrázků vyvinutý společností Google, který nabízí lepší kompresi než tradiční formáty jako JPEG a PNG. Díky tomu umožňuje snížit velikost souborů při zachování vysoké kvality, což zrychluje načítání webových stránek a zlepšuje uživatelský zážitek.

Při přípravě obsahu pro webové stránky je důležité používat vhodné formáty obrázků, které zajistí rychlé načítání stránek a zároveň zachovají kvalitu zobrazení. V tomto článku najdete přehled nejpoužívanějších formátů obrázků pro web a doporučení, kdy který formát použít.