Přejít k navigační liště

Zdroják » Značkovací jazyky » Strana 3 » Strana 3 z 10

Archiv pro štítek: Značkovací jazyky

Články ‐ ‐ Webdesign ‐

Videopřehrávač, zabudovaný přímo do specifikace HTML5, není jen pokusem nahradit „asfaltovou skvrnu“ přehrávačů ve Flashi. To, že video není přehráváno v pluginu, znamená, že s ním lze přímo manipulovat pomocí webových technik (JavaScript apod.) Dnes si ukážeme některé efekty, které lze s přehrávaným videem provádět.

Články ‐ ‐ Webdesign ‐

Už jste se někdy přistihli, že si ukládáte informace k dalšímu zpracování k elementům do atributů rel nebo class? Pokud ano, máme pro vás skvělé novinky: v HTML5 si můžete uložit libovolné informace do vlastních atributů, které jsou pro toto použití přímo určené. Pojďme si ukázat, jak na to.

Články ‐ ‐ Webdesign ‐

Drobečková navigace je stále populárnější a ve webdesignérských a UX kruzích se probírá její správný vzhled, umístění a logika. Méně pozornosti se věnuje jejímu kódování, tedy zápisu v HTML. V článku si ukážeme několik možných způsobů vytvoření HTML kódu pro tento navigační prvek.

Články ‐ ‐ Webdesign ‐

Kaskádové styly jsou dnes až na výjimky přijímány jako standard pro popis vizualizace formátu hypertextových dokumentů. Koncepce jednoduchého popisu s sebou ale nese některé nevýhody, které se snaží překonat různé nadstavby a preprocesory. Jedním z nich je LESS, který si představíme v dnešním článku.

Články ‐ ‐ Webdesign ‐

Jestli se web něčím odlišuje od tištěných médií, tak je to velmi složitá kontrola vzhledu písma a textu. Weboví grafici ví, že používat zarovnání do bloku je neskutečně špatný nápad, že by měli by používat jen tzv. bezpečné fonty (které se vyskytují na většině počítačů) a že každý operační systém (a často i prohlížeč) si vykreslí písmo trošku jinak. CSS3 se snaží tyto problémy řešit, pojďme se podívat, jak se mu to daří.

Články ‐ ‐ Webdesign ‐

Všichni se shodneme, že základem CSS jsou selektory. Jak zacílit konkrétní část HTML bylo vždycky dobrým tématem na dlouhé diskuse s kolegy kodéry. Co je udržitelnější do budoucna? Co je rychlejší? CSS3 přináší do téhle diskuse mnoho novinek, které nám mohou usnadnit práci či umožnit věci, o kterých jsme dříve mohli tak leda snít.

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.