jan korbel

Přidáno 15. 10. 2012: Tento článek má volné pokračování v mém příspěvku HTML5 vs. Flash player

Z tiskové zprávy Adobe:

„Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app stores.
…
We will continue to leverage our experience with Flash to accelerate our work with the W3C and WebKit to bring similar capabilities to HTML5 as quickly as possible, just as we have done with CSS Shaders.”

Tedy, Flash (jako program, vývojový nástroj) bude od nynějška cílen na vytváření nativních aplikací pro mobilní platformy a to, co jsme znali my jako flash na webu se přesune do HTML5 (používáno jako zastřešující termín pro kombinaci HTML5, CSS3 a JavaScriptu.). Z toho logicky plyne, že na to bude jiný vývojový nástroj, třeba Adobe Edge.

Pak jsme vyměnili pár tweetů…
Čtěte dál

Pro inspiraci, co lze jednoduše udělat, když se použije pár transition a transform animací. Jako vždy je ale potřeba uplatnit soudnost a vkus. Některé ty ukázky jsou vyloženě odstrašující. Animace jsou silný nástroj v uživatelském rozhraní a dá se s nimi lehce hodně pokazit. Všichni máme rádi flashová intra, že… ;-)

Krásný přehled, jak v CSS vykreslovat základní geometrické tvary.

„animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.”

Používat s rozumem. A vkusem ;-)

CSSWARP asi nebudete potřebovat moc často, ale v záložkách se neztratí.

Bootstrap je CSS framework pro web aplikace, který vytvořili dobráci z Twitteru. Rozhodně bude stát za omrknutí.

Slušný výběr tutoriálů a příkladů.

Zadejte URL zdrojového CSS a tenhle nástroj vám ukáže použitou paletu barev, kterou navíc může upravit a stáhnout si změněné CSS.

Via @yablko, @machal

DropKick udělá z jakéhokoli selectu hezké dropdown menu, na které celkem jednoduše nasadíte vlastní styly. Používat s rozumem.

Hezké shrnutí od Smashing Magazine

Zajímavý tutoriál s tipy, jak udělat opakující se vzor na pozadí, který bude vypadat přirozeněji.

Via @paveldolezal

Nastavte si přesný průběh animace.

BTW, zkuste si s tím jen tak pohrát a všimněte si, jak různé dojmy ve vás různé průběhy animace vyvolávají.

Via @machal

Stránka věnovaná responzivnímu designu

Via 9bits

Tohle video od Think Vitamin vysvětluje dva užitečné triky, o kterých jsem nevěděl: Více stínů pod jedním objektem a hlavně inset stín.

Webová služba, která vás nechá nastavit styl odsazení a zalamování CSS kódu a pak vámi vložený naformátuje.