📘 CSS chybějící manuál, David Sawyer McFarland

Nejlepší kniha na naučení se css kódování

Hledáte knihu, která by vás protáhla začátky CSS nebo pomohla zaplnit nějaké mezery ve vědomostech? Říkáte si občas, že snad není možné, jak vás to CSSko neposlouchá? Možná vám přijde vhod CSS chybějící manuál.

Na tuhle knihu jsem narazila ve chvíli, kdy jsem už docela normálně kódovala, ale občas jsem měla pocit, že si to ve finále dělá, co chce. A taky jsem chtěla znalosti nějak ucelit,

 » Přečíst si celý článek « 

5 skvělých zdrojů obrázků zdarma

Kde hledat obrázky zdarma?

Jde dneska v onlině světě existovat bez obrázků? Docela těžko. Ne vždycky ale máme možnost si pořídit vlastní fotky nebo ilustrace, navíc v dostatečné kvalitě. V takovým případech ale nejsme ztracení, naštěstí…

Jak na obrázky zdarma?

O tom, jak vůbec používat cizí obrázky, jsem psala před dobou (tady). Obrázky vytvořené někým jiným můžeme používat jen v případě,

 » Přečíst si celý článek « 

Co je CSS a k čemu nám je dobré? CSS #1

Co je CSS kód a jak ho využijeme na blogu?

Online svět je plný zkratek a kolem spousty můžeme projít bez povšimnutí. Né tak ale v případě CSS. Proč? Co se za ním skrývá a proč se vyplatí mít o něm aspoň ponětí?

Cascading Style Sheets

CSS je zkratka vytvořená z anglického termínu Cascading Style Sheets, česky kaskádové styly (nebo jen styly). Je to jazyk, který se používá k popisování toho,

 » Přečíst si celý článek « 

5 důvodů, proč na obrázcích v online světě záleží

5 důvodů, proč záleží na tom, jaké obrázky používáme na webu nebo blogu

Za posledních pár let se relativně obyčejné weby a blogy dost proměnily. A taky se změnil způsob, jakým jsou konzumovány. Původní šeď a nekonečné šňůry slov byly nahrazeny barvami, obrázky, animacemi, videy. A my, tvůrci webů, to musíme zohlednit při naší tvorbě. Jinak s námi bude ámen.

1 obrázek = 1000 slov

Ano, je to ohrané. Ale to neznamená, že to není pravda.

 » Přečíst si celý článek « 

Testování responzivnosti našeho webu

Jak otestujeme, že je náš web responzivní?

Nedávno jsem psala o responzivitě a důvodech, proč je důležitá. Dneska se přesuneme trošku víc do praxe. Je totiž hezké vědět, co a jak má fungovat, nicméně my si potřebujeme ověřit. že tomu tak skutečně je. Jak tedy nejlépe otestujeme, jestli je náš web správně responzivní?

Já používám při tvoření několik způsobů testování, protože spolehnout se jen na jeden, to není nic pro mě.

 » Přečíst si celý článek « 

5 chyb, které zbytečně kazí webu úspěch

Pět chyb, které kazí webu úspěch

Udělat si nebo pořídit dneska web nebo blog je relativně snadné. Háček je ale spíš v tom, že ne vždy je výsledek dotažený. Z různých důvodů se velmi často na webech objevují všelijaké drobné problémy, které zbytečně odrazují návštěvníky nebo jim dělají procházku webem komplikovanější. A nám jako majitelům stránek záleží přeci na tom, aby právě k tomuto nedocházelo.

Tady přináším 5 velmi častých drobností,

 » Přečíst si celý článek « 

Proč některá písma nefungují a co s tím?

Proč na webu některá písma/písmena nefungují?

Vidím to stále častěji… Pěkný design, ale v textu se objevují znaky, které tam nepatří. Někdy jsou to písmenka maličko jiného stylu, jindy to jsou znaky, které vyloženě vyskakují z textu a úplně kazí dojem ze všeho. A občas je dokonce místo písmene čtvereček nebo prostě prázdno. Proč?

Poslední roky se roztrhl pytel s různými písmy a s radostí je uplatníme při vlastním tvoření.

 » Přečíst si celý článek « 

Bílý prostor, důležitý prvek designu

Bílá barva a bilý prostor jako důležitý prvek designu

Že je bílá nudná, nestylová, neoriginální? Omyl. Bílá, lépe řečeno bílý nebo i prázdný prostor (v angl. často označovaný jako whitespace), je jedním z nejdůležitějších prvků designu stránky. Proč?

Webdesign se vyvíjí a postupem času se stává „rozumnějším“ – vytahuje si ty prvky, principy, pravidla, které se ukázaly jako funkční, a aplikuje je a rozvíjí. Zároveň trochu přehodnocuje pohled na krásu. Co je a nebo není krásné,

 » Přečíst si celý článek « 

RGB barvy (nejen pro web)

RGB barvy - o co se jedná a kdy a jak to použijeme?

I když miluju bílou, bez barev přeci jen nedám ani ránu. Ale… žít ve dvou barevných světech vůbec není lehké! O čem mluvím? O realitě a o RGB světě monitorů…

Co je RGB?

RGB je zkratkou pro Red Green Blue a označením pro barevný model využívaný k práci s barvami na monitorech a dalších zařízeních. Cokoliv, co vidíme například na obrazovce,

 » Přečíst si celý článek « 

Co je to responzivní design a proč ho nutně potřebujeme?

Responzivní web, responzivní design - co to je?

Slovo responzivní se už pár let skloňuje ostošest. Pořád ale ještě spousta webů respozivních není a nebo jen částečně. Tahle vlastnost je přitom jedna z klíčových a do značné míry na ní závisí, jak rádi nás budou mít návštěvníci i Google.

Co je responzivní web?

Responzivní web nebo lépe řečeno respozivní design je takový koncept, který zaručí, že se stránka správně zobrazí na všech zařízeních –

 » Přečíst si celý článek «