http://zdrojak.root.cz/ http://i.iinfo.cz/z/rss-88x31.gif 88 31 http://zdrojak.root.cz/n/css/ Zdroják - tvorba webových stránek a aplikací cs Wed, 26 Oct 2011 07:27:13 GMT http://zdrojak.root.cz/zpravicky/webkoderska-pravidla-podle-twitteru/ Twitter používá, stejně jako mnohé další velké weby, vlastní kodérský framework a k němu sadu pravidel pro vytváření stránek a uživatelských rozhraní (Coding standard, coding rule). Jejich CSS framework se jmenuje Bootstrap, je dostupný na... redakce@zdrojak.cz (Zdroják: Martin Malý) Wed, 26 Oct 2011 07:27:13 GMT http://zdrojak.root.cz/zpravicky/webkoderska-pravidla-podle-twitteru/ http://zdrojak.root.cz/zpravicky/css-lint-zkontroluje-vas-stylopis-a-navrhne-upravy/ Nástroj CSS Lint slouží ke statické analýze CSS stylopisu a měl by patřit do základní výbavy webkodérů. Sadu hlášených doporučení si můžete přizpůsobit vlastním potřebám, v plném nastavení hlídá CSS Lint kromě syntaktických chyb například... redakce@zdrojak.cz (Zdroják: Martin Malý) Mon, 27 Jun 2011 10:23:16 GMT http://zdrojak.root.cz/zpravicky/css-lint-zkontroluje-vas-stylopis-a-navrhne-upravy/ http://zdrojak.root.cz/zpravicky/bezpecne-css-hacky-pro-ie/ Kodérům může přijít vhod článek Safe CSS Hacks, který sumarizuje některé známé CSS hacky pro různé verze Exploreru a vybírá z nich ty „bezpečné“. Dozvíte se, jak bezpečně rozlišit různé verze IE, „ohackovat“ vlastnosti a jaké má jaký hack výhody... redakce@zdrojak.cz (Zdroják: Martin Malý) Fri, 27 May 2011 07:14:26 GMT http://zdrojak.root.cz/zpravicky/bezpecne-css-hacky-pro-ie/ http://zdrojak.root.cz/zpravicky/budoucnost-css-co-nabizeni-experimentalni-vlastnosti/ Nové „experimentální“ vlastnosti v CSS, které testují výrobci prohlížečů, shrnuje článek na Smashing Magazine. Mnohé z nich se pravděpodobně ani nerozšíří, přesto jsou zajímavé a je dobré o nich vědět. Příkladem mohou být -webkit-mask či... redakce@zdrojak.cz (Zdroják: Martin Malý) Mon, 16 May 2011 07:33:27 GMT http://zdrojak.root.cz/zpravicky/budoucnost-css-co-nabizeni-experimentalni-vlastnosti/ http://zdrojak.root.cz/zpravicky/g5-framework-zaklad-pro-weby-v-html5/ HTML5Boilerplate a další „vzorové“ HTML5 stránky jsou, i přes brblání „pravověrných webdesignérů“, přijatelnou alternativou pro velké množství webařů. Komplexnějším bratrancem Boilerplate může být např. framework G5 – přichází s připravenými... redakce@zdrojak.cz (Zdroják: Martin Malý) Mon, 09 May 2011 05:03:32 GMT http://zdrojak.root.cz/zpravicky/g5-framework-zaklad-pro-weby-v-html5/ http://zdrojak.root.cz/zpravicky/adapt-js-pomuze-najit-vhodne-css-pro-dane-rozliseni/ Jistě znáte Media Queries, technologii, která v CSS3 dokáže určit vlastnosti zařízení, pro které se má styl použít. Pro prohlížeče, které MQ nepodporují nebo pro specifické případy lze použít malý (756 bajtů) JS kód, který podobným způsobem... redakce@zdrojak.cz (Zdroják: Martin Malý) Fri, 22 Apr 2011 08:34:32 GMT http://zdrojak.root.cz/zpravicky/adapt-js-pomuze-najit-vhodne-css-pro-dane-rozliseni/ http://zdrojak.root.cz/zpravicky/bootstrap-less-uzitecny-balicek-pro-less/ LESS je populární preprocesor CSS, který do něj přináší možnost použít „proměnné“ (variables) nebo „makra“ (mixins) (abychom se drželi terminologie použité v článku o LESS na Zdrojáku). Balíček Bootstrap.less vytvořil Mark Otto, designer... redakce@zdrojak.cz (Zdroják: Dalibor Šimáček) Tue, 22 Mar 2011 07:44:27 GMT http://zdrojak.root.cz/zpravicky/bootstrap-less-uzitecny-balicek-pro-less/ http://zdrojak.root.cz/zpravicky/klady-a-zapory-pouziti-css-frameworku/ CSS frameworky vzbuzují mezi mnoha webdesignéry kontroverzi. Na jejich klady a zápory se podíval Oleg Mokhov v článku na serveru Speckyboy. redakce@zdrojak.cz (Zdroják: Martin Malý) Fri, 18 Mar 2011 07:38:20 GMT http://zdrojak.root.cz/zpravicky/klady-a-zapory-pouziti-css-frameworku/ http://zdrojak.root.cz/zpravicky/treesaver-framework-pro-online-magaziny/ Zajímavý cíl má framework Treesaver – pomocí standardních webových technologií (HTML, CSS, JS) vytvořit online podobu časopisu. Treesaver nabízí známé prohlížení „po stránkách“, listování a další funkce, které jsou většinou řešeny nějakými... redakce@zdrojak.cz (Zdroják: Martin Malý) Thu, 24 Feb 2011 07:58:22 GMT http://zdrojak.root.cz/zpravicky/treesaver-framework-pro-online-magaziny/ http://zdrojak.root.cz/zpravicky/blizka-budoucnost-css/ Na nejbližší budoucnost CSS, tedy především na CSS3, se zaměřil podrobněji článek ve známém Smashing Magazine. Popisuje novinky, které jsou už ve velké části prohlížečů implementovány, a s nimiž se webdesignéři a kodéři začínají pravidelně... redakce@zdrojak.cz (Zdroják: Martin Malý) Tue, 15 Feb 2011 08:15:32 GMT http://zdrojak.root.cz/zpravicky/blizka-budoucnost-css/ http://zdrojak.root.cz/zpravicky/stylus-radikalni-syntaxe-pro-css/ Pokud znáte např. LESS, není vám princip CSS preprocesorů cizí. S radikálním přístupem přichází Stylus – kromě funkcí, proměnných a operátorů zavádí i jinou syntaxi, která je založená na odsazování bloků, takže mizí složené závorky, čárky... redakce@zdrojak.cz (Zdroják: Martin Malý) Tue, 01 Feb 2011 07:48:30 GMT http://zdrojak.root.cz/zpravicky/stylus-radikalni-syntaxe-pro-css/ http://zdrojak.root.cz/zpravicky/css-reset-od-erica-meyera/ Kodéři HTML/CSS jistě znají „CSS Resety“, a mnohým nebude jistě neznámé jméno Eric Meyer. Jeho CSS Reset jistě někteří z čtenářů používají. Teď, po dvou letech, vydal Eric novou verzi, „CSS Reset 2.0“, která zohledňuje posun značkovacích jazyků... redakce@zdrojak.cz (Zdroják: Martin Malý) Thu, 27 Jan 2011 10:48:18 GMT http://zdrojak.root.cz/zpravicky/css-reset-od-erica-meyera/ http://zdrojak.root.cz/zpravicky/css-podle-user-agent/ Kompatibilita prohlížečů je věc spíš vysněná než reálná. V praxi každý kodér zjistí, že se prohlížeče od sebe liší. Technicky správným způsobem, jak k těmto odlišnostem přistoupit, je detekovat možnosti prohlížečů a jim přizpůsobit zobrazované... redakce@zdrojak.cz (Zdroják: Martin Malý) Mon, 10 Jan 2011 08:42:55 GMT http://zdrojak.root.cz/zpravicky/css-podle-user-agent/ http://zdrojak.root.cz/zpravicky/rozhrani-a-la-ipad-v-prohlizeci/ Pokud jste si už dostatečně vyhráli s uživatelským rozhraním Windows 3.1, můžete zkusit iPad Simulator. Nečekejte plnohodnotnou funkčnost, ale po vizuální stránce a ovládáním jde o poměrně věrné napodobení, které může být inspirací pro vlastní... redakce@zdrojak.cz (Zdroják: Martin Malý) Fri, 07 Jan 2011 11:38:56 GMT http://zdrojak.root.cz/zpravicky/rozhrani-a-la-ipad-v-prohlizeci/ http://zdrojak.root.cz/zpravicky/bookmarklet-pro-hledani-nepouzitych-css-selektoru/ Bookmarklet cssess hledá ve stránce nepoužité CSS selektory. Kromě toho, že taková funkce může být užitečná pro ladění CSS, je zmíněný bookmarklet i zajímavou ukázkou vytváření bookmarkletů, kdy ve vlastním odkazu je jen funkce pro vložení tagu... redakce@zdrojak.cz (Zdroják: Marie Grafová) Tue, 23 Nov 2010 06:34:31 GMT http://zdrojak.root.cz/zpravicky/bookmarklet-pro-hledani-nepouzitych-css-selektoru/ http://zdrojak.root.cz/zpravicky/50-tipu-rad-a-novinek-pro-css-css-3/ Známý online Smashing magazín přichází s inspirativními novinkami – tentokrát přinesl 50 nových rad, tipů a triků s praktickou ukázkou, a to jak v CSS, tak i v CSS3. Výklad jednotlivých položek je doplněn i praktickou ukázkou a možností stáhnout... redakce@zdrojak.cz (Zdroják: While Null) Mon, 22 Nov 2010 10:19:40 GMT http://zdrojak.root.cz/zpravicky/50-tipu-rad-a-novinek-pro-css-css-3/ http://zdrojak.root.cz/zpravicky/5-uzitecnych-tipu-a-triku-v-css-jquery/ Server Smashing magazíne nedávno uveřejnil na svých webových stránkách pět užitečných rad a tipů pro jQuery. Tipy a rady jsou dokumentovány jednoduchým kódem, ukázkou i možností stažení. redakce@zdrojak.cz (Zdroják: While Null) Wed, 17 Nov 2010 06:44:57 GMT http://zdrojak.root.cz/zpravicky/5-uzitecnych-tipu-a-triku-v-css-jquery/ http://zdrojak.root.cz/zpravicky/objektovy-model-css-v-javascriptu/ JavaScriptová knihovna CSSOM funguje jako parser CSS souborů, který převede klasický zápis pravidel v CSS na „objektovou podobu“, definovanou v návrhu CSS Object model. redakce@zdrojak.cz (Zdroják: Martin Malý) Wed, 03 Nov 2010 12:47:51 GMT http://zdrojak.root.cz/zpravicky/objektovy-model-css-v-javascriptu/ http://zdrojak.root.cz/zpravicky/vyuzijte-css-preprocesor-less-naplno/ Před časem jsme si zde představili CSS preprocesor LESS. Jak jej vhodně a efektivně použít na serveru, nastavit cachování a udělat jeho použití transparentní ukazuje článek na serveru Nettuts+ redakce@zdrojak.cz (Zdroják: Martin Malý) Fri, 29 Oct 2010 07:15:17 GMT http://zdrojak.root.cz/zpravicky/vyuzijte-css-preprocesor-less-naplno/ http://zdrojak.root.cz/zpravicky/pouziti-gridu-se-styly-v-less-css/ LESS je nadstavba nad CSS, která zavádí některé prvky známé z programovacích jazyků, jako jsou např. proměnné či makra. Na blogu Design Shack vyšel tutoriál Introducing the LESS CSS Grid, který se zabývá návrhem designérské mřížky (gridu)... redakce@zdrojak.cz (Zdroják: Martin Malý) Wed, 20 Oct 2010 07:20:25 GMT http://zdrojak.root.cz/zpravicky/pouziti-gridu-se-styly-v-less-css/ http://zdrojak.root.cz/zpravicky/jak-udelat-kruhovou-galerii-obrazku-s-css-a-jquery/ Addy Osmani na svém blogu zveřejnil tutorial pro vytváření efektních „kruhových“ galerií. Celý efekt je udělán pomocí CSS a frameworku jQuery. redakce@zdrojak.cz (Zdroják: Redakce) Mon, 18 Oct 2010 09:00:00 GMT http://zdrojak.root.cz/zpravicky/jak-udelat-kruhovou-galerii-obrazku-s-css-a-jquery/ http://zdrojak.root.cz/zpravicky/40-online-nastroju-pro-webove-designery/ Na blogu Noupe vyšel článek, v němž je vyjmenováno 40 online nástrojů pro webové designéry. Mezi nimi nalezneme i původem český nástroj Color Scheme Designer od Petra Staníčka. redakce@zdrojak.cz (Zdroják: Redakce) Fri, 15 Oct 2010 07:43:30 GMT http://zdrojak.root.cz/zpravicky/40-online-nastroju-pro-webove-designery/ http://zdrojak.root.cz/zpravicky/zkraslete-sve-css-soubory/ Zkrášlování kódu („prettify“ – postup opačný k obfuskaci) není pouze záležitost estetická; hezky zapsaný kód je především lépe čitelný a tím i snáz pochopitelný. Zkrášlení souborů pomůže leckdy i odhalit pozapomenuté úpravy. Pokud chcete takto... redakce@zdrojak.cz (Zdroják: Martin Malý) Wed, 29 Sep 2010 07:16:54 GMT http://zdrojak.root.cz/zpravicky/zkraslete-sve-css-soubory/ http://zdrojak.root.cz/zpravicky/javascriptove-prepinani-zalozek-bez-javascriptu/ Tak trochu jako doplněk předchozí zprávičky může působit odkaz na zajímavé řešení, publikované na webu Impressive Webs. Ukazuje, jak lze udělat přepínání obsahu (zhruba funkce tabů), které běžně řešíme JavaScriptem, pomocí HTML a CSS. Tento... redakce@zdrojak.cz (Zdroják: Martin Malý) Tue, 21 Sep 2010 07:29:37 GMT http://zdrojak.root.cz/zpravicky/javascriptove-prepinani-zalozek-bez-javascriptu/ http://zdrojak.root.cz/zpravicky/kostra-html-css-na-nekolik-kliknuti/ S nástroji, které umí vytvořit kostru webu a patřičné HTML/CSS soubory na několik kliknutí jsme se už setkali. Dalším takovým je InstantCSSCode. Umožní vybrat z různých typů HTML, můžete si zvolit JS framework či přípony souborů. Po odeslání si... redakce@zdrojak.cz (Zdroják: Redakce) Mon, 13 Sep 2010 06:23:44 GMT http://zdrojak.root.cz/zpravicky/kostra-html-css-na-nekolik-kliknuti/