Výpis článků s tagem CSS

DataURI - zrychlujeme po čtvrté

21.10.2014 17:23 Pavel Zrychlení webu, CSS DataURI - zrychlujeme po čtvrté

Dnes si představíme možnost vkládání obrázků přímo do CSS souborů, tak abychom nemuseli stahovat všechny obrázky zvlášť. Každý požadavek na server prodlužuje dobu načítání. Díky DataURI stáhneme jeden CSS soubor včetně obrázků.

Číst více  »

Minifikace - zrychlujeme po třetí

14.10.2014 08:47 Pavel Zrychlení webu, JavaScript, CSS Minifikace - zrychlujeme po třetí

Pokračujeme ve zrychlování webu za pomocí minifikace. Nyní minifikujeme CSS a JS soubory připravenými nástroji. Ale snížíme velikost PNG obrázků, kde můžeme dosáhnout až 80% ušetření velikosti, bez okem znatelné ztráty kvality.

Číst více  »

Jednoduchý tooltip

9.10.2014 09:17 Pavel Tipy & triky, JavaScript, CSS Jednoduchý tooltip

Tooltip, vyskakovací okénko s nápovědou. Ukážeme si použití velmi jednoduchého řešení, které pro mnoho použití je naprosto dostatečné a zabírá jen 3kB v CSS i JS dohromady.

Číst více  »

SVG a PNG Sprite, zrychlujeme podruhé

30.9.2014 10:09 Pavel 3 Zrychlení webu, JavaScript, CSS SVG a PNG Sprite, zrychlujeme podruhé

Opět si zrychlíme web pomocí velmi staré techniky sprite, neboli vložení více obrázků do jednoho. Ukážeme si moderní SVG metodu a jak zjistit její podporu přes JavaScript Modernizr. Pro nepodporované prohlížeče si vytvoříme PNG fallback.

Číst více  »

Novinky z blogu

Async / await

Asynchronní programování v Javascriptu bez callbacků a Promise nemusí být nutně sci-fi. Co všechno umí klíčová slova async /...

Další články