- 8 Ways to Buy Links Without „Buying Links“
- Rand Fishkin – další možnosti budování zpětných odkazů.
- Použitelnost a inovace
- Martin Snížek se ptá, jestli použitelnost brání inovacím?
- 25 Color Palette Generating Resources for Web Designing!
- Linda Chadbourne – barevná schémata.
- Mikroformáty
- Martin Malý vyzývá k používání mikroformátů.
- Gmail Rolls Out Themes
- Philipp Lenssen – Gmail umí skinovat své uživatelské rozhraní.
Čtyřista čtverky
Prodloužený státně sváteční víkend a všichni pracují jak draci. Já jsem sice s tchánem vydláždil dalších pět metrů dvora, ale pořád to jaksi nebylo ono. Ani osvětová dvouhodinovka se synem na téma proč se Sametová revoluce nejmenovala Smetanová revoluce a proč na Národní třídě v 89. nacisti nepostříleli žádné studenty, mi nepřinesla to pravé vývojářské uspokojení.
Tak jsem aspoň pod dojmem článku 36 Cool Custom Error 404 Pages předělal čtyřista čtverku na tomto webu. A jestli přestane pršet, tak půjdu nalakovat na domečku okna z ulice.
Linky na víkend 214
- Microsoft Opens the Live Search API to the Public
- Arnold Zafra
- How Much Does Semantic HTML Structure Matter for SEO?
- Ann Smarty – hledí vyhledávače na čistotu kódu?
- The Pitfall of Adding Keyboard Shortcuts to Web Apps
- Dmitry Fadeyev – na klávesové zkratky je potřeba dát pozor.
- Jsou čeští internetoví odborníci odolní vůči socialnímu inženýrství?
- Martin Hassman – vždy připraven!
- Google předvídá chřipkové epidemie
- Pavel Houser přebírá článek z NewScientist
- Hříchy pro šíleného korektora – ještě jednou o stylistice
- Petr Behún – češtinářský závěr dnešních Linků.
- Díky vs. kvůli – učebnicový příklad
- Dalibor Behún a já dodám v důsledku i vinou.
Linky na víkend 213
- WordPress as a CMS
- Chris Coyier – inspirativní screencast o použití WordPress jako CMS.
- 25+ Sites that Use Typography As The Only Design Element
- Ross Johnson – dobrá typografie dělá dobrý design.
- Golden Ratio in modern CSS
- Christos Chiotis – zlatý řez.
- Pack 004: 20 Wonderful Photoshop Tutorials for Designing Professional Navigation Menu
- Odkazy na návody pro tvorbu pěkných menu.
Úprava převodních tabulek
Už hodně dlouho jsem nedělal žádné změny na webu conVERTER. Dnes dopoledne jsem trochu vyladil některé tabulky.
Mým cílem bylo zlepšení vzhledu a čitelnosti textu v převodních tabulkách fyzikálních jednotek. Původní vzhled tabulky byl poměrně dost „naňachňaný“. Výrazný barevný podklad hlavní jednotky mi taky moc neseděl:
Původní vzhled tabulky
Proto jsem provedl několik úprav:
Nová tabulka
Jak už jsem psal, tak hlavní myšlenkou bylo zlepšení čitelnosti obsahu tabulky. Upravil jsem tyto věci:
- Zvětšil jsem mezeru mezi řádky. CSS vlastnost
line-height
jsem nastavil na hodnotu140%
. Větší rozestup řádků na webových stránkách zlepšuje čitelnost textu. - Zvětšil jsem odstup textu od mřížky tabulky (vlastnost
padding
). Větší je levý a horní okraj než dva zbývající. Větší mezery zvýrazňují sloupce i řádky. Více místa nad odstavcem dělá text opticky stabilnější. - Změnil jsem barvu pozadí prvního řádku s tzv. hlavní jednotkou. Původně hodně jásavé červené pozadí jsem zmírnil změnou barvy na okrově hnědou.
- Zkušebně jsem nasadil jQuery, kterým měním barvu lichých řádků a dělám hover efekt řádků, na kterých je kurzor myši. Použil jsem kód z článku Tutorials:Zebra Striping Made Easy.
Nové tabulky jsou třeba na stránkách plošný obsah nebo hmotnost.
Linky na víkend 212
- BadRank, seznamte se
- Dušan Janovský rozvíjí myšlenku tzv. Bad Ranku.
- SEO Diagnosis: User-Generated Duplicate Content
- Rand Fishkin – co dělat, aby lidé nevytvářeli na vašich stránkách duplicitní obsah.
- Should Arrows be Placed Before Link Text or After?
- Dmitry Fadeyev – kam dát šipky?
- CSS Tip: Improve the Look of Your Headlines Using Letter-Spacing
- Dmitry Fadeyev – dělávám to podobně.
Google indexuje obrázková PDF
Už hodně dlouho umí Google indexovat PDF dokumenty, které vznikly z textových dokumentů resp. PDF jejichž zdrojem je text. Google teď umí indexovat také PDF soubory vzniklé skenováním.
Dnes jsem se dostal k článku A picture of a thousand words? (via Google Now Searches through Scanned Documents). Evin Levey v článku na Official Google Blog píše, že Google pomocí OCR indexuje také PDF dokumenty vzniklé skenováním. Texty doposud pro robota „skryté“ v obrázcích, tak mohou být převedeny do „čitelného“ textu.
Rozpoznávání textu via OCR je na straně Google jistě hodně náročné na výpočetní výkon. Ale podle všeho se to Googlu vyplatí. Stačí vzpomenut službu Google Books nebo si představit ta kvanta PDF souborů na webu, která jsou jinak nedohledatelná.
Souvislosti
- SEO pro PDF – Jiří Bureš
- OCR – Wikipedia
- Portable Document Format – Wikipedia
Linky na víkend 211
- Transactional Email and Confirmation Messages
- Jakov Nielsen – automaticky zasílané e-maily mohou pomoci, ale i uškodit.
- Kde vzít fotky a nekrást – fotky zdarma nejen pro webdesignéry
- Petr Václavek – rozsáhlý seznam fotobank.
- 7 Things You Can Do With Xenu Link Sleuth
- Ann Smarty – tipy pro Xenu.
- CSS support in email clients
- Aktualizovaný článek o podpoře CSS v e-mailových klientech.
- Working From Home: The Readers Respond
- Čtenáři radí, jak se vypořádat s prací doma.
- Everything You Know About CSS Is Wrong
- Rachel Andrew – vlastnost
display
s hodnotamitable
,table-row
atable-cell
.
Linky na víkend 210
- Seo For The Unknown
- Diskuse na téma, jak optimalizovat na výrazy, které nikdo nehledá.
- The HTML Syntax to Stop Google Translator
- Philipp Lenssen – jak zabránit překladači překládat?
- Experience vs. Function — a Beautiful UI is Not Always the Best UI
- Dmitry Fadeyev – hezké nemusí být zákonitě funkční.
- Credit-Crunch Usability: 10 ways to maximise your usability budget
- Philip Hodgson – přišla bída na kozáky.
Linky na víkend 209
- How to Search Images Online – Most Advanced Methods
- Ann Smarty – hledání obrázků na webu.
- How Usable is Your Copy?
- Dmitry Fadeyev – typografie silně ovlivňuje použitelnost.
- CSS Compatibility and Internet Explorer
- Jak Microsoft podporuje CSS2.1 a CSS3 v různých verzích IE (via Aleš Roubíček).