Linky na víkend 287

Jak Google zobrazuje výsledky hledání
Marek Prokop píše titulky, ke kterým se obtížně hledá výstižnější popis ;-).
Using jQuery to Parse XML data
Parsonvání XML pomocí jQuery.
Maps In Modern Web Design: Showcase and Examples
Zach Dunn – mapy kam se podíváš.
Whenever you use :hover, also use :focus
Roger Johansson – nezapomínejte na :focus.
Deadly Sins Against SEO: Part 2
Shari Thurow – smrtelné SEO hříchy.
The Pitfalls Of A/B Ad Split Testing, Part 2
Matt Van Wagner – na co si dát pozor při A/B testování.
Google Sitemaps Gains Image Support
Barry Schwartz – podpora Google Sitemaps pro obrázky.
20+ Inspirational Wet Web Designs making Heavy Use of Water
Mokrá inspirace na závěr.

Scrabble SEO

Svátky, to je čas rozjímání, bilancování, setkávání a vymýšlení hovadin. To si můžete na stole rozložit Scrabble a začít skládat:

Scrabble

Scrabble SEO

Přiznávám, že jsem použil několik black hat Scrabble taktik, abych se dopracoval k žádanému výsledku. Poznáte, kde jsem si musel kapku pomoci? Ke kolika bodům jste schopni se dopracovat?

Linky na víkend 286

Free Printable Sketching, Wireframing and Note-Taking PDF Templates
Paul Andrew pro ty, kteří rádi kreslí návrhy na papír.
Intuitivní návrh webu
Jan Řezáč
Infrequently Asked Questions of FAQs
R. Stephen Gracey – jsou FAQ třeba? Jak je vylepšit.
Případová studie: jak udělat redesign stránek?
Lea Alcantara (překlad) – aby kovářova kobyla nechodila bosa.
WordPress 3.0 Features Walk Through
Co nového nás čeká ve třetí verzi WordPressu.
Image SEO for Photographers and Other Visual Artists
SEO pro fotografy.

Jak uspět ve Zlatém erbu

Rok se s rokem sešel a já opět procházím výsledky krajského kola soutěže Zlatý erb. Protože jsme za poslední rok zapracovali na vzhledu i obsahu našeho obecního webu, tak jsme si logicky v jednotlivých podkategoriích relativně polepšili i pohoršili.

Abych měl nějaký fárplán (chcete-li roudmapu), tak si musím sepsat náměty na vylepšení stávajícího webu. A rovnou je fiknu sem. Jednak ten papír, ze kterého to budu opisovat, někam založím a příště už nenajdu. Jednak by byla škoda se nepodělit se svými zjištěními. V každé hodnotící podkategorii jsem navštívil dva/tři nejlépe hodnocené weby a podíval se na příslušné vlastnosti, kterými se liší od toho „mého“ webu.

Následují hlavní postřehy, které bych měl zapracovat do obecního webu, aby uspěl v příštím ročníku Zlatého erbu:

Když navigace, tak pořádná!
Mapa webu patří na každou stránku obecního webu. Úplná sada odkazů musí být v levém i pravém sloupci trojsloupcového layoutu. Hodně textu = bohatý obsah.
Plnotučné texty odkazů v navigaci
Položky menu musí být výstižné (=dlouhé). Z toho plynoucím příznivým efektem jsou několikařádkové položky menu, na kterých libě spočine zrak návštěvníka. Větší plocha odkazu přitáhne oko. Porotce vidí pořádný obsah.
Živé fotografie
V záhlaví stránky oficiálního webu každé obce, by vedle příslušného objemu textu (stručná historie obce se obzvlášť cení) by neměla chybět panoramatická fotografie obce. Zbytek prostoru by měly vyplnit pohyblivé nebo aspoň měnící se fotografie z obce. Hlavička se příjemně oživí. Pohyb zaujme.
Ikonky na weby
V navigačních sloupcích nesmí chybět barevně i velikostí nesladěné ikony na státní weby, krajské weby, regionální agentury, místní klub, zde propíranou soutěž a „hýbací“ reklama.
Plnohodnotná titulka
Úvodní stránka webu musí obsahovat všechny opravdu důležité informace. Důležitá je přitom většina webu. Uvést odkazy na hlavní sekce, aktuální informace nebo stručně vystihnout účel webu nestačí.

Místo očistného závěru přiznávám, že jsem smazal pozitivní i negativní verzi závěru. Byly ještě pitomější, než výše uvedený ironický text. Takže nejste o nic ochuzeni. A já jsem si oba opravdu užitečné tipy na vylepšení webu poznamenal.

Linky na víkend 284

Co přineste IE9? Možná víc, než bychom čekali
Martin Hassman: zrychlení, HTML5, SVG, CSS3 selektory plus moduly Background a Borders atd.
Víte, co nefunguje?
Dušan Janovský – jste si jistí, že všechno chodí, jak má?
How to use icons to enhance your designs
Blogger.Iconshock – různé způsoby použití ikonek při tvorbě webu.
How To Display Your Latest Tweet On Your WordPress Blog
Chris Creed – jak zobrazit aktuální twítnutí ve WordPressu.
Sneaking into Future: 25 Ultra Modern Websites Using HTML5
Tim Walker – tradiční inspirace na závěr.
40 Amazing Minimalist Website Designs For Your Inspiration
Mike Smith

Linky na víkend 283

Jak jsem dělal levné SEO bez tajných triků. Naposled?
Miloslav Lešetický odhaluje holou pravdu o SEO.
Jak jsem dělal levné SEO bez tajných triků. Epilog.
Miloslav Lešetický – pár rad závěrem.
Better Mobile Form Design
Luke Wroblewski – zamyšlení nad dvěma formuláři na mobilních zařízeních, které rozvinul v článku Forms On Mobile Devices: Modern Solutions.
Showcase of Excellent Tables and best practices
Tabulky, tabulky a zase tabulky.
30 Examples of Clean and Minimal Website Navigation
Henry Jones – jednoduché je dobré. Inspirace na téma menu.
Uncovering Toy Cameras and Polaroid Vintage Effects (With Photoshop Tutorials)
Jessica Bordeau – na záver něco spíše pro fotografy, ale webdesigneři tyto úpravy možná využijí ve svých retrodesignech.

Linky na víkend 282

The Future Of CSS Typography
Inayaili de Leon – CSS typografie.
Showcase and Tips: How to Create Effective Landing Page Designs
Jak udělat dobrou landing page + příklady stránek.
Web Design Criticism: A How-To
D. Keith Robinson – jak kritizovat web, aby to k něčemu bylo.
How We\’ll be Building Websites in 5 years: HTML5 and CSS3 layout
Johnny ukazuje, jak budeme tvořit weby s HTML5 a CSS3.
35+ Essential Submit Button Enhancements
Tlačítka, mačkátka, butonky…
Grey Line
Trochu šedé inspirace na závěr.

Linky na víkend 281

„Mad Libs“ Style Form Increases Conversion 25-40%
Luke Wroblewski – netradiční formulář zvýšil konverzní poměr.
5 Landing Page Tips To Boost Your Conversion Rate
Christopher Wallace – tipy pro optimalizaci landing page.
Open Monday: Vybíráme ideálního dodavatele webu
Veronika Rojkovičová
CSS Graphs And Charts: 11 Hand-picked Tutorials And Solutions
Grafy vytvořené za pomoci CSS.
Manuál stylopisů (a jednoduchost CSS můžeme zase chválit)
Martin Michálek – nejen komentáře, ale i soubor readme.txt pomáhá při správě webu.
Hostujte část webu zdarma u Google
Matin Malý – části webu mohou být umístěny mimo něj.
Jak vyhodit peníze za zbytečný web
Martin Malý – ironie nebo realita?