July 2010
4 posts
1 tag
Co bych zlepšil na Weblogy.cz?
Vytvořit agregátor jakéhokoliv internetového obsahu se jeví jako poměrně snadný úkol („To dáš da večer, woe.” – Vláďa, programátor, 16 let) a technicky tomu tak do jisté míry je.
Jenže agregátory by neměly obsah jen triviálně seskupovat, ale také o něm přemýšlet. Kromě náznaků u Facebooku jsem neviděl žádný co by to uměl dobře. A to včetně agregátoru co provozuji. Předkládám tedy na pohled...
3 tags
Dejte stylopis pro všechna média do jednoho...
Mám rád princip tumblelogu. Skvěle funguje pro šíření myšlenek napříč webem. Do blogu si skrze vlastní ego nikdo cizí nápady neprotlačí. Vzhůru dolů je tumblelog. :-)
Mít blog, nemůžu celý post postavit na myšlence Nicolase Gallaghera…
Don’t see the point of setting media queries in the HTML (on ) when setting them in your CSS file is more flexible and informative.
For example, if...
3 tags
Na obranu IE6
Málo věcí je ve webdesignu tak jednoznačných jako image Microsoft
Internet Exploreru verze 6 mezi vývojáři. Lze to považovat za kolorit, asi
jako nadávky na politiku před volbami. Dvě obvyklá trvzení vývojářů mě
ovšem nutí stavět se do opozice ustáleného názoru:
„IE6 je tak málo rozšířený, že jej mohu již nyní směle
ignorovat.”
„Ladění webů pro IE6 vyžaduje nadlidské množství...
1 tag
Podtržený hover v Cufónu
Vypadá to superjednoduše, ale není to tak. Chcete-li zmiňovaný efekt zajistit i mimo Firefox, nejdříve totiž musíte povolit hover stav, který Cufón z výkonnostních důvodů defaultně vypíná…
Cufon.set('hover', true)
Metodu set() musíte volat ještě před replace().
Druhý problém je, že CSS vlastnost text-decoration: underline Cufón (ve verzi 1.09) na hover stav nepodporuje.
Pomůže tedy...
June 2010
1 post
2 tags
“Using a browser detect means that you have to constanly maintain the site that...”
– … píše Mark Pilgrim v článku The dangers of browser detect z roku 2006. Neuškodí si ho jednou za rok přečíst. U sebe mám odsledováno, že potřeba a chuť detekovat prohlížeče a jejich verze pro potřeby CSS se ke mě cyklicky vrací.
Mark Pilgrim má samozřejmě pravdu, ale znáte to … prvek...
May 2010
4 posts
3 tags
“Just because you can use a script font to display your primary content doesn’t...”
– Na Mashable shrnují základní fakta o Web Fonts. Díky Google je teď velmi snadné na web vlastní fonty nasadit, ale dávejte moc velký pozor v případě „chlebového” písma (písma pro delší texty). V naší kotlině jsem na takovýto nešťastný způsob použití narazil u Klábosení, které je na zařízeních bez...
2 tags
Webfonts jsou díky Google zase blíže lidem. Jen ne...
Co ale my webdesignéři uděláme s těmi cca 20% lidí, kteří nemají zapnutý antialiasing (například Firefox na WinXP)? Těm Google Webfonts nepomohou. Buď je všechny navedeme k jednomu zatržítku :-) nebo najdeme cestu jak detekovat uživatele bez antialiasingu a nabídneme jim alternativu.
3 tags
Tumblr nebo Posterous? Nejdřív jeden a pak druhý
Na Tumblr publikuji aktuální verzi Vzhůru dolů a mám za sebou řadu nasazení pro klienty Shortcat. Dnes jsem konečně pořádně prošel také Posterous. Oba blogovací systémy jsou srovnávány a i když na otázku „Který vybrat?” asi neodpovím všem, několik postřehů bych měl…
Předně — je chybou oba porovnávat jako aplikace pro stejné použití. Tumblr se skvěle hodí pro lidi, kteří chějí publikovat...
2 tags
April 2010
1 post
4 tags
Dirk Jesse, autor YAML, o CSS frameworcích
Zvládnete němčinu? Kvůli téhle prezentaci byste mohli. :-) Autor YAML v ní představuje svůj pohled na CSS frameworky.
Layout Frameworks im professionellen Webdesign
View more presentations from djesse.
Několik vzájemně nesouvisejících poznámek…
Dirk zmiňuje také nevýhody resetovacích CSS: Meyerova a YUI. Dá se souhlasit s tím, že reset, který mění nativní způsob zobrazování prvků...
February 2010
3 posts
4 tags
Jak v Internet Exploreru zjistit, zda prvek má...
javascript:alert(id_hledaneho_prvku.currentStyle.hasLayout);
Občas se může zdát, že MSIE bug, který právě proklínáte, nemůže ze špatného nastavení vlastnosti hasLayout vycházet, protože ji má určitě nastavenou správně. Ověřte to vždycky raději tímhle způsobem v adresním poli prohlížeč, nejspíš se totiž mýlíte. Vím o čem mluvím. .-)
3 tags
Manuál stylopisů (a jednoduchost CSS můžeme zase...
Jak se ve změti CSS pravidel webového projektu dobrat systému, který bude snadno přenositelný na jiného člověka? Jak to udělat s technologií, jejíž esencí je jednoduchost? Supergeeky proklínaná a amatéry zbožňovaná vlastnost kaskádových stylů.
Jednoduchost technologie špatný kód neospravedlňuje
„Ach, kdyby jen specifikace CSS obsahovala proměnné!” a další geekovské povzdechy si můžeme odpustit,...
2 tags
Otcovsky o organizaci času
Toto je skutečný příběh. :-)
Jedna z věcí, o které mě narození syna obohatilo, je zvýšená
ostražitost k neúčelnému trávení vlastního času. Ne tak jak se to
říká v knížkách nebo školeních GTD, myslím doopravdy. Jako rodiče mě
Honzík vybavil kruhy pod očima a výborným čichem na infiltraci blbostí do
času stráveného prací.
Spousta lidí má proti blbostem dobrý imunitní systém. Jenže...
January 2010
6 posts
2 tags
“Apple si definoval zariadenie, ktoré nebude vyhovovať montérom so skrutkovačom,...”
– Spravodaj.Madaj.sk o iPadu
5 tags
WatchSquarespace — aplikace, která vám vezme práci :-)
Zatím nejpropracovanější webCMS, jaké jsem viděl a také učebnice uživatelskému rozhraní webové aplikace. Doporučuji přihlásit se a učit se, učit se, učit se.
Titulek je samozřejmě nadsazený. Nicméně jsem přesvědčený, že je tady doba, kdy klienti přestanou s poptávkou na prezentační web chodit za námi webdesignéry a budou si nás pouze najímat...
7 tags
Cufón nebo Typeface.js — který vybrat?
Než budeme moci v prohlížečích začít široce používat @font-face, Typekit a další písně typografické budoucnosti, musíme se rozhodnout mezi třemi hlavními technologiemi sloužícími k nahrazení písma přímo v prohlížeči. sIFR, Cufón a nebo Typeface.js.
sIFR díky komplikovanému nastavování a velmi špatné rychlosti při načítání stránky postupně nahrazujeme jeho současnějšími sourozenci. Oba...
4 tags
1 tag
“When we filed for our IPO, we attached to the document a statement about how we...”
– Eric Schmidt vysvětluje více než sympatický fakt, že Google se nerozhoduje vždy jen na základě byznys cílů a akcionáři s tím musí počítat.
2 tags
“There’s never really a great way to apologize, but there are plenty of terrible...”
– Jason Fried má s omlouváním jisté zkušenosti. Citace z jeho příspěvku do ebooku Setha Godina What Matters Now.
December 2009
8 posts
3 tags
„Ne, web nemusí vypadat stejně ve všech...
Client: “I saw the design on Sam’s IE7 today and she doesn’t see the rounded corners or shadows. Can IE not ‘do’ those?” Me: “No. IE uses very old technology. I can hack the site to use lots of images and other things, but that will likely slow the site down for everyone. Plus it means that I will tie the HTML to the visual layout, making the site less flexible (and expensive) to update in...
2 tags
5 tags
Názvy tříd v CSS a přehnaná láska k sémantice
„Sémantický web” je prý v kolizi s pojmenováváním tříd v CSS podle vzhledu prvku. Vážení sémantičtí maniaci, ukážu vám případ kdy vaše náboženství neplatí.
Cituji z článku Roberta Nymana o objektovém CSS:
As you might be aware of, using good semantics is very important to me, and when it comes to both elements being used as well as the naming of CSS classes, I believe it should contain a...
3 tags
“Flickr is somewhat unique in that it uses a code repository with no branches;...”
– O vlastním způsobu uvádění funkcí do produkčního prostředí píší vývojáři Flickru na svém Development Blogu. Taky vás to překvapuje? Flickr stále používá Subversion, takže možná nemusí. Článek je zajímavý i pro ty z nás, kdo používají verzovací systém, kde je větvení a spojování vývojových větví bez...
2 tags
5 tags
Tisknout vlastní fonty z webové stránky? S...
Když potřebujete tisknout jinými než systémovými fonty, máte problém. Včera jsme si o tom vyměnil pár tweetů s @hasmanm, @honzasladek a @atpok.
Krásně se sice nabízí čerstvá modla webových typografů, @font-face, ale zdá se, že pro tisk vlastních fontů má tahle technologie má nejlepší léta ještě před sebou.
Udělal jsem dneska komplexnejší test na OpenType.info demostránce. Vše na Windows XP:
...
1 tag
“Typograf má dle Tschicholda primárně 3 úkoly – uspořádat text tak, aby byl co...”
– Neuškodí si Jana Tschicholda připomenout, tentokrát na blogu Jana Řezáče.
3 tags
Kodér na kolejích (zkušenosti s Ruby on Rails)
Je možné vyvíjet weby s redakčním systémem na míru aniž byste byli skutečným programátorem? Atmosféra kolem Ruby on Rails dává naději i lidem, kteří by si dříve nebo s jinou technologií netroufli. Podívejte se jak dopadl někdo, kdo rozumí HTML a CSS, ale programování je pro něj horká kaše.
Železničářské Ministerstvo propagandy v časech recese šetří a tak nezbyly dotace na další nadšenecký...
November 2009
5 posts
1 tag
“Největší kritik si tak dlouho nedal pokoj, až jsme ho zaměstnali a s letošním...”
– Ján Simkanič, výkonný ředitel společnosti Internet Info hovoří o kolegiální atmosféře v jeho firmě při organizaci ankety Křišťálová lupa. :-)
2 tags
3 tags
Lepší být první než poslední (CSS třídy .first a...
Třídu .last používá mnoho kodérů (a CSS frameworků) pro označení posledního prvku řady, který má nést odlišné vlastnosti.
CSS:
.column { float: left; margin-right: 20px; width: 300px; } .last { margin-right: 0; }
HTML:
<div class="column">...</div> <div class="column">...</div> <div class="column last">...</div>
Není to ale nejlepší nápad....
1 tag
toLocaleString() a převod datumu a čísla do...
Javascript skrývá mnoho (mně) netušených zákoutí, které budu rád navštěvovat při práci na uživatelských rozhraních. Třeba funkce toLocaleString().
V každé příručce píší, že umí převádět datum do formátu uzpůsobeného jazyku operačního systému…
var today = new Date(); today.toLocaleString(); --> "16. listopad 2009 22:28:16"
…ale kromě toho zvládá do lokálně obvyklé podoby formátovat...
2 tags
“We rarely have meetings. I hate them. They’re a huge waste of time, and...”
– The Way I Work: Jason Fried of 37Signals
October 2009
3 posts
1 tag
Můj WebExpo program
Pátek
Začnu v 15:30 na Janu Korbelovi, protože věřím, že z něj bude mluvit praxe a rád bych si jeho zkušenost porovnal se svými.
Pak mám pauzu na čaj, a pokud ho vypiju rychle a potlačím rýmu, vyrazím na Roberta Haase a jeho přednášku Slepá honba za zásahem.
Obsah přednášky Molly Holzschlag je pro mě docela nejasný, ale zajímá mě jako člověk, který se tou prací živí a evidentně jí moc baví.
...
2 tags
CSS: Ukázky zdrojového kódu se šířkou podle obsahu
Pro ukázky zdrojového na tomto blogu nově používám jednoduchý systém — šířka bloku se zdrojovým textem se přizpůsobuje délce obsahu:
Dlouhatánský obsah bude vyčnívat ze šířky bloku s textem tak abychom maximálně využili volný prostor.
Přičemž ovšem naopak krátký obsah neporuší šířku bloku, což uvidíme na druhém příkladu:
Jsem krátký obsah.
CSS kód je přitom jednoduchý:
pre { display:...
4 tags
Vladimir Carrer: rozhovor na téma CSS frameworky
Vladimir bude za pár dní přednášet na WebExpo. Jelikož se naše oblíbená kódérská témata částečně překrývají, vyměnili jsme si pár e-mailů a s jeho svolením publikuji jako rozhovor zde, na Vzhůru dolů.
Jak u tebe vznikla potřeba zabývat se CSS frameworky? Přišel impuls z vlastní práce nebo tě oslovily diskuze mezi vývojáři?
Přišel s požadavkem jednoho z mých klientů, který potřeboval...
September 2009
5 posts
4 tags
1 tag
CSS: alternativní logo pro tisk
print.css: #logo img { display: none; } #logo:after { content: url('/images/logo.print.png'); }
Karmi se ptá, jestli znám tenhle trik. Obecně interesantní způsob jak v tiskové verzi zobrazovat jiný obsah než v onscreen. Neznám a děkuji za tip!
4 tags
Štorm o efektivitě řemeslníka postavené proti...
František Štorm v Esejích o typografii píše:
„Když jsem se ucházel o zakázku na tzv. corporate identity jisté firmy, byl jsem pozván na jednání s konkurenční agenturou, které argumentovala docela správně, že jako jednotlivec nemůžu obsáhnout všechny náležitosti design manuálu, imageové kampaně, řídit inzerci, mediaplán a podobné velkolepé strategické kroky. … Já jsem ale přišel s tím, že...
3 tags
6 tags
První pohled na Baseline CSS
Potěší všechny, kdo od CSS frameworku očekávají hlavně dobrou typografickou vrstvu a nehledají nástroj pro prototypování nebo layoutování webů. Mezi takové patřím, pojďme jej rozbalit.
Jiný rytmus
Baseline se od ostatních (mně známých) liší hlavně principem vertikálního gridu. Blueprint a další jsou založeny na „přilepování prvků” k opakující se výšce řádku (line-height). Baseline jako jednotku...
August 2009
4 posts
2 tags
“… z analýzy návštěvnosti se získává zpětná vazby k osobnímu (byť oborově...”
– Krásné, že Marek Prokop toto říká na serveru, zabývajícím se posedlostí čísly.
1 tag
“… laik by se vlastně o písmo ani zajímat nemusel, protože čitelné písmo je...”
– František Štorm o estetické podobě písma v Respektu.
3 tags
WatchBoks je vizuální editor layoutu postavený na gridu Blueprint CSS. Tahle Air aplikace je výrazně efektivnější než všechny dosud dostupné online „layoutovací” nástroje. Layout skoro jako v Dreamweaveru!
4 tags
Blueprint CSS tip: změna velikosti písma nebo...
Ach ta matematika. Při používání Blueprintu nepotřebujete složité tabulky, abyste dokázali velikost písma v pixelech převést do jednotek em nebo procent.
Nepotřebujete ani složitou matematiku. Stačí si zapamatovat, že — pokud jste nenastavili jinak nebo v rodičovských prvcích nepřenastavili — základní velikost písma odpovídá 12 a základní výška řádku pak 16 pixelům.
Když máte (v PSD například)...
July 2009
8 posts
4 tags
Písmolijna Typotheque nabídne další způsob...
Po oznámení velmi nadějného Typekitu je tady další řešení, tentokrát od holandské písmolijny původně slovenského Petera Biľaka:
Typotheque … is working on a web font-embedding system which is based on W3C standards and provides a secure, reliable way to use fonts whose files are hosted on a global network of servers (cloud hosting).
Bude zřejmě využívat stávající podpory @font-face a...
4 tags
WatchDrag and drop mezi okny prohlížeče a nebo mezi desktopem a prohlížečem nabídne framework SwellJS. Další “malý krok pro webové aplikace”. (Via Zdroják)
4 tags
3 tags
Vertikální centrování víceřádkového obsahu v...
Je to jeden z častých úkolů v CSS, který vypadá v prohlížeči jednoduše…
…a v HTML taky:
<a href="http://www.example.com"> <span>Víceřádkový obsah ve <span>u vnořeném v <a></span> </a>
Jenže jednoduchý vůbec není. Alespoň ne, pokud uvažujeme o podpoře MSIE ve verzích starších než 8.
K centrování jednořádkového obsahu se...
2 tags
3 tags
Aktualizace RSS Vzhůru dolů: přišel kouzelník...
Sledovat návštěvnost webu v Google Analytics je krásný způsob zabíjení času, ale obraz návštěvníků v době decentralizovaného obsahu distribuovaného na různá místa webu výrazně ztrácí na důvěryhodnosti.
Návštěvníci z vyhledávačů nejsou pro blog tak zajímaví jako ti, kteří jej opravdu čtou.
Abych poznal i vás, kteří ani nevíte jak Vzhůru dolů vypadá a článek čtete ve své RSS čtečce, nasazuji měřič...