Archív: 2011

Znáte to: Jednou za čas se objeví balík aplikací za cenu, kdy se vám ho vyplatí koupit, pokud z něho chcete alespoň jednu aplikaci. Momentálně probíhají hned čtyři.

Já uvažuju o tom prvním, protože chci Fantastical a o BusyCal i Default Folder X jsem slyšel dobré věci.

Když koupíte přes níže uvedené odkazy, dostanu nějaké drobné. Díky.

Doplňování textu pro inputy ve formuláři v 8 KB pluginu.

Via WebAppers

„I love free software and could not have built my site without it. But free web services are not like free software. If your free software project suddenly gets popular, you gain resources: testers, developers and people willing to pitch in. If your free website takes off, you lose resources. Your time is spent firefighting and your money all goes to the nice people at Linode.”
maciej, tvůrce Pinboard

Via @jankubr, @DHH

Paul Irish v tomhle 9 minutovém video předvádí pár cool funkcní, které webovým vývojářům nabízí Developer Tools v Chrome (počítám, že většina toho bude platit i pro Web Inspektor v Safari).

Někdy si budu muset vyhradit čas a pořádně se naučit tyhle nástroje používat.

Via Tonda Hildebrand & WebKitBits

Tutoriál na Codrops popisuje, jak na efekt, kdy při skrolování přijíždí objekty na scénu. Pozor, je to zatím celkem náročné na výkon počítače a nefunguje to na iPadu.

A tohle nebude určitě jediný způsob, jak to udělat.

Určitě se vám to někdy stalo: Vyplňujete dlouhý formulář a omylem si zavřete tab, nebo spadne prohlížeč, či systém a vyplněná políčka jsou v trapu.

Sisyphus.js se snaží tomuhle nepříjemnému zážitku předejít tím, že vám umožní automaticky v pravidelných intervalech ukládat obsah formuláře a obnovit vyplněná políčka, pokud to budete potřebovat.

Používá localStorage z HTML5 a má jen 3,5 KB.

Via Smashing Magazine

V návaznosti na předcházející post: Ukázka dobré animace. Klikejte na červené tlačítko vlevo dole.

Via @PetrKaleta

Když píšu „opatrně s těma animacema”, tak myslím, abyste nedopadli přesně jako Asus.

Tenhle typ animace, kdy objekt „přijede na scénu”, je velmi výrazný, skvělý pro efektní upoutání pozornosti, ale když to přeženete, výsledek vypadá asi jako žena, která to přehnala s makeupem. Zde navíc opepřeno tím, že celá stránka je kvůli tomu ještě pomalá k nepoužitelnosti (iMac, Core 2 Duo 3GHz, Safari).

Via @ladadurchanek

Javascriptová knihovna pro tvorbu animací.

„CAAT is a multi-instance director-based scene-graph manager.
It is able to render using Canvas, WebGL and CSS with the same code base.
Features actors, containers, scene transitions, behaviors, interpolators, paths, custom affine transformation stack, timers, elements lifecycle, etc.”

Podívejte se na dema nebo na tuhle hru ve verzi využívající canvas.

Více s tagy „javascript animation” v mých záložkách.

Dan Frommer shrnuje svůj přístup k blogování.

Via Daring Fireball

Pokud byste snad neměli dost frameworků pro HTML prototypování, pak Foundation je další z nich. Autoři z firmy Zurb tvrdí:

„An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.”

Via WebAppers

Jason Fried píše o hledání rovnováhy v designu.

„Coming to know the difference between obvious, easy, and possible takes a lot of practice, deep thinking, critical analysis, and, often, debate. It’s a constant learning process. It helps you figure out what really matters.

But once you’re able to see the buckets clearly, and you begin to think about things in terms of obvious, easy, and possible instead of high, medium, and low priority, you’re on your way to building better products.”

Bricss upozorňuje na to, že CSS Working Group publikovala první draft nové specifikace hierarchie pro CSS a ejhle, kluci dávají pozor, co se děje v oblasti CSS preprocesorů.

Jen tak dál! Věřím, že teď když na specifikacích dělají lidi, kteří jednak vyrábí prohlížeče a (hlavně) sami lepší HTML+CSS+JavaScript potřebují, půjde vývoj o poznání rychleji, než tomu bylo dřív.

Když už jsme u té inspirace – krásná sbírka kombinací fontů.

UI Parade shromažďuje ukázky nejrůznějších prvků uživatelského rozhraní.

Pokud byste chtěli víc, zkuste moje záložky.

Za tip díky @milancermak