Chaos Sanctuary

Aneb What makes them click je název webu o lidském chování, o kterém byste měli vědět, abyste to pak mohli zneužít na svých webíšcích, kde ubohé návštěvníky oškubete .. ehm, ne, samozřejmě, vzděláte, pobavíte a tak.

Je tam seriál 100 věcí, které byste měli vědět o lidech, který začal někdy v před 2 lety a teď už má 89 částí. Ale začala jsem od začátku a hned to první video mě nachytalo.

A pak v dalším článku se píše, že lidi líp čtou řádky dlouhé tak znaků ale když se jich zeptáte, tak preferují text rozdělený do sloupců jako v novinách. Huh? Tolik tedy ke "gridové" revoluci ...

Možná už to dávno znáte, jsa odborníci a staré páky, ale to je mi fuk, já jsem to právě objevila, jdu si číst a zjistit všechno o těch vašich o(d|p)orných tricích na vašich webech ...jo, na mě si už nepřijdete!

Měla bych spíš tvrdit, že nový vzhled je výsledek horečné činnosti, ale asi by mi to málokdo sbaštil.

Výsledek "redesignu" vidíte sami, těžko k tomu něco dodávat, jen jsem přidala barvy a trochu jsem to zesvětlila. S layoutem a funkcemi jsem nedělala nic.

Vyhodila jsem odkaz forum, které se kdysi dávno zhroutilo, a taky na Median XL, protože je opět úplně předělaný, a já už to nebudu znova sledovat. Median 2008 naopak v menu nahoře zůstal, protože je to zakonzervovaná verze, ke které se dá vracet.

No a já jdu do pelíšku a nechám si zdát o dalších barvičkách, které bych mohla přidat ... třeba ... třeba ... růžovou? :-)

Hele, já vím, že jsem na to dlouho ani nesáhla, a slušelo by se přijít po takové době s něčím progresivním, co by tak jaksi reflektovalo ten pokrok v technologiích že, abych prokázala, že jsem neustrnula ve vývoji, a stále mám co říci, pokud možno té nejpokrokovější části webdyzajnérů. Aspoň to HTML5, co o něm všichni mluví, nebo CSS3. Jenže to už bych snad ani nebyla ta lama, a musela bych zas upravovat hlavičku webu ...

Tak místo toho krátká historka ze života lam ve webdesignu. Představte si, že dostanete za úkol udržovat web, který váš předchůdce sice naplnil daty, ale spáchal to v nějakém wysiwyg editoru, a je toho asi 200 html stránek s tabulkama, obrázkama a strukturovaným textem. A vy musíte změnit vzhled, předělat menu, předělat hlavičku a tak. Fakt, že to bylo v nějakém editoru, který udržoval šablonu stránek, situaci trochu zjednodušuje. Stačí tam hromadně nahradit bloky textu a je to, jak prosté ...

Dřív jsem na tyhle věci používala golden html editor ale při posledním pokusu ho nainstalovat a spustit, odmítl spolupráci a tiše se zhroutil. Ono by se to asi nějak dalo obejít ale moc se mi nechtělo. Pspad sice umí hromadně nahrazovat v souborech, ale jen řádkově.

Nakonec jsem našla Hromadný měnič, který je přesně na tohle určen. Umí to nahrazovat bloky textu, umí dokonce i nějaké výrazy, má to undo, zobrazí to seznam souborů, kde se změny provedly a kde ne. Bohužel to neumí utf-8 ale to u starých webů moc nevadí. Všem lamám mohu vřele doporučit :-)

Píšou mi ze sitepoint (to víte, známosti ...), že je ke stažení zadarmo knížka The Principles of Successful Freelancing. Je to kompletní 200 stránková knížka v pdf. Bude to ke stažení jen 7 dní a můžete ji získat tak, že si přidáte sitepoint na twitru ke sledování nebo jim pošlete mail tady: twitaway.sitepoint.com.

A až to přečtete, nebudete se bát krize nic a zvesela vykročíte na samostatnou dráhu webdyzajnérskou ... samozřejmě směrem na západ, jak jinak :-)

Marketing related articles - jen takový tip jak nalákat uživatele na prohlížení dalších stránek na webu – najděte přes google další podobný obsah podle refereu a předhoďte mu to

Pure CSS gradient - čistý gradient v css

Simplifying CSS selectors - jak mohou "nevinné" CSS selektory zpomalit weby

Bumpbox - – můžete přehrávat flv, swf, html, pdf v okně jako u lightboxu, potřebuje to mootools. Mají i další nástroje , skoukněte free services v menu

A/B testing landing page A/B test vstupní stránky pro hru, překvapivě vyhrává světlé pozadí ... zajímavé, protože všichni tvrdí, že hráči mají radši tmu :-)

Mega drop down menu gallery. Nielsen napsal, že velké rozbalovací menu jsou dobré, a tak vysmátá kočka představuje přehlídku mega drop down menu

CSS text rotation - rotace textu v css teď zrovna frčí – tohle ukazuje, jak otočit kousek textu v chlívku s datumem, třeba na vašem bložínku :-)

Blog na webdesignfromscratch - měsíční newslettery na blogu webdesignfromscratch odkazují na zajímavé zdroje, případně zajímavosti z praxe, třeba v červencovém je case study jak vylepšili konverzi na stránce ... On celý ten web je plný článků a tipů pro webdesign

Web design rules that you can break - 10 pravidel designu, které můžete porušit spolu s chutnými příklady heretických webů :-)

25 classic design articles trochu nostalgie – články, které nejvíc ovlivnily kódování webů .. hmm, su ignorant, většinu jsem nečetla :-)

Volně ke stažení anglicky Vignelli canon (32MB) od Massimo Vignelli. Na začátku obecný pokec, pak základy grafického designu, hlavně pro tisk - letáky, vizitky, grid, písmo - velmi stručné ale pěkně zdokumentované. (via)

Jason Santa Maria píše v článku What's golden, že u zlatého řezu i rozdělení na třetiny jsou důležité nejen poměry částí, ale také hranice objektu, aby to mělo patřičný účinek na návštěvníka.

Ale jak tohle zajistit u obrazovky? Prohlížení obsahu na webu není vázáno na specifické zařízení, obrazovku, prohlížeč, ani na standardní velikost. Nemůžete předpokládat, že to návštěvník uvidí tak, jak jste to zamýšleli, například na zařízení návštěvníka se nezobrazí celá šířka stránky ...

A tak navrhuje se na to vykašlat a místo toho používat návrhové vzory pro web, které lépe vyhovují tomu, co od webu očekáváme. Dost zajímavý je odkaz na interaction patterns.
via