Webdesign.
CSS3 a SVG, typografie na webu, layout pomocí em, minifikace a zabezpečení přes HTTP hlavičky. Plus HTML šablony, které jsem tehdy vydával zdarma, a reference z realizovaných projektů. Texty jsou z let 2011–2017, takže je technicky berte s ohledem na dobu vzniku.
Nová HTML šablona ke stažení – Green Coder 2
Opět, jak je mým zvykem, je šablona, kterou jsem si před pár měsíci vytvořit pro svůj web zdarma ke stažení a přidělal jsem k ní pár barevných variant.…
Srdce v CSS
Názorná ukázka jak se pomocí CSS3 dá vykreslit srdce bez jediného obrázku. Jde o poměrně jednoduchý objekt, stačí si pouze představit z čeho se jednoduché srdce skládá: čtverec…
Jak by mohl vypadat Týden.cz?
Další web, který jsem si vzal na paškál je Týden.cz. Vyměnil jsem logo za to, které používají v tištěné verzi, pouze s ".cz" navíc. Sjednotí to tak identitu…
Jak by mohl vypadat Bazoš.cz?
Už to asi můžete brát jako regulérní úchylku... :-D Ne, vážně, na některé weby se opravdu nedá koukat. Připravil jsem drobnou ukázku toho, jak by Bazoš mohl vypadat.…
Jak by podle mě měla vypadat úvodní stránka Seznamu
Našel jsem si trochu času a zkusil navrhnout, jak by podle mě měla vypadat úvodní stránka Seznamu. Mě osobně se totiž vůbec nelíbí. Příliš barevná a spoustou věcí…
Nové HTML šablony zdarma
Do webových HTML šablon zdarma jsem dnes přidal tři novinky. Jedná se o jednoduché vizitky, které mají na pozadí velké fotografie měst: České Budějovice, Hlubokou na Vltavou nebo…
Reference: Grafický návrh pro malířku
Nejen kodéřinou a programováním je člověk živ. Občas si něco nahreslím a někdy to není úplně nejhorší :), jako například následující grafický návrh microwebu pro paní malířku.
CSS3 – Vyjíždějící popis u obrázku
V novém designu webu používám vyjíždějící popis u obrázků (konkrétně u referencí). Je to jednoduchý styl: .obrazek { height: 176px; width: 281px; } .obrazek .obrazek-in { width: 281px;…
Green coder – nová šablona zdarma
Vytvořil jsem si nový design pro své portfólio a jak je mým zvykem, dávám jeho kód ke stažení zadarmo všem pod licencí Creative Commons Attribution na stránku templates.katuscak.cz.…
Layout stránky pomocí jednotky em
Dlouhou dobu se jako standardní jednotka při tvorbě webu používalo "px". Tedy velikosti prvků podle obrazových bodů - pixelů. Jenomže pak přišel responzivní design a retina displeje. Pokud…
Dvě nové open-source šablony
Dnes jsem ve volné chvíli přidal další dvě šablony mojí tvorby na stránky templates.katuscak.cz. Jedná se o univerzální šablony, používající font Lobster (odtud názvy šablon - Violet Lobster…
Využijte efektů CSS3 i na starém IE
Internet Explorer ve verzi 8 moc technologií z CSS3 nepodporuje. Kromě :before a :after ještě určitou část selektorů, ale jinak je na tom velmi bídně. A přitom je…