<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><description>Semantics explained. Written by Honza Sládek.</description><title>Without Answers</title><generator>Tumblr (3.0; @withoutanswers)</generator><link>http://withoutanswers.com/</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/withoutanswers" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="withoutanswers" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://tumblr.superfeedr.com/" /><item><title>UX Lx - day 2</title><description>&lt;p&gt;Second day of UX Lx in Lisbon. Some notes taken during sessions:&lt;/p&gt;

&lt;h2&gt;Open session: Seduction design: forget the art of persuasion - Sarah Morris&lt;/h2&gt;

&lt;p&gt;First - great &lt;a href="http://twitpic.com/1neyoa"&gt;sketch notes by Lucy Spence&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;And now a few of my notes:&lt;/p&gt;

&lt;p&gt;Let’s start with quote: “&lt;em&gt;Casanova was the first interaction designer in the world&lt;/em&gt;”. According to Sarah, he always found an attractive woman with a problem. He solved her problem, she was grateful and… well, you can imagine. Then he got bored with her, so he left her and started the whole process again.&lt;/p&gt;

&lt;p&gt;And now some serious notes on how to define quality relationship (aplies to partners in life and customers as well):&lt;/p&gt;

&lt;ol&gt;&lt;li&gt;Invest in quality time&lt;/li&gt;
&lt;li&gt;Security and comfort&lt;/li&gt;
&lt;li&gt;Dependence / independence&lt;/li&gt;
&lt;li&gt;Regular reassurance (Say them how lucky you are they’re with you)&lt;/li&gt;
&lt;li&gt;Actively listen and respond&lt;/li&gt;
&lt;li&gt;Making the extra effort (little suprises like buy a flower, send a gift card to a customer on his/her birthday) &lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Sarah also said in her talk, that “&lt;em&gt;nobody can talk at UX conference without mentioning Apple&lt;/em&gt;”. So true. This company was like everywhere at UX Lx. And a good half of what Jared Spool talked about was about Apple too.&lt;/p&gt;

&lt;p&gt;Great talk.&lt;/p&gt;

&lt;h2&gt;Open session: Application Design mixing UX, Learning and Knowledge Management Methodologies - Silvia Calvet&lt;/h2&gt;

&lt;p&gt;This talk was about a project Silvia worked on and they were making some software for a goverment and most of the things they were doing was trying to make people from different departements to talk to each other.&lt;/p&gt;

&lt;p&gt;For me nothing really inspiring there. Pity, I met Silvia before and she’s really nice person, maybe was a bit nervous before the audiance?&lt;/p&gt;

&lt;h2&gt;Workshop: Making Smart Design Decisions (Collaborative techniques for analyzing usability testing data) - Dana Chisnell&lt;/h2&gt;

&lt;p&gt;This workshop started with a &lt;a href="http://www.uie.com/articles/kj_technique/"&gt;KJ technique&lt;/a&gt;. (Link leads to Jared Spools article about it, if you don’t know it.)&lt;/p&gt;

&lt;p&gt;We were answering the question: “&lt;em&gt;What obsacles do teams face in implementing user experience design pracices?&lt;/em&gt;” and what we came up with was lack of time, lack of knowledge and lack of money.&lt;/p&gt;

&lt;p&gt;It was fun to play with 50 people.&lt;/p&gt;

&lt;h3&gt;Big idea: share experience&lt;/h3&gt;

&lt;p&gt;Second thing I took from this workshop is about telling stories: People who observed sessions should get together at the end of the day and in 15 minutes or less tell each other stories what they saw. You can actually put them on the paper and your report is done. :)&lt;/p&gt;

&lt;h3&gt;Big Idea: observers buy-in&lt;/h3&gt;

&lt;h4&gt;Third thing: Rolling Issues Lists&lt;/h4&gt;

&lt;p&gt;When you observe sessions, you can put notes on a whiteboard. Everyone gets a pen and writes what he considers important. Then you can put these things on a paper and work with them later.&lt;/p&gt;

&lt;h4&gt;Big idea: making sense of the data&lt;/h4&gt;

&lt;p&gt;And how to work with that? You can put them into a sheet with these columns:&lt;/p&gt;

&lt;p&gt;Observation - what happened&lt;/p&gt;

&lt;p&gt;Inference - what is the gap between behavior and UI might be&lt;/p&gt;

&lt;p&gt;Opinion - why you think it’s happening&lt;/p&gt;

&lt;p&gt;Direction - what to do about it&lt;/p&gt;

&lt;h3&gt;And in the end some links to follow:&lt;/h3&gt;

&lt;p&gt;&lt;a href="http://usabilitytestinghowto.blogspot.com"&gt;http://usabilitytestinghowto.blogspot.com&lt;/a&gt;
&lt;a href="http://www.wiley.com/go/usabilitytesting"&gt;www.wiley.com/go/usabilitytesting&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;All together?&lt;/h2&gt;

&lt;p&gt;Great day, great sessions, tons of inspiration.&lt;/p&gt;</description><link>http://withoutanswers.com/post/600528492</link><guid>http://withoutanswers.com/post/600528492</guid><pubDate>Sat, 15 May 2010 12:23:00 +0200</pubDate></item><item><title>UXLx Lisbon - day 1 </title><description>&lt;p&gt;I’m at a UX conference in Lisbon. Everything we talk about here is user experience and similar stuff, but I think its genuinely connected to semantics, because both care about meaning of things a lot. So I’ll be posting some notes from the conference here. Hope you enjoy them.&lt;/p&gt;

&lt;p&gt;Today I came to the afternoon sessions. There were two open sessions I attended - What’s the story? and UX 4 kids. Both great and insightful, specially designing for kids. One thing I brought from it - if you design for kids, you have to think like kids and test a lot. But be careful, kids aren’t ideal subjects for user testing.&lt;/p&gt;

&lt;p&gt;And then there was this workshop “Copywriting for web” with Eric Reiss. And it was brilliant. However I know a lot of the things Eric Reiss was talking about, he is just wonderful speaker and he really can interact with the audience. (I actually invited him to Prague WebExpo but he can’t attend this year, he already has another conference. So maybe next year?)&lt;/p&gt;

&lt;p&gt;Anyway - just few bullet points from the workshop for you to think about:&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;The most important thing for writers is shared reference. That means, that everyone knows what you write/talk about and their imagination of that thing is pretty similar to yours.&lt;/li&gt;
&lt;li&gt;Don’t take anything for granted&lt;/li&gt;
&lt;li&gt;Most of the things you know about SEO is bullshit&lt;/li&gt;
&lt;li&gt;Shorter text isn’t better&lt;/li&gt;
&lt;li&gt;Longer text often sells more&lt;/li&gt;
&lt;li&gt;People read on the screen. Just slower and in a different way. (Oh, but maybe iPad will change that)&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;That’s it for now, looking forward to tomorrow.&lt;/p&gt;</description><link>http://withoutanswers.com/post/593137825</link><guid>http://withoutanswers.com/post/593137825</guid><pubDate>Wed, 12 May 2010 21:50:26 +0200</pubDate><category>ux</category><category>uxlx</category><category>lisbon</category></item><item><title>Google opinion on what is the future of semantic search....</title><description>&lt;iframe width="400" height="225" src="http://www.youtube.com/embed/200OVIZb1YI?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Google opinion on what is the future of semantic search. They’re all about statistics, but interesting to see.&lt;/p&gt;</description><link>http://withoutanswers.com/post/533023499</link><guid>http://withoutanswers.com/post/533023499</guid><pubDate>Mon, 19 Apr 2010 13:09:12 +0200</pubDate><category>video</category><category>semantics</category></item><item><title>Google support for Microdata</title><description>&lt;p&gt;It’s happening. On Tuesday Google &lt;a href="http://googlewebmastercentral.blogspot.com/2010/03/microdata-support-for-rich-snippets.html"&gt;announced it’s support Microdata&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Right now they support &lt;a href="http://www.google.com/support/webmasters/bin/answer.py?answer=146645"&gt;reviews&lt;/a&gt;, &lt;a href="http://www.google.com/support/webmasters/bin/answer.py?answer=146646"&gt;people profiles&lt;/a&gt; and &lt;a href="http://www.google.com/support/webmasters/bin/answer.py?answer=164506"&gt;events&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Hopefully this step will increase interest in Microdata and we’ll see some tools for extracting these informations from browser to actually help users, like Microformats does. Till then I’m sticking with them on clients sites.&lt;/p&gt;

&lt;p&gt;But the freedom to choose Microformats, RDFa or Microdata and be sure, that Google actually understand them, it’s a great news.&lt;/p&gt;</description><link>http://withoutanswers.com/post/443300213</link><guid>http://withoutanswers.com/post/443300213</guid><pubDate>Fri, 12 Mar 2010 14:28:00 +0100</pubDate><category>microdata</category><category>google</category></item><item><title>Colorizing images on :hover with jQuery </title><description>&lt;p&gt;On &lt;a href="http://clevis.cz"&gt;clevis.cz&lt;/a&gt; we have black&amp;white images in &lt;a href="http://clevis.cz/co-delame"&gt;portfolio&lt;/a&gt;. I wanted to colorize them on :hover.&lt;/p&gt;

&lt;p&gt;I wanted to do it and had these goals:&lt;/p&gt;

&lt;ol&gt;&lt;li&gt;Without styles and/or JavaScript there will be just a gray image.&lt;/li&gt;
&lt;li&gt;I don’t want to create CSS sprite for each image, it’s time consuming and boring.&lt;/li&gt;
&lt;li&gt;I want to use &lt;img&gt; tag for specifying portfolio image in my code.&lt;/li&gt;
&lt;li&gt;I still want to preload both images (black&amp;white and colored versions), I want to avoid blinking.&lt;/li&gt;
&lt;li&gt;I want to fade in and fade out colored version.&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;I knew I will have to use jQuery, because CSS can’t do this alone.&lt;/p&gt;

&lt;p&gt;I begun with code of a portfolio image. Semantically it made sense to me to use new HTML5 elements &lt;figure&gt; and &lt;figcaption&gt;, see &lt;a href="http://html5doctor.com/summary-figcaption-element/"&gt;html5 doctor&lt;/a&gt; for further explanation.&lt;/p&gt;

&lt;script src="http://gist.github.com/326465.js?file=portfolio.html"&gt;&lt;/script&gt;&lt;p&gt;Now I decided that this code is pretty nice and I don’t want to add any anything else just to enable desired effect.&lt;/p&gt;

&lt;p&gt;I googled to find how others are solving this. After a while I found &lt;a href="http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/"&gt;this great tutorial on The Art Of Hand Coding&lt;/a&gt;. It’s using CSS sprites but it gave me the idea that I can dynamically take url address from &lt;img&gt; element and set it to another element as background.&lt;/p&gt;

&lt;p&gt;But I actually needed to change that url a bit to find the right colorized image to the black&amp;white variant.&lt;/p&gt;

&lt;p&gt;At first it seemed impossible to me, because I’m not much jQuery expert. But after a quick google search I found &lt;a href="http://projects.allmarkedup.com/jquery_url_parser/"&gt;this wonderful plugin&lt;/a&gt; created by Mark Perkins, which allowed me to change the URL.&lt;/p&gt;

&lt;p&gt;After a while I’ve putted together this script:&lt;/p&gt;

&lt;script src="http://gist.github.com/326465.js?file=gistfile2.js"&gt;&lt;/script&gt;&lt;p&gt;It loads the right image (colorized version of portfolio images are prefixed with “color-” and generated automatically by a little Automator script) and the image is placed behind the &lt;img&gt; element. The only thing left is now to fade in and to fade out the colored image, which is pretty easy in jQuery and I actually used the code from The Art Of Hand Coding. It works like this: you slowly let the &lt;img&gt; disappeared and then the background of the link is visible.&lt;/p&gt;

&lt;script src="http://gist.github.com/326465.js?file=gistfile3.txt"&gt;&lt;/script&gt;&lt;p&gt;And that’s it! All 5 goals completed, it works awesome in every browser I tested it in. (from IE6 to the latest Webkit night build). Check it out at &lt;a href="http://clevis.cz/co-delame"&gt;clevis.cz/co-delame&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;What do you think?&lt;/p&gt;</description><link>http://withoutanswers.com/post/436621749</link><guid>http://withoutanswers.com/post/436621749</guid><pubDate>Tue, 09 Mar 2010 11:33:09 +0100</pubDate><category>semantics</category><category>clevis</category><category>jquery</category><category>html5</category></item><item><title>Solving line-breaking problem</title><description>&lt;p&gt;While lunching new web site of company I work for - &lt;a href="http://www.clevis.cz"&gt;clevis.cz&lt;/a&gt; (which looks so awesome thanks to &lt;a href="http://www.josefrichter.com/"&gt;Josef Richter&lt;/a&gt;) - I run into a problem I had problem to solve semantically.&lt;/p&gt;

&lt;p&gt;If you look at our site there’re headlines like this one:&lt;/p&gt;

&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_kyzf5fJIQz1qzgwr2.png" alt=""/&gt;&lt;/p&gt;

&lt;p&gt;I really love their style. However they introduce a problem. The text is specifically divided into two (or more) lines just to look better. No semantics in it at all. What to do with it?&lt;/p&gt;

&lt;p&gt;On my personal site - &lt;a href="http://honzasladek.com"&gt;honzasladek.com&lt;/a&gt; - I run to the same problem and tried to solve it with specifying precise width. I know, this attempt was doomed to fail. But it worked with some problems on Mac and Windows alike. But Opera sometimes just didn’t render a word on the next line, line-height got broken in several browsers and other horrible things happened.&lt;/p&gt;

&lt;p&gt;This wasn’t the best way to go. Tired of it I used &lt;code&gt;&lt;br /&gt;&lt;/code&gt;, which I’m ashamed of till now, but didn’t find the time to change it yet.&lt;/p&gt;

&lt;p&gt;On Clevis.cz I used &lt;code&gt;&lt;span&gt;&lt;/code&gt; elements with display:block; for certain parts of text to cause the line-break. I’m not completely happy with it but it solves the problem and it doesn’t do anything when styles are off. (But the code isn’t as clean as it could be, you know ;))&lt;/p&gt;

&lt;p&gt;Unfortunately I can’t think of any better solution. Can you?&lt;/p&gt;</description><link>http://withoutanswers.com/post/435263713</link><guid>http://withoutanswers.com/post/435263713</guid><pubDate>Mon, 08 Mar 2010 22:17:00 +0100</pubDate><category>clevis</category><category>semantics</category></item><item><title>"All our work, our whole life is a matter of semantics, because words are the tools with which we..."</title><description>“All our work, our whole life is a matter of semantics, because words are the tools with which we work, the material out of which laws are made, out of which the Constitution was written. Everything depends on our understanding of them.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;strong&gt;Felix Frankfurter&lt;/strong&gt; on why we should care about semantics.&lt;/em&gt;</description><link>http://withoutanswers.com/post/371085636</link><guid>http://withoutanswers.com/post/371085636</guid><pubDate>Thu, 04 Feb 2010 22:33:25 +0100</pubDate><category>semantics</category><category>quote</category></item><item><title>RDFa Working Group lunched.</title><description>&lt;p&gt;Yesterday (that is 2. 2. 2010) was officially lunched &lt;a href="http://www.w3.org/2010/02/rdfa/"&gt;RDFa Working Group&lt;/a&gt;. It’s really an exciting news for everyone interested in semantics.&lt;/p&gt;

&lt;p&gt;After W3C discontinued XHTML 2, many people thought, that RDFa is as good as dead. Obviously it’s not.&lt;/p&gt;

&lt;p&gt;Among other things this group will support incorporating RDFa into HTML5 and, of course, will be updating and developing RDFa. I’m really excited about some ideas people are discussing in the group public email discussion. They could make RDFa much easier to understand and write for many people.&lt;/p&gt;

&lt;p&gt;I’ll let you know if anything interesting happens.&lt;/p&gt;</description><link>http://withoutanswers.com/post/368668908</link><guid>http://withoutanswers.com/post/368668908</guid><pubDate>Wed, 03 Feb 2010 13:16:00 +0100</pubDate><category>semantics</category><category>rdfa</category><category>w3c</category></item><item><title>Define: Without Answers</title><description>&lt;p&gt;Let me summarize few things:&lt;/p&gt;

&lt;ol&gt;&lt;li&gt;This site was created in July 2009 and since then I wrote about 5 real articles. Not good.&lt;/li&gt;
&lt;li&gt;Internet is full of blogs about web design.&lt;/li&gt;
&lt;li&gt;Nobody needs another blog about web design.&lt;/li&gt;
&lt;li&gt;I’m not a web designer.&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;If there’s one thing I’m possessed about, it’s semantics. It’s the next frontier of the web. So I’ll be writing about it.&lt;/p&gt;

&lt;p&gt;What can you expect to read? A series about RDFa, news about: RDFa in HTML5, Microdata and Microformats, my thoughts on semantic markup and much more.&lt;/p&gt;

&lt;p&gt;I hope one day I’ll have here guest posts about semantics and interviews with people who really care about semantics. But it’s just a plan for the future.&lt;/p&gt;

&lt;p&gt;If you’re interested in semantics I suggest you to subscribe to my &lt;a href="http://feeds.feedburner.com/withoutanswers"&gt;RSS feed&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;P.S.: My personal thoughts about other aspects of life I’m going to publish only in Czech on my &lt;a href="http://blog.honzasladek.com"&gt;blog&lt;/a&gt; (sure, it’s powered by Tumblr).&lt;/p&gt;</description><link>http://withoutanswers.com/post/361433992</link><guid>http://withoutanswers.com/post/361433992</guid><pubDate>Sat, 30 Jan 2010 16:04:14 +0100</pubDate><category>about</category></item><item><title>Jak se skutečně narodil Fakturoid</title><description>&lt;p&gt;This post is in Czech only.

&lt;/p&gt;&lt;p&gt;Příběh Fakturoidu z pohledu člověka, který jeho vývoj sledoval tak nějak z povzdálí

&lt;/p&gt;&lt;p&gt;Po světě spolu chodí spousta lidí, ale tihle dva se vyloženě hledali. Nevím, jak se vlastně nakonec našli, ale mělo to určitě něco společného s velikostí českého webového rybníčku. 

&lt;/p&gt;&lt;p&gt;Ze začátku vše probíhalo naprosto standardně. Nejdřív zjistili, že je baví si spolu povídat. Pak se z toho vyklubalo nějaké to pozvání na kafe.. A nakonec se jednou při diskuzi o  tajemných &lt;a href="http://37signals.com"&gt;Signálech&lt;/a&gt; dohodli, že si spolu pořídí děťátko.

&lt;/p&gt;&lt;p&gt;Tedy abych byl přesnější - robotí děťátko. Normální děti už dneska prostě nejsou v módě a robotí děťátko má řadu výhod. Nejí, nespí, neřve. Akorát ho udělat trvá trošku déle.

&lt;/p&gt;&lt;p&gt;I za použití nejmodernějších metod pro rychlý růst robůtků, jako je jízda na &lt;a href="http://rubyonrails.org/"&gt;kolejích&lt;/a&gt; či ozařování jasným světlem z &lt;a href="http://apple.com"&gt;nakousnutého jablka&lt;/a&gt; ve dvě ráno, to trvalo rok.

&lt;/p&gt;&lt;p&gt;Prenatální vývoj našeho robůtka probíhal poměrně dobře, přesně dle příručky pro mladé rodiče - &lt;a href="http://gettingreal.37signals.com/"&gt;Getting Real&lt;/a&gt;. Zodpovědní rodiče se věnovali každému detailu a velmi rychle si uvědomili, že by bylo chytré malého robůtka něco naučit, aby nebyl jako všechny ostatní děti pasivem, ale stal se aktivem. 

&lt;/p&gt;&lt;p&gt;No a co je na světě jednoduššího než český daňový systém? A tak se robůtek ještě před narozením začal učit vydávat faktury či hackovat se do databází Ministerstva Financí. Do toho musel hodně posilovat, aby vypdal k světu. Bylo rozhodnuto, že zelená s šedivou jsou dneska cool a tak nosí oblečení v těchto barvách. Jediný, komu se to nelíbilo, byly hlavičky u tabulek. A tak tabulky už hlavičky nemají… 

&lt;/p&gt;&lt;p&gt;V půlce vývoje byla touha pochlubit se malým robůtkem tak silná, že nešlo odolat. A tak byla velká párty pro pár V.I.P. hostů a ti mohli začít robůtkovi povídat, co by vlastně chtěli vystavit. Jenže zákeřní hosté si začali vymýšlet spoustu bláznovin, začali chtít řešit DPH a cosi jako Proforma faktury. Z toho se malému robůtkovi, i jeho rodičům, udělalo trošku nevolno, ale statečně to vydýchali a hosty nevyhodili. Místo toho společně strávili dlouhé hodiny učením robůtka. Rozhodně to bylo zábavnější než Windows 7 welcome párty.

&lt;/p&gt;&lt;p&gt;No a po vyleštění robůtkových zubů (kvůli úsměvu do kamer) a koupení vánočního dárku (bílý jednorožec na hraní), nastal čas představit robůtka světu. 


&lt;/p&gt;&lt;hr&gt;&lt;p&gt;Přeji robůtkovi pod stromeček (a k jeho 0. narozeninám) &lt;a href="http://www.fakturoid.cz/"&gt;Fakturoidovi&lt;/a&gt; hodně spokojených uživatelů a jeho tvůrcům, &lt;a href="http://twitter.com/daeltar"&gt;Lukášovi&lt;/a&gt; s &lt;a href="http://jankorbel.cz/"&gt;Honzou&lt;/a&gt;, hodně platících uživatelů. :)

&lt;/p&gt;&lt;p&gt;Osobně jsem měl to štěstí, že jsem se mohl účastnit beta testovací párty a byla to fakt jízda. Robůtek toho už spoustu umí a co neumí, to se velmi rychle učí. &lt;a href="http://www.fakturoid.cz/faktury-cenove-tarify.html"&gt;Zkuste ho taky&lt;/a&gt;! &lt;/p&gt;</description><link>http://withoutanswers.com/post/298288912</link><guid>http://withoutanswers.com/post/298288912</guid><pubDate>Thu, 24 Dec 2009 10:37:29 +0100</pubDate><category>fun</category><category>czech</category><category>Fakturoid</category></item><item><title>Stop being creative with class names</title><description>&lt;p&gt;So I read today an article on &lt;a href="http://www.codinghorror.com/blog/"&gt;Coding Horror by Jeff Atwood&lt;/a&gt;. It’s title says “&lt;a href="http://www.codinghorror.com/blog/archives/001314.html"&gt;Microformats: Boon or Bane?&lt;/a&gt;” and it really caught my attention. After reading it I just had to write this post.&lt;/p&gt;

&lt;p&gt;The article says, among other things, one really true thing about Microformats. They’re really not perfect, they have their flaws. But I believe Jeff Atwood is wrong when it comes to what these flaws are.&lt;/p&gt;

&lt;p&gt;His main problem with Microformats is that they’re using class attribute to make they’re magic. &lt;a href="http://www.codinghorror.com/blog/archives/001314.html"&gt;Read his arguments&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;I believe that almost in every book about html &amp; css will be a note on naming classes. It’ll say you something about naming them “semantic” and not to use something like “left-blue-column” because you could move the column to the right in the future and make it, I don’t know, orange. Unless the authors are completely stupid and nobody noticed that ‘till now, I suppose there is some true in they’re advices. &lt;/p&gt;

&lt;p&gt;Then we have the all-mighty progressive enhancement technique. If I apply it to html + css coding, it basically says: “Write your html markup first - as semantic as you can, worry about the css later”. So if I would follow it to the letter, I would write my markup WITHOUT any class name and then use CSS3 selectors so heavily, that only nightly build of Webkit could display my site correctly. It would be nice, if all my costumers would be using nightly build of Webkit (which they, what a surprise, don’t).&lt;/p&gt;

&lt;p&gt;So I need to add some classes.&lt;/p&gt;

&lt;p&gt;So I think really hard to come out with the right set of semantic class names. But even I think I was really successful, someone else will always say - “hell, it’s stupid class name”. And we have one more thing to argue about in discussions.&lt;/p&gt;

&lt;p&gt;Microformats, HTML5 and ARIA are about to change all that. I believe soon there won’t be any need to use my own class names. (Today I might use my own class names if I need to support some version of our bellowed IE.) We all will just use Microformats class names, ARIA attributes and new structural HTML 5 tags. That’s it.&lt;/p&gt;

&lt;p&gt;I don’t know where this approach will take us (I can imagine some snippets libraries, OOCSS frameworks applied to it, some magic with JavaScript, etc.), but I can tell you - I’m looking forward for this future.  What I found after 7 years in this beautiful industry, is one thing - we web designers are pretty creative and smart bunch of people. So if we take class names as given and focus our creativity to different areas, it’s likely to move the web design industry another step further.&lt;/p&gt;

&lt;p&gt;And If you think the Microformats are piece of shit - that’s fine by me. Use RDFa instead. In the end it does the same thing from this point of view. You’ll just need a bit more advanced selectors. And when Microdata arrives? Still the same! (Except at RDFa and Microdata you won’t need to use classes at all. :)) &lt;/p&gt;

&lt;p&gt;Btw. if you’re thinking not using any of these, go right now and find yourself a new job. Because this is not a matter of choice since Google got on board.&lt;/p&gt;

&lt;p&gt;Btw2. &lt;a href="http://forabeautifulweb.com/blog/about/more_on_developing_naming_conventions_microformats_and_html5/"&gt;Andy Clark wrote a post about naming conventions&lt;/a&gt; about an year ago, so I didn’t invented this approach at all. I’m just it’s huge fun and I felt a need to share it with you today.&lt;/p&gt;

&lt;p&gt;So don’t be afraid and start together this (r)evolution! Are you with me?&lt;/p&gt;</description><link>http://withoutanswers.com/post/280774345</link><guid>http://withoutanswers.com/post/280774345</guid><pubDate>Sat, 12 Dec 2009 23:48:25 +0100</pubDate><category>microformats</category><category>css</category><category>html</category></item><item><title>Commenting CSS files</title><description>&lt;p&gt;I think commenting your CSS files is really important thing to do. Recently I discovered &lt;a href="http://cssdoc.net"&gt;cssdoc.net&lt;/a&gt;, a project aimed to port JavaDoc comment style to CSS. I tried to use it on one of my projects and I want to share here my comments structure and I humbly ask you for an opinion. Is it good? Do you see some space for enhancements? How do you comment your css files? I’m looking forward for your opinions, I hope we’ll together find some best practices.&lt;/p&gt;
&lt;p&gt;Some notes:&lt;/p&gt;
&lt;p&gt;This is the beginning of my CSS file.&lt;/p&gt;
&lt;script src="http://gist.github.com/244547.js?file=css-comment-init"&gt;&lt;/script&gt;&lt;p&gt;This is basic structure of my CSS files for easier orientation.&lt;/p&gt;
&lt;script src="http://gist.github.com/244547.js?file=css-section"&gt;&lt;/script&gt;&lt;p&gt;This comments one part of my CSS file.&lt;/p&gt;
&lt;script src="http://gist.github.com/244547.js?file=css-subsection"&gt;&lt;/script&gt;&lt;p&gt;When this projects goes live I’ll share a link with you to see it in practice. Follow me on &lt;a href="http://twitter.com/honzasladek"&gt;Twitter&lt;/a&gt;.&lt;/p&gt;</description><link>http://withoutanswers.com/post/260809416</link><guid>http://withoutanswers.com/post/260809416</guid><pubDate>Sat, 28 Nov 2009 16:32:00 +0100</pubDate><category>css</category><category>comments</category></item><item><title>"I did most of the important work in my career to date using crappy old equipment. Unless..."</title><description>“I did most of the important work in my career to date using crappy old equipment. Unless you’re editing high-def video or creating feature film animation, you don’t need great hardware to do good work. You just need a passion for the work.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a href="http://jeffrey.zeldman.usesthis.com/"&gt;Jeffrey Zeldman&lt;/a&gt;&lt;/em&gt;</description><link>http://withoutanswers.com/post/242888109</link><guid>http://withoutanswers.com/post/242888109</guid><pubDate>Fri, 13 Nov 2009 22:15:57 +0100</pubDate></item><item><title>Your CMS needs to evolve</title><description>&lt;p&gt;There are literally thousands of content management systems out  there. Many of them open sourced or free to use, some of them as hosted  services, some of them as classic shareware. And still many of us have  an urgent need to WRITE OUR OWN CMS to fit our needs.&lt;/p&gt;
&lt;p&gt;In 21. century, when there’s an library for almost everything.  When everyone is using some framework. When everyone tends to do  different things then reinvent the wheel. Isn’t it kinda stupid? I think  so. But…&lt;/p&gt;
&lt;p&gt;CMS as we know them are systems of the past. They look and work  the same way today as they did in 2000. They didn’t respond to the Web  2.0 (or we may call it a  “social networks era”). They didn’t catch the  change of the web design industry. There were times when one man could  be an expert in every part of web design process. When web sites looked  mostly the same (header, navigation column, content and footer). Today  we need a whole team to create really great sites. And today’s web  sites? They definitely don’t look the same.&lt;/p&gt;
&lt;p&gt;Today we tend to play with every word  on the web site. And a  typical page has a number of important areas, not only one “content”  area. For instance your product advertisement, quick info about your  clients, embedded Twitter and so on. And not even after a day of  searching on Google for some CMS even remotely capable of handling these  things, I ended up with empty hands. So the only option remains - to  write your own CMS (or something similar) to address your needs.&lt;/p&gt;
&lt;p&gt;And there comes the Question (oh yeah, big one). If you worked  hard on the text, if you paid a lot of attention to every pixel, how  much power should you give your CMS user? Should he be able to edit  texts on the site? Or only few defined areas? Should he be able to add  images where he wants? And isn’t it better to just ask him to send you  an email when he’ll want to make changes? Maybe his site would in the  end work much better.&lt;/p&gt;
&lt;p&gt;And when building CMS just for yourself, should  even you have such a power? Isn’t it better to do the process of  changing something on live site a bit difficult to make you think before  doing changes? (We all know what happens when you send an email when  tired, right?)&lt;br/&gt;Is it worth the costs to build an CMS? And if to build one - what  should it be capable to do? In my opinion we need something like CMS  but I think that what we’ll use in the future will have completely  different approach to content, will support social networks etc.  Unfortunately I don’t know how it will work or look like. I believe they will be be  paid services and they’ll be hosted by some companies, not the creator of the web site. But the rest remains hidden. What do you think?&lt;/p&gt;
&lt;p&gt;PS: Note that I’m not talking about CMSs for blogging, it’s  completely different situation and I think that current CMSs handles  this pretty well.&lt;/p&gt;</description><link>http://withoutanswers.com/post/241790390</link><guid>http://withoutanswers.com/post/241790390</guid><pubDate>Thu, 12 Nov 2009 22:00:12 +0100</pubDate><category>thoughts</category><category>cms</category></item><item><title>"The CUE-2 teams reported 310 different usability problems. The most frequently reported problem was..."</title><description>“The CUE-2 teams reported 310 different usability problems. The most frequently reported problem was reported by seven of the nine teams. Only six problems were reported by more than half of the teams, while 232 problems (75 percent) were reported only once. Many of the problems that were classified as “serious” were only reported by a single team. Even the tasks used by most or all teams produced very different results—around 70 percent of the findings for each of these common tasks were unique.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a href="http://www.uie.com/articles/molich_interview/"&gt;Rolf Molich, in an interview with Christine Perfetti&lt;/a&gt;&lt;/em&gt;</description><link>http://withoutanswers.com/post/236145077</link><guid>http://withoutanswers.com/post/236145077</guid><pubDate>Sat, 07 Nov 2009 19:17:00 +0100</pubDate></item><item><title>Talk about Web Fonts I gave at WebExpo 2009</title><description>&lt;p&gt;I uploaded my presentation at SlideShare. I’m not sure if it’s to much use without words, but maybe video will come out soon too. It’s in Czech, if someone’s interested in translation to English, please ask politely in comments. But no promises :)&lt;br/&gt;I feel pretty good about the presentation and the response of the audience had blow me away. I’m happy you liked it, it was an honor to be a speaker at such a big conference. &lt;br/&gt;&lt;object height="355" width="425" data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=webfonts2009-091017154809-phpapp02&amp;stripped_title=hon-za-fonty-na-webu" type="application/x-shockwave-flash"&gt;
&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=webfonts2009-091017154809-phpapp02&amp;stripped_title=hon-za-fonty-na-webu"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;/object&gt;
&lt;br/&gt; View more &lt;a href="http://www.slideshare.net/"&gt;documents&lt;/a&gt; from &lt;a href="http://www.slideshare.net/jansladek"&gt;jansladek&lt;/a&gt;.&lt;/p&gt;</description><link>http://withoutanswers.com/post/215738606</link><guid>http://withoutanswers.com/post/215738606</guid><pubDate>Sat, 17 Oct 2009 22:54:00 +0200</pubDate></item><item><title>Links about @font-face</title><description>&lt;p&gt;So I’m giving a talk about Web Fonts at &lt;a target="_blank" href="http://webexpo.cz"&gt;WebExpo 2009&lt;/a&gt; in Prague this Saturday (17.10. 2009). And because a presentation is a bad place for links I’m posting few of them here. Hope you enjoy them.&lt;/p&gt;
&lt;p&gt;There’s so much going on in Web Fonts. Every day there are new discoveries &amp; problems &amp; solutions emerging. I’ll try to keep this list as up-to-date as possible, but no promises.&lt;/p&gt;
&lt;p&gt;The bold one are must read for everyone interesting in @font-face.&lt;/p&gt;
&lt;h2&gt;Using @font-face&lt;/h2&gt;
&lt;ul&gt;&lt;li&gt;&lt;b&gt;I Love Typography - &lt;a target="_blank" href="http://ilovetypography.com/2009/07/20/web-fonts-%E2%80%94-where-are-we/"&gt;Web Fonts - where are we?&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Jeffrey Zeldman - &lt;a target="_blank" href="http://www.zeldman.com/2009/05/23/web-fonts-now-how-were-doing-with-that/"&gt;Web Fonts Now&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Hakon Wium Lie - &lt;a target="_blank" href="http://www.alistapart.com/articles/cssatten"&gt;CSS @ Ten: The Next Big Thing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Tim Brown - &lt;a target="_blank" href="http://nicewebtype.com/notes/2009/07/17/web-font-licensing-the-basic-idea/"&gt;Web Font licencing - the basic idea&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Jonathan Snook - &lt;a target="_blank" href="http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master"&gt;Becoming a Font Embedding Master&lt;/a&gt;&lt;/b&gt; &lt;/li&gt;
&lt;li&gt;Paul Irish - &lt;a target="_blank" href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/"&gt;Bulletproof @font-face syntax&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;h2&gt;Performance Issues&lt;/h2&gt;
&lt;ul&gt;&lt;li&gt;&lt;b&gt;Steve Souders - &lt;a target="_blank" href="http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/"&gt;@font-face and Performance&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Paul Irish - &lt;a target="_blank" href="http://paulirish.com/2009/fighting-the-font-face-fout/"&gt;Fighting the @font-face FOUT&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Stoyan Stefanov - &lt;a target="_blank" href="http://www.phpied.com/gzip-your-font-face-files/"&gt;Gzip your @font-face files&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Zoltan Hawryluk - &lt;a target="_blank" href="http://www.useragentman.com/blog/2009/10/09/more-font-face-fun/"&gt;More @font-face fun&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;h2&gt;Free Fonts for Embedding&lt;/h2&gt;
&lt;ul&gt;&lt;li&gt;&lt;a target="_blank" href="http://www.fontsquirrel.com/fontface"&gt;FontSquirell&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/"&gt;Spyrestudios&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://kernest.com"&gt;Kernest&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://webfonts.info"&gt;webfonts.info&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://openfontlibrary.fontly.org/"&gt;Open Type Library&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://font-face.com/"&gt;Font-face.com&lt;/a&gt; (in time) &lt;/li&gt;
&lt;/ul&gt;&lt;h2&gt;Font Serving Services&lt;/h2&gt;
&lt;ul&gt;&lt;li&gt;&lt;a target="_blank" href="http://typekit.com"&gt;Typekit&lt;/a&gt; (private beta)&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://typotheque.com"&gt;Typotheque&lt;/a&gt; (private beta)&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://fontdeck.com/"&gt;Fontdeck&lt;/a&gt; (private beta)&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://kernest.com"&gt;Kernest&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description><link>http://withoutanswers.com/post/213970354</link><guid>http://withoutanswers.com/post/213970354</guid><pubDate>Thu, 15 Oct 2009 21:21:30 +0200</pubDate></item><item><title>Does CSS Needs Variables, Selector Blocks Or Similar Stuff? </title><description>&lt;p&gt;For a better part of my (short) life I was convinced it does. But lately I can’t help myself not to think that it would make more mess then good.&lt;/p&gt;
&lt;p&gt;About a month ago Jeffrey Zeldman published an article “&lt;a target="_blank" href="http://www.zeldman.com/2009/07/24/why-standards-fail/"&gt;Why Standards Fail&lt;/a&gt;”. Among other things he shows there how CSS become so popular. It evolved from a really simple set of rules, which made your web pages look so much better, into an giant and complex standard which, without a doubt, is &lt;a target="_blank" href="http://css3.info"&gt;CSS 3&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;To quote Jeffrey Zeldman:&lt;/p&gt;
&lt;p&gt;“If CSS had initially offered the power, depth, and complexity that CSS 3 promises, we would still be designing with tables or Flash. Even assuming a browser had existed that could demonstrate the power of CSS 3, the complexity of the specification would have daunted everyone but Eric Meyer, had CSS 1 not come out of the gate first.”&lt;/p&gt;
&lt;p&gt;So CSS was made simple, without variables or similar things, and it’s popularity shows it was probably a good decision. CSS 2 and 3 slowly adds more control over typography, layouts etc. And all of that I can choose to use right now because it’s nicely backward compatible - if older browser doesn’t now a property it simply ignores it. Therefore any visitor can read my site, only in modern browsers the site will look a little bit nicer. But who cares if he finds information he needs, right?&lt;/p&gt;
&lt;p&gt;And now imagine that we would add variables and nesting to CSS. I would suddenly have a pretty hard choice - to use them and forget older browsers (Or detect them and serve them different stylesheet, which I’m against, so I’m not going to do it. And it’s 2 times that much work.) or not to use them and wait till the old browsers disappear. I would say that most of the people would choose not to use them. So now we would have in CSS something nobody uses and it pretty complicates the language. But shouldn’t we do it for the future?&lt;/p&gt;
&lt;p&gt;I simply don’t think so. Why?&lt;/p&gt;
&lt;ol&gt;&lt;li&gt;We can always use something like &lt;a target="_blank" href="http://lesscss.org/"&gt;LESS&lt;/a&gt;. Something that will compile my own syntax which suits me to classic CSS file.&lt;/li&gt;
&lt;li&gt;I’m not convinced that we need something like that. Sure &lt;a target="_blank" href="http://meyerweb.com/eric/thoughts/2009/02/12/selector-blocks/"&gt;selector blocks&lt;/a&gt; like those Eric Meyer proposed might be useful. As well as variables. But I’m much more into writing compiling programs than adding more complexity to already complex specification. &lt;/li&gt;
&lt;li&gt;When we could add it now to the spec (which we can’t and it would take many years) and browsers would add support into their next version (let’s say it would take about a year) we would have to wait about six years for old browser to leave the market so we would be able to use our new cool selector blocks or variables. 7 years from now. Wow. Will anyone who wants to add those things to CSS now interested in them after so long?&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;And what do you think? Would you use variables or selector blocks or other similar things? Please comment!&lt;/p&gt;
&lt;p&gt;And if you’re interested in using variables and selector blocks in CSS be sure not to miss my next article in which I’ll be talking about LESS and how it allows you to use variables and selector blocks. This was just a small theoretical introduction, hopefully it wasn’t too boring. :)&lt;/p&gt;</description><link>http://withoutanswers.com/post/174883150</link><guid>http://withoutanswers.com/post/174883150</guid><pubDate>Sat, 29 Aug 2009 21:24:00 +0200</pubDate><category>css</category></item><item><title>Apologies &amp; WebExpo 2009</title><description>&lt;p&gt;I’m sorry I didn’t write here anything for quite a long time. But I’m going to change it. Starting today I’m going to publish at least 2 articles per week. If I won’t, well… I’ll do 100 pushups. Sounds fair, right?&lt;/p&gt;
&lt;p&gt;In a meantime I would like to invite you to &lt;a title="WebExpo" href="http://www.webexpo.cz"&gt;WebExpo 2009&lt;/a&gt;, the largest Czech web conference which takes place in Prague from 16/10 to 18/10 2009. There are still avalaible tickets and the program looks wonderful. Among many talks you can find even my talk about Web Fonts &amp; CSS3 (Saturday 17/10, 13:00-13:45, Webdesign &amp; UX Room (E I)) and my best friend’s (Tomáš Jukin’s) workshop about UML and Unified Process (Saturday, 9:00 - 12:30). We’ll definitely look forward to meet you there!&lt;/p&gt;
&lt;p&gt;From the topic of my talk you can guess what I’m going to write about till the conference. I have a plan in mind that I’ll be preparing my talk here on the blog and than I’ll ask you, my dear 3 readers, for you opinions and ideas. I’m really looking forward for this kind of cooperation, I hope you’ll be willing to help. I’ll be most grateful!&lt;/p&gt;
&lt;p&gt;Take care!&lt;/p&gt;</description><link>http://withoutanswers.com/post/172302461</link><guid>http://withoutanswers.com/post/172302461</guid><pubDate>Wed, 26 Aug 2009 20:57:00 +0200</pubDate></item><item><title>Object Oriented CSS - should you care?</title><description>&lt;p&gt;Few last weeks I’m keep thinking about the concept of &lt;a target="_blank" title="Object Oriented CSS at GitHub" href="http://wiki.github.com/stubbornella/oocss"&gt;OOCSS&lt;/a&gt; (Object Oriented CSS, first presented by it’s author Nicole Sullivan at Web Directions North in Denver). It is aimed to make it easy to maintain huge projects with thousands of sites and to make it easy for even beginners to participate in the project.&lt;/p&gt;
&lt;p&gt;It works like this: If something on the site looks and behaves somehow it will look and behave the same way anywhere on that site. If you want to change the way it looks you have to add a class to that. The name however comes from related concept of “extending” elements look with classes - in OOCSS is pretty common to add multiple classes to one element. That’s all. Pretty simple, wouldn’t you say?&lt;/p&gt;
&lt;p&gt;First time I heard this idea was after a huge project which I have written with the classic coding style - containter element has some class and a look of the content inside depends on the class of this container. This allows you to use CSS selectors at max and produce really nice looking and clean code which is pretty maintainable - well, for coders.&lt;/p&gt;
&lt;p&gt;Then the problem comes in - programmers. They are really nice guys but they mostly know only basics about CSS and HTML. So if they want to move something on the page they usually just use cmd+c and cmd+v. And than it’s not working, they want to fix it, you do it and than it all happens again and again and again.&lt;/p&gt;
&lt;p&gt;OOCSS promises to set you free of this. But as always there’s a darkside..&lt;/p&gt;
&lt;p&gt;You have to change the way you write and think about CSS and HTML. Your code is suddenly flooded with classes, some of them with not really semantic names (what is semantic on .size1of2?). I’m semantic kind of guy, I really love Microformats and RDFa, I think about the meaning of every HTML element, I WANT my classes to be semantic.&lt;/p&gt;
&lt;p&gt;Despite that I decided to give OOCSS a try. I want to try if its really going to make a difference for programmers and I wonder how will it work with Microformats - will I need much more classes even after applying them? And what about the diference of the file size - will it be noticebly bigger? Or smaller? And how will it work with &lt;a target="_blank" title="LESS" href="http://lesscss.org/"&gt;LESS CSS&lt;/a&gt;?&lt;/p&gt;
&lt;p&gt;There’s too many questiong waiting for answers. And I’m really looking forward to explore these things and to share my thoughts. I hope you’re looking forward too.&lt;/p&gt;</description><link>http://withoutanswers.com/post/146359621</link><guid>http://withoutanswers.com/post/146359621</guid><pubDate>Wed, 22 Jul 2009 00:42:00 +0200</pubDate><category>css</category><category>oocss</category></item></channel></rss>

