jan korbel

To alespoň tvrdí Chris Coyier v článku SASS vs. LESS.

„Which CSS preprocessor language should I choose?“ is a hot topic lately. I’ve been asked in person several times and an online debate has been popping up every few days it seems. It’s nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one language is best. Let’s do this thing.

Really short answer: SASS

Nebojte, tohle je jen začátek článku, pak to víc rozepíše ;-)

Via @zdenekkostal

Nedávno se o porovnání CSS preprocesorů ve dvou dílech rozepsal David Grudl.

Perfektní sada tutoriálů. Trocha teorie a pak 4 skvěle vypracované příklady.

Poslouží dobře i jako reference pro složitější selectory.

Pátý díl ze série článků o vývoji pro mobilní zařízení odhaluje zajímavé triky, třeba jak odeslat SMSku přes tag <a> nebo jak na Androidu přes input otevřít foťák v módu video kamery.

Via @vladkax

Device.js is a starting point for doing semantic, media query-based device detection without needing special server-side configuration, saving the time and effort required to do user agent string parsing.

Dovolí vám měnit DOM, nejen načítat jiné CSS pro jiný rozměr displeje.

Netvrdím, že by byly tyto CSS efekty nějak extra lepší — jakákoli odbočka od standardního chování je riskantní — ale dovedu si představit, že by se vám mohli hodit, pokud celá aplikace bude laděna, jak to říct, „hravě”?

Každopádně je to dobrá učebnice CSS, což je hlavní důvod, proč na ně linkuju.

Via @msgre

Responzivní je heslo dne a tutoriál CSS3 Animated Media Queries vám kromě přehledné šablony pro implementaci media queries ukáže, jak animovat přechody mezi jednotlivými styly a odkáže vás na pár příkladů.

Pokračuju ve cvičení zkouškou 3D textu přes CSS.

Když se mi nechce pracovat, učím se :-)
Zkoušel jsem vytvořit takové ty animované tečky symbolizující, že se něco nahrává.

Jean-Philippe Gams vytvořil a spravuje stránku responsive.be, kde najdete tutoriály, nástroje, odkazy, knihy atd. – vše o responzivním designu.

Určitě jste už řešili situaci, kdy potřebujete ukázat nějaký obsah na kliknutí. S jQuery už je to dneska hračka, ale proč, zaměstnávat JavaScript, když by mohlo stačit CSS.

Jednoduchý trik popisuje tutoriál od Ryana Collinse.

Může se hodit, zvlášť pokud nevycházíte třeba z HTML5 boilerplate.

Zatím to nepodporuje žádná verze Internet Exploreru, ale pokud vás tenhle detail netrápí, bude užitečné se mrknout na to, jak vám nové pseudo-třídy umožní validovat formuláře.

Kromě toho, že odkazuje na LiveReload, který používám a na CodeKit, který jsem neznal, ukazuje pár pěkných triků, jak obejít obvyklé potíže při používání mixins a proměnných.

Essentially I think you should know what writing really good CSS is like. What that final CSS file looks like. The very file that the browser reads and processes to style websites. Then use a preprocessor to make that final, fabulous CSS file easier to write and maintain.

— Musings on Preprocessing, Chris Coyier, CSS-Tricks

Inspirativní použítí parallax scrollingu k vyprávění pohádky.

Tvůrce na stránce o projektu kromě jiného odkazuje na tutoriál, který tuto techniku vysvětluje.

Via @nikol_kokesova