Návody

Media Queries

Pokud jste již pronikli do tvorby responzivního webu například pomocí Bootstrapu 3, pak je načase seznámit se s Media Queries. Pomocí nich snadno přizpůsobíte obsah webových stránek tak, aby se vše zobrazovalo správně jak na PC, tabletu nebo mobilu.

Číst více

Pseudotřídy

Pokud potřebujete nastavit vlastnosti selektorům ve specifických okamžicích, tak můžete využít pseudotřídy, které jsou určeny přesně k těmto účelům.

Číst více

Formulářový prvek pro přidávání štítků

V tomto návodu si ukážeme, jak udělat pokročilý input pro štítky. Tento formulářový prvek je často používaný u novinkových serverů, blogů nebo třeba stránek s návody (jako je ta naše :-) ). Využijeme k tomu HTML, CSS a JS s knihovnou jQuery.

Číst více

Bootstrap 3 - Defaultní barvy

Boostrap 3 je velmi využívaný nejen díky své responzibilitě, ale i také díky svým továrně nastaveným stylům, které udělají Váš web vizuálně čistý, přehledný... Takže nač se trápit s grafikou, když stačí znát a používat ty správné třídy!

Číst více

Hover tlačítek pomocí pseudo-elementů

Ukážeme si, jak lze využít pseudo-elementů ::before a ::after pro nápadité hover efekty tlačítek. Připravili jsme pro vás pět příkládů pro inspiraci, co je možné s pseudo-elementy vytvořit.

Číst více

Poznámky v kódu

Ztrácíte se v kódu, který jste napsali? Chtěli byste ho zpřehlednit? Pak si určitě přečtěte tento článek. Ukážeme vám, jak vložit poznámku do kódu a k čemu ji vhodně použít.

Číst více

Pozicování v CSS

Pro tvorbu složitějších návrhů je nezbytné znát chování CSS vlastnosti "position". Vysvětlíme si její základní chování a ukážeme si několik příkladu použití.

Číst více

Odlišení barvy odrážky a textu

Možná jste již při tvorbě svých webových stránek narazili na otázku jak odlišit barvu odrážky a barvu textu. Řešení tohoto problému není nikterak složité. Použijeme pseudo-element ::before a na několika odrážkách si ukážeme jak na to.

Číst více