CSS

Online výuka webových technologií zdarma tento víkend

Online výuka webových technologií zdarma tento víkend

Tento víkend se objevily přinejmenším dvě akce, díky kterým se můžete zdarma naučit nejrůznější webové technologie, případně si rozšířit obzory o další znalosti. Bezplatný víkend doporučuji využít. Venku je stejně ošklivo…

Víkendový tip: fonty, barvy, ikonky, SVG

Víkendový tip: fonty, barvy, ikonky, SVG

Z uplynulých konferencí se mi nahromadilo několik zajímavých odkazů, o které bych se s vámi rád podělil. V článku najdete pár tipů na služby pro stažení fontů, ikonek, souborů SVG a zjištění barev.

iPad a Coda: vše, co potřebuje webař na cestách

iPad a Coda: vše, co potřebuje webař na cestách

Dlouho jsem hledal řešení, které mi umožní být dostatečně mobilní a přitom s jistým komfortem pracovat na vývoji webů i na cestách. Myslím, že prozatím jsem našel to nejlepší. Kombinaci tabletu a povedeného programátorského editoru a správce souborů Coda.

Tip pro Drupal: jak na stejný vzhled písma v editoru i na webu

Tip pro Drupal: jak na stejný vzhled písma v editoru i na webu

Jedním z mnoha příjemných rysů uživatelského rozhraní administrace Drupalu je možnost nastavení vzhledu obsahu v editoru tak, aby odpovídal tomu, co pak uživatel vidí po uložení článku. Získá tak lepší představu o výsledné vizuální podobě textu.

Malá moderní sada pro reset CSS

Malá moderní sada pro reset CSS

Resetovací sady pro nastavení vzhledu prvků ve webovém prohlížeči jsou oblíbenou pomůckou kodérů webů již řadu let. Tak, jak se mění vykreslovací jádra webových prohlížečů, mění se i tyto sady pro reset CSS. Mám pro vás tip na jednu s minimální velikostí.

Vlajky států čistě s využitím CSS a jediného DIVu

Vlajky států čistě s využitím CSS a jediného DIVu

Bez vlajek států se neobjede téměř žádný vícejazyčný web a mnohdy i běžné weby, které někam odkazují. Z toho důvodu by vás mohlo zajímat povedené řešení implementace vlajek na web, které spočítá jen a pouze v zápisu CSS k jediné HTML značce DIV.

Oblíbené pluginy pro programátorský editor Atom z pohledu tvůrce webů

Oblíbené pluginy pro programátorský editor Atom z pohledu tvůrce webů

Navzdory mnoha škarohlídům si programátorský editor od GitHubu s názvem Atom našel množství příznivců. Já jím v případě Windows nahradil už poněkud zastaralý PSPad a v případě Macu zdarma dostupný TextWrangler. Ostatně i Atom je dostupný zadarmo – jeho funkce jdou navíc rozšiřovat pomocí pluginů.

Vorlon.js: povedená pomůcka pro ladění nejen mobilních webů

Vorlon.js: povedená pomůcka pro ladění nejen mobilních webů

Ladění webů na mobilních zařízeních je vždy tak trochu problém. Jistě, máme tu spojení Safari s iOS, Chrome s Androidem, ale nic skutečně univerzálního a fungujícího na dálku. A proto přichází javascriptová knihovna a node.js aplikace Vorlon.js.

Tip: Znáte pomůcku pro ladění responsivních webů ve Firefoxu?

Tip: Znáte pomůcky pro ladění responsivních webů ve Firefoxu a Chrome?

Ladit responsivní weby je zdánlivě jednoduché. Prostě si zmenšíte okno webového prohlížeče a upravujete styly. V okamžiku, kdy potřebujete reagovat na přesné rozměry, potřebujete něco sofistikovanějšího. Nabídnou vám to  Firefox i Chrome v základní výbavě.

Novinky v online editoru Cloud9

Novinky v online editoru Cloud9

Cloud9 je online editor pro vývojáře, který nabízí v prostředí webového prohlížeče plnohodnotný programátorský editor s podporou syntaxe mnoha programovacích jazyků i webových aplikací, jako je třeba WordPress. Nedávno došlo k několika zajímavým aktualizacím, které činí Cloud9 ještě zajímavějším a doporučuji jej proto vyzkoušet.

Maxiorel 4.0 se představuje

Maxiorel 4.0 se představuje

Maxiorel po několika letech zásadně převlékl kabátek. Momentálně koukáte na čtvrtou verzi jeho vizuální podoby od chvíle, kdy Maxiorel běží na své vlastní doméně a na redakčním systému Drupal. Jak se vám líbí?

Kniha Responzivní design profesionálně od Tima Kadlece

Kniha Responzivní design profesionálně od Tima Kadlece

Relativně novou knihu od Zoner Pressu mám někdy od léta. Často jsem v ní listoval, nakonec ji z větší části přečetl postupně od začátku do konce. Responzivní design je aktuální téma pro všechny webdesignéry a nelze jej ignorovat. Jak vám s tím tato kniha pomůže?

Nová kniha o responzivním designu

Nová kniha o responzivním designu

Řada lidí se ještě nenaučil pořádně pracovat s běžným CSS a pojmout novinky v CSS3 a už se na ně valí požadavky po responsivním designu. Ten samozřejmě není jenom o práci s CSS, ale o návrhu grafiky i funkcionality webu. Pomoci vám s tím může nová kniha.

Codio: zajímavé online vývojové prostředí s virtuálním serverem a podorou Gitu

Codio: zajímavé online vývojové prostředí s virtuálním serverem a podorou Gitu

Zkoušíte-li rádi nové vývojové pomůcky, mrkněte na online vývojové prostředí pro tvorbu webů. Codio nabízí online správu projektů, zabudované virtuální prostředí pro ladění, podporu Gitu nebo SFTP, konzolu Node.js, podporu různých komponent od PHP přes Ruby až k Pythonu, ale i databáze.

Project Parfait: Adobe spustilo generátor CSS z vašich PSD souborů

Project Parfait: Adobe spustilo generátor CSS z vašich PSD souborů

Experimentální projekt Adobe s názvem Project Parfait si klade za cíl nabídnout online aplikaci schopnou zpracovat nahrané soubory PSD přímo v prohlížeči a pomoci s exportem CSS a jednotlivých vrstev coby obrázků. Na první pohled tento experiment funguje skvěle a vypadá jako užitečná pomůcka pro každého kodéra CSS.

CSS tip: co se širokou tabulkou? Otočte její záhlaví

CSS tip: co se širokou tabulkou? Otočte její záhlaví

Určitě jste několikrát řešili problém, co s příliš širokou tabulkou na webové stránce. Jedním z řešení může být otočení popisků v záhlaví tabulky, takže zaberou méně místa. Dnes tento úkol snadno zvládnete jen s pomocí několika řádků CSS a výsledek plně postačí. Především u tabulek s širokým popiskem a krátkými hodnotami.

Atom: VIMózní programátorský editor, který si prostě zamilujete

Atom: VIMózní programátorský editor, který si prostě zamilujete

Považujete všemi deseti dokonale ovladatelný editor VIM za výborný nástroj pro úpravu kódu? Pak vás možná překvapí jím inspirovaný nový editor Atom nabízející trošku více flexibility. A pokud VIM neznáte nebo nemáte rádi, pak editoru Atom určitě dáte alespoň jednu šanci.

Zkuste jednoduché ladění CSS bez úpravy na webu pomocí Chrome

Zkuste jednoduché ladění CSS bez úpravy na webu pomocí Chrome

Občas potřebuji provést nějaké změny v CSS na webu bez toho, že bych styly rovnou ukládal na server a ladil to před lidmi. Vývojová kopie webu není vždy dostupná. Co s tím? Řešení může nabídnout jednoduché rozšíření webového prohlížeče Chrome.

Emmet (dříve Zen Coding) – zrychlete si psaní webového kódu

Emmet (dříve Zen Coding) – zrychlete si psaní webového kódu

Ať už programujete a tvoříte weby v PHP, .NET, Pythonu nebo něčem jiném, stejně se neobejdete bez psaní značek HTML a zápisů CSS. Psaní delších, opakujících se kódů je otravné. Ovšem s využitím nástroje Emmet zkrátíte čas pro tuto činnost na minimum.

Jak na sbalovací sekce na stránce aneb vyváříme FAQ

Jak na sbalovací sekce na stránce aneb vytváříme FAQ

V dnešním docela jednoduchém návodu si vyzkoušíme vytvoření jednoduché sekce pro často kladené dotazy na webu. Bude obsahovat otázky s odpověďmi, které budou standardně ukryté. Zobrazení odpovědi si vyzkoušíme jen s použitím čistého CSS, ale v další fázi také s pomocí jQuery. A nakonec se podíváme, jak to implementovat do Drupalu.

Stránky

Subscribe to RSS - CSS