Štítek: CSS

Automatizace s Gruntem

Automatizace s Gruntem

Grunt je skvělý nástroj pro automatizaci opakujících se úkolů. S obrovským množstvím balíčků, které nabízí, si můžete při vývoji odpustit hodně práce. V článku si ukážeme na příkladu jak Grunt využít.

Přečíst celý článek

Obfuskace emailu

Obfuskace emailu

Obfuskace, neboli znepřehlednění, nám pomůže bránit se vyhledávacím robotů. Ti stále prohledávají weby a hledají nové emailové adresy, kam posílat nevyžádanou poštu. Obrana někdy může být velmi jednoduchá, ale je vůbec zapotřebí?

Přečíst celý článek

Dodržení proporcí elementu při responzivu

Dodržení proporcí elementu při responzivu

Nedávno jsem řešil problém, jak při zmenšování elementu v responzivním designu dodržet jeho výšku vůči šířce ve stejném poměru. Řešení není příliš složité, funkční ve všech prohlížečích i bez použití JavaScriptu.

Přečíst celý článek

Vyplnění elementu obrázkem

Vyplnění elementu obrázkem

Ukážeme si jednoduchý trik, jak div nebo jiný blokový element vyplnit obrázkem, který následně i vycentrujeme. Samozřejmě počítáme i s použitím u responzivního designu.

Přečíst celý článek

Zvýraznění syntaxe zdrojových kódů

Zvýraznění syntaxe zdrojových kódů

Zvýraznění syntaxe je základ textových editorů a vývojářských nástrojů. Pokud ale dáváme zdrojové kódy na web, může se někdy hodit zvýraznit syntaxi pro lepší čtení a orientaci. Pro svůj blog jsem také syntax highlighter hledal a našel. Ukážeme si použití a porovnáme s pár dalšími.

Přečíst celý článek