Anniversary - BF C/C++ week
80 % bodů zdarma na online výuku díky naší Narozeninové akci!
Pouze tento týden sleva až 80 % na e-learning týkající se C/C++

Responzivní webdesign

Úvod do responzivního webdesignu

Lekce 1

Úvod do responzivního webdesignu

HTML a CSS tutoriál uvede do responzivního webdesignu pro mobilní zařízení, přizpůsobíme web pro telefon a pochopíme rozdíl mezi fyzickým a CSS pixelem.
Napsal Štěpán Zavadil
NovéZdarma Zobrazit popis
Responzivní webdesign pomocí Media Queries v CSS 3

Lekce 2

Responzivní webdesign pomocí Media Queries v CSS 3

V tutoriálu si vysvětlíme mobile first a desktop first přístupy pro tvorbu responzivních webů pro mobilní zařízení a pomocí media queries vytvoříme ukázku.
Napsal Honza Bittner
Zdarma Zobrazit popis
Responzivní menu

Lekce 3

Responzivní menu

V článku si vytvoříme jednoduché responzivní menu metodou mobile-first. Řekneme si, na co si dávat pozor a jakým způsobem zajistit co nejlepší chod.
Napsal Honza Bittner
Zdarma Zobrazit popis
Dokončení responzivního menu

Lekce 4

Dokončení responzivního menu

V lekci si vytvoříme jednoduché responzivní menu metodou mobile-first pro desktopy a tablety s využitím @media.
Napsal Honza Bittner
Zdarma Zobrazit popis
Responzivní obrázky - Resolution switching a Art redirection

Lekce 5

Responzivní obrázky - Resolution switching a Art redirection

V HTML a CSS tutoriálu si ukážeme několik způsobů, jak přizpůsobit obrázky na našem webu pro mobilní zařízení a to jak rozměrem, tak i obsahem.
Napsal Štěpán Zavadil
NovéPremium Zobrazit popis
Úvod do CSS grid systémů

Lekce 6

Úvod do CSS grid systémů

V CSS tutoriálu si ukážeme, jak responzivně pozicovat prvky pomocí grid systému na naší stránce a ukážeme si pár příkladů.
Napsal Štěpán Zavadil
NovéZdarma Zobrazit popis
Grid systém od Flexbox Grid

Lekce 7

Grid systém od Flexbox Grid

V tomto CSS tutoriálu se blíže podíváme na to, jak pracovat s grid systémem od flexboxgrid.com a ukážeme si jeho různá nastavení.
Napsal Štěpán Zavadil
NovéZdarmaNehodnoceno Zobrazit popis
Dokonalá HTML hlavička - 1. díl

Dokonalá HTML hlavička - 1. díl

V tomto tutoriálu si ukážeme jak správně vypadá moderní HTML hlavička, připravená na všechna mobilní zařízení a sociální sítě.
Napsal Vojtěch Mašek (Woyta)
Zdarma Zobrazit popis
Dokonalá HTML hlavička - 2. díl

Dokonalá HTML hlavička - 2. díl

Pokračování tutoriálu na tvorbu moderní HTML hlavičky. Tentokrát si doplníme do našeho kódu pár šikovných vychytávek.
Napsal Vojtěch Mašek (Woyta)
Zdarma Zobrazit popis
Flexbox - Tvorba moderních layoutů

Flexbox - Tvorba moderních layoutů

V CSS 3 se nám objevila nová možnost na tvorbu moderních layoutů - flexbox. V tutoriálu se naučíme jednoduše vytvořit sloupcový, responzivní layout.
Napsal Jan Lupčík
Zdarma Zobrazit popis

Hotové responzivní komponenty

Responzivní menu SogoCZE

Responzivní menu SogoCZE

Výherní menu vytvořené do soutěže Machr na webdesign - responzivní menu. Menu se umí přizpůsobit velikosti obrazovky a je vytvořené v HTML, CSS a jQuery.
Napsal Patrik Smělý
 1 095xZdarmaVydáno: 2015 Zobrazit popis


 

Aktivity (2)