{"id":588,"date":"2009-09-28T15:32:11","date_gmt":"2009-09-28T12:32:11","guid":{"rendered":"https:\/\/www.optimiced.com\/en\/?p=588"},"modified":"2009-09-28T15:39:51","modified_gmt":"2009-09-28T12:39:51","slug":"zeldman-is-following-you-on-twitter","status":"publish","type":"post","link":"https:\/\/www.optimiced.com\/en\/2009\/09\/28\/zeldman-is-following-you-on-twitter\/","title":{"rendered":"&#8220;Jeffrey Zeldman is now following you on Twitter&#8221;"},"content":{"rendered":"<p>&#8230;or how Twitter can be actually of some use;-)<\/p>\n<p>{ Some drafts in my blog were hidden really deep, so&#8230; ;-) }<\/p>\n<p>{ This story developed somewhere in July 2009&#8230; }<\/p>\n<p><a href=\"http:\/\/twitter.com\">Twitter<\/a> is an amazing&#8230; media? Social network? Means for ultra-fast transfer of news, wisdom, stupid things and &#8220;important&#8221; things like <em>&#8220;I am drinking coffee now&#8221;<\/em>? Something like IRC, but with an option for SMS, filtering, search, etc.?<\/p>\n<p>Twitter is all of this simultaneously! :-)<\/p>\n<p><a href=\"http:\/\/www.zeldman.com\" title=\"Jeffrey Zeldman's hat :)\" class=\"imagelink\"><img decoding=\"async\" src=\"https:\/\/www.optimiced.com\/wp-uploads\/2009\/09\/jeffrey-zeldman-hat.gif\" alt=\"Jeffrey Zeldman's hat\" \/><\/a>&#8230;I am a Web designer and (partially) a <em>geek<\/em>, so it was very interesting for me to follow the discussion in two of the latest publications of Jeffrey Zeldman:<\/p>\n<p><a href=\"http:\/\/www.zeldman.com\/2009\/07\/02\/xhtml-wtf\/\">www.zeldman.com\/2009\/07\/02\/xhtml-wtf\/<\/a><br \/>\n<a href=\"http:\/\/www.zeldman.com\/2009\/07\/07\/in-defense-of-web-developers\/\">www.zeldman.com\/2009\/07\/07\/in-defense-of-web-developers\/<\/a><\/p>\n<p>&#8230;where the consequences of discontinuing the work on the <a href=\"http:\/\/www.w3.org\/News\/2009#item119\">XHTML 2 standard<\/a>, and what will happen with XHTML 1.0, HTML 4.01, as well as with the new HTML 5, were passionately discussed.<\/p>\n<p>At some point, in the Zeldman&#8217;s website, a strange bug appeared (in Firefox 3\/Win): somewhere around 3\/4 of the page with his last post and the numerous comments below, the content suddenly was disappearing (<a href=\"https:\/\/www.optimiced.com\/web\/2009\/zeldman\/zeldman-screen.jpg\">screenshot<\/a>). Without a reason. The page itself was validating perfectly and there were no problems with the encoding or the HTML\/CSS code.<\/p>\n<p>Jeffrey noticed the problem, too, and was trying to solve it for quite a <a href=\"http:\/\/twitter.com\/zeldman\/status\/2499281164\">long time<\/a>. The assumption that <a href=\"http:\/\/twitter.com\/zeldman\/status\/2504011341\">a problematic pingback<\/a> with UTF-16 encoding was the culprit, was not confirmed.<\/p>\n<p>I tried to investigate, too, out of curiosity, without any positive results, though.<\/p>\n<p>Finally, I assumed that there&#8217;s a CSS bug in the rendering engine of Firefox\/Win which (maybe) can be fixed with some new CSS rule. One of the readers of Zeldman&#8217;s blog mentioned that he tried to check something with <a href=\"http:\/\/getfirebug.com\/\">Firebug<\/a>, so I quickly made a test page + CSS file with the rule which (supposedly) was fixing this issue; then I tested in Firefox 3.0.11\/WinXP. The problem was gone! :-)<\/p>\n<p>Only one line fixed the problem for Firefox:<\/p>\n<pre lang=\"html\">\r\ndiv#wrapper {\r\noverflow: visible;\r\n}\r\n<\/pre>\n<p>Then I&#8217;ve spent some more time to test in detail if the change did not affect any other popular browser (Opera 9.6, Safari 4, Chrome 2, IE7, IE6) and finally, I <a href=\"http:\/\/twitter.com\/optimiced\/status\/2531532128\">wrote<\/a> to Zeldman, proposing him the fix for Firefox.<\/p>\n<p>Zeldman <a href=\"http:\/\/twitter.com\/zeldman\/status\/2531760143\">replied<\/a>:<\/p>\n<blockquote><p>@optimiced Will try as soon as I&#8217;m back on my feet. Thanks wise one.<\/p><\/blockquote>\n<p>Soon after that, Zeldman implemented the fix, and the design was fixed! :-)<\/p>\n<p>Unfortunately, the fix <a href=\"http:\/\/www.zeldman.com\/2009\/07\/08\/firefox-forces-red-background-flash\/\">introduced a new bug<\/a> &#8212; the background of the page was &#8220;flashing&#8221; for a second or two on each page load because <code>overflow: visible<\/code> caused the background of the element <code>#wrapper<\/code> to load with a little delay (before: <code>overflow: auto<\/code>).<\/p>\n<p>Well, after some more thought invested, I and another reader suggested two additional simple CSS solutions, which at a later stage proved to play very well together and fixed the &#8220;flashing problem&#8221; in all browsers &#8212; Firefox and Safari included! :-)<\/p>\n<p>Last (but not least), I would like to say that Jeffrey Zeldman is a cool dude! After the whole story with the CSS bugs in Firefox and the red background flash was over, Jeffrey thanked me personally and added me to his <a href=\"https:\/\/www.optimiced.com\/wp-uploads\/2009\/07\/twitter-zeldman.jpg\" title=\"Jeffrey Zeldman is now following you on Twitter\">Twitter list<\/a>, and then promised to send me the new (third) edition of his <a href=\"http:\/\/www.zeldman.com\/2009\/06\/18\/beep\/\" title=\"Designing with Web Standards: Third Edition\">popular book about Web Standards<\/a>, as a present! <em>(I think that somewhere in the <a href=\"http:\/\/www.zeldman.com\/wp-content\/themes\/zeldman-v2\/style.css\">CSS<\/a> on zeldman.com there are some more acknowledgments hidden;-)<\/em> <\/p>\n<p>It&#8217;s always nice to communicate with such people, even if with messages only 140 characters long! ;-)<\/p>\n<p>So, I am pleased to say, too: &#8220;Jeffrey, thank you!&#8221; :-)<\/p>\n<p>* * *<\/p>\n<p>Ah, and finally, why did I start this blog post with the question, what exactly is Twitter?<\/p>\n<p>Because, after using Twitter for at least a few years, I can say that Twitter allows quick, precise communication in a new way. Comments in blogs, feedback forms, emails, allow us to communicate, too, but Twitter is something different. Something, which I cannot define precisely, but something, which fulfills its purpose and is also fun!<\/p>\n<p>This is why you can (still) find me on Twitter (but you won&#8217;t probably find me on Facebook)&#8230; and, you can find me on my <a href=\"https:\/\/www.optimiced.com\/en\/\">personal blog<\/a>, of course! ;-p<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8230;or how Twitter can be actually of some use;-) { Some drafts in my blog were hidden really deep, so&#8230; ;-) } { This story developed somewhere in July 2009&#8230; } Twitter is an amazing&#8230; media? Social network? Means for ultra-fast transfer of news, wisdom, stupid things and &#8220;important&#8221; things like &#8220;I am drinking coffee&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,16],"tags":[],"class_list":["post-588","post","type-post","status-publish","format-standard","hentry","category-css","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts\/588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/comments?post=588"}],"version-history":[{"count":3,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts\/588\/revisions"}],"predecessor-version":[{"id":598,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/posts\/588\/revisions\/598"}],"wp:attachment":[{"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/media?parent=588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/categories?post=588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.optimiced.com\/en\/wp-json\/wp\/v2\/tags?post=588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}