Vzhůru dolů

Hledá se kóderský talent!

Tohle může být zajímavé pro ty z vás co se už nějaký čas zabýváte front-end kódeřinou, HTML a CSS máte docela v malíku, vaše nadšení do webdesignu nepolevilo a chtěli byste nabrat nové zkušenosti se zajímavými klienty a zajímavými technologickými postupy (mobilní webdesign, progressive enhancement…).

Hlásím stav, ve kterém musím odmítat i sympatické zakázky a potřebu se teď chvíli více věnovat jiným radostem. Pojďte se mnou vytvořit dvoučlenný kóderský tým! ;)

Výhodu mají kluci a holky s nějakým technologickým přesahem (Javascript, Django, PHP…) a baví je pracovat na zajímavých projektech kolem kultury.

Vibrujete zvědavostí? Hurá! Pošlete mi ukázky prací a představu o hodinové sazbě na michalek@shortcat.cz.

Luke Wroblewski: Mobile First (recenze knihy)

Zeldmanovo vydavatelství A Book Apart tohle umí – krátké časové období ve vývoji některé části webdesignu vloží do hrnce a uvaří vývar. Hodně silný vývar.

Pokud však obor denně sledujete, výsledek vás i přes hustotu vývaru může zklamat stejně jako se to stalo mě s průvodci po HTML5 a CSS3.

V případě mobilního webdesignu nemůže být zklamaných. Kolik z nás má několikaleté zkušenosti s návrhem webů uzpůsobených mobilům? Pár designérů na světě. Luke Wroblewski je jedním z nich a tak zformuloval přístup Mobile First a teď o tom pro Zeldmana napsal knížku.

Luke Wroblewski k dilematu nativní app vs. web

Je jasné, že dilema je falešné, ale nikdo to zatím neformuloval lépe než pan Mobile First:

As mobile strategist Jason Grigsby is fond of pointing out, “Web links don’t open apps, they go to web pages”. Whether it’s through search, email, social networks, or on web pages, if you have content online, people will find and share links to it. Not having a mobile web solution means anyone that follows those links on a mobile device won’t have a great experience.

Takže — mobilně uzpůsobený web potřebujete skoro vždy. A kdy je čas přemýšlet nad aplikací? Zjednodušeně:

…if your mobile product or business requires deeper hardware access, background processes, app or in-app sales, or more integrated placement on mobile devices to be viable, you may need a native solution.

CSS řešení: fotogalerie se zvětšením po najetí myši

Tohle řešení není žádná věda, ale můžete si tady hezky osvojit principy progressive enhancement a taky se třeba naučit obrázky s kulatými rohy. ;-)

Demo >

Základní funkčnost je jednoduchá: Absolutně pozicovaný element (zelený .photo) leží uvnitř relativně pozicovaného (fialového .photo_contai­ner):

Perch, redakční systém pro nepřizpůsobivé designéry

Musíte řešení designu webu přizpůsobovat redakčnímu systému? Většina z nás asi na limity CMS nenarazí, ale jsou mezi námi designéři co se odvážně vrhají do vln neobvyklých řešení. A pro ty je Perch.

Představte si projekt, který vyžaduje důraz na vizuální atraktivitu a obsah si říká o šití designu na míru. Třeba portfolio architektonického studia s výrazným rukopisem.

Designér rád chytne příležitost za pačesy, ale co kodér, který má náročný vizuál implementovat do Wordpressu, Drupalu nebo nedejbože něčeho jako Webnode? Prostor, ve kterém se nebožák musí pohybovat je úzce vymezen možnostmi CMS a jeho šablonovacího systému.

Tam v edgeofmyseat spatřili díru v trhu a navrhli redakční systém, který designéry a vývojáře omezuje daleko méně než ty zavedené.

Perch startuje veřejnou část webu s nulovou konfigurací. Připravíte ji jak jste zvyklí u „statických“ webů. Ve chvíli kdy jste spokojení, řeknete Perchu, se kterou částí obsahu chcete nechat klienta pracovat přes redakční systém. Ryan Singer z 37signals k tomu říká:

I feel like my templates are still fully under my control, and I can sprinkle a little Perch in here and there to get the client-editable magic that I need. That’s extremely important to me and none of the other CMSes seem to do a good job of it.

Konkurence Wordpressu? Omyl!

Perch si říká „mini CMS“ a hodí se hlavně na mini weby, které akcentují vizuální dojem nebo interaktivitu. Nepovažujte ho za konkurenci blogovací supermašiny Wordpressu nebo modulárního molocha Drupalu. Na Perchu se s úspěchem stavějí třeba právě portfolia, weby hotelů, restaurací atd. Obrovská svoboda, kterou Perch nabízí front-end vývojáři se velmi dobře hodí pro vývoj webů pro desktop a mobily zároveň.

Líbí? Oznamuji, že se s Perchem po večerech seznamuji už nějaký ten čas a touha po praktických zážitcích mě právě včera donutila aktivně hledat zájemce o jeho implementaci. ;) Jste nepřízpůsobivý designér nebo studio se zajímavým projektem vhodným pro peršanizaci? Oznamte to sem: michalek@shortcat.cz

„Křápy“ first

Na Webexpo přednášce nebyl čas tuhle myšlenku rozvést. Tady je i s konkrétní technickou aplikací.

Metodu Mobile first a její platnost asi není potřeba dále rozvádět. Luke Wroblewski přes pochyby běží tryskem a nechává jen spálenou zemi. ;)

Designér co navrhuje rozhraní metodou „jeden web“ by v prvé řadě měl myslet na horší zařízení a řešení pro lepší koncipovat jako rozšiřující.

Proto nejdříve mobily a proto jde na proces designu webu krásně pohlížet jako na vrstvení jeho jednotlivých elementů na sebe:

Vývojář designérský pohled obohacuje kromě jiného o přístupnost. Než navrhne řešení pro smartphony, musí se zamyslet nad zařízeními, kterým můžeme říkat třeba „křápy“. :)

Nemusí to být jenom stará Nokia se špatným prohlížečem nebo MSIE6. Mezi křápy počítejte i vaši zcela novou tiskárnu nebo slepeckou čtečku. Všechno to jsou zařízení, který pomůžete především správně vyznačenou strukturou dokumentu, významem obsahu a taky čitelnou typografií.

„Kdy při návrhu webů začít počítat s mobilními zařízeními?”

Vy jste ještě nezačali?

„Nemá to zatím smysl, protože z nich na weby klientů přichází jen 2-3 % návštěvníků. Jsou pod pětiprocentní hranici. To bychom rovnou mohli optimalizovat pro IE4!”

Navrhujete dneska weby pro rok 2011 nebo pro 2013, kdy mobily v počtu přístupů na web pravděpodobně desktop sežerou i s klávesnící?

„Ano, ale vždycky to můžeme udělat zpětně. Stačí vložit pár řádků kódu, ne?”

U většiny webů skončíte jako sedláci u Chlumce. Jestli se chcete dozvědět proč si to myslím, moc rád vás uvidím v sobotu v 11 hodin na Webexpo.