<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Werx Limited &#187; web 2.0</title> <atom:link href="http://werxltd.com/wp/tag/web-20/feed/" rel="self" type="application/rss+xml" /><link>http://werxltd.com/wp</link> <description>We make IT work.</description> <lastBuildDate>Mon, 23 Jan 2012 23:03:59 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>A Cascading Style Sheets (CSS) Beginner&#8217;s Tutorial</title><link>http://werxltd.com/wp/2010/06/15/a-cascading-style-sheets-css-beginners-tutorial/</link> <comments>http://werxltd.com/wp/2010/06/15/a-cascading-style-sheets-css-beginners-tutorial/#comments</comments> <pubDate>Tue, 15 Jun 2010 19:39:16 +0000</pubDate> <dc:creator>wes</dc:creator> <category><![CDATA[general]]></category> <category><![CDATA[hosting]]></category> <category><![CDATA[software development]]></category> <category><![CDATA[css]]></category> <category><![CDATA[design]]></category> <category><![CDATA[framework]]></category> <category><![CDATA[web 2.0]]></category><guid
isPermaLink="false">http://werxltd.com/wp/?p=611</guid> <description><![CDATA[Learning CSS can be a bit daunting if you&#8217;ve never encountered it before. Likewise, if you&#8217;ve only had limited exposure to CSS, the various ways browsers implement various aspects of the CSS standard (or make up their own) can leave you with the impression that it is all a giant hairy mess. So to help out, [...]]]></description> <content:encoded><![CDATA[<p>Learning CSS can be a bit daunting if you&#8217;ve never encountered it before. Likewise, if you&#8217;ve only had limited exposure to CSS, the various ways browsers implement various aspects of the CSS standard (or make up their own) can <a
href="http://ajaxian.com/archives/rolling-a-coke-can-around-with-pure-css">l</a>eave you with the impression that it is all a giant hairy mess. So to help out, I&#8217;ve compiled a list of resources to make the learning curve not quite as steep for beginners and to hopefully help tame the CSS wilderness for novices.</p><p>First, here is a pretty good and in-depth video on HTML and CSS basics:<br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/GwQMnpUsj8I&amp;hl=en_US&amp;fs=1&amp;" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/GwQMnpUsj8I&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p>Next we have several handy beginner&#8217;s tutorial sites:</p><ul><li><a
href="http://htmldog.com/guides/cssbeginner/">HTML Dog&#8217;s CSS Beginner</a></li><li><a
href="http://friendlybit.com/css/beginners-guide-to-css-and-standards/">Friendly Bit&#8217;s Beginner&#8217;s Guide to CSS and Standards</a></li><li><a
href="http://www.yourhtmlsource.com/stylesheets/introduction.html">Your HTML Sourse&#8217;s Introduction to CSS</a></li><li><a
href="http://www.w3schools.com/css/default.asp">W3 Schools CSS Tutorial</a> (also an excellent reference site)</li></ul><p>Finally, here are a few <a
href="http://en.wikipedia.org/wiki/CSS_framework">CSS frameworks</a> designed to help make CSS a lot easier by providing a standard system that takes care of much of the common ugly quirks found in CSS:</p><ul><li><a
href="http://www.blueprintcss.org/">Blueprint</a></li><li><a
href="http://960.gs/">960 Grid System</a></li><li><a
href="http://elasticss.com/">ElastiCSS</a></li></ul><p>As a bonus, here are a few inspirational sites to help give you an idea of what CSS can do if applied properly:</p><ul><li><a
href="http://www.csszengarden.com/">CSS zen garden</a></li><li><a
href="http://ajaxian.com/archives/magnifyma-a-css-magnifying-glass">CSS Magnifying glass</a></li><li><a
href="http://ajaxian.com/archives/rolling-a-coke-can-around-with-pure-css">3D Coke can in CSS</a></li></ul><div
class="betterrelated none"><p>No related content found.</p></div><p><!--[if IE]><iframe
frameborder="0" allowTransparency="true" class="addtoany_special_service facebook_like" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;colorscheme=light&amp;height=20&amp;ref=addtoany" scrolling="no" style="border:none;overflow:hidden;width:90px;height:21px"></iframe><![endif]--><!--[if !IE]><!--><iframe
class="addtoany_special_service facebook_like" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;colorscheme=light&amp;height=20&amp;ref=addtoany" scrolling="no" style="border:none;overflow:hidden;width:90px;height:21px"></iframe><!--<![endif]--><!--[if IE]><iframe
frameborder="0" allowTransparency="true" class="addtoany_special_service twitter_tweet" src="http://platform.twitter.com/widgets/tweet_button.html?url=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;counturl=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;count=none&amp;text=A%20Cascading%20Style%20Sheets%20%28CSS%29%20Beginner%26%238217%3Bs%20Tutorial" scrolling="no" style="border:none;overflow:hidden;width:55px;height:20px"></iframe><![endif]--><!--[if !IE]><!--><iframe
class="addtoany_special_service twitter_tweet" src="http://platform.twitter.com/widgets/tweet_button.html?url=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;counturl=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;count=none&amp;text=A%20Cascading%20Style%20Sheets%20%28CSS%29%20Beginner%26%238217%3Bs%20Tutorial" scrolling="no" style="border:none;overflow:hidden;width:55px;height:20px"></iframe><!--<![endif]--><!--[if IE]><iframe
frameborder="0" allowTransparency="true" class="addtoany_special_service google_plusone" src="https://plusone.google.com/u/0/_/%2B1/fastbutton?url=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;size=medium&amp;count=false" scrolling="no" style="border:none;overflow:hidden;width:32px;height:20px"></iframe><![endif]--><!--[if !IE]><!--><iframe
class="addtoany_special_service google_plusone" src="https://plusone.google.com/u/0/_/%2B1/fastbutton?url=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;size=medium&amp;count=false" scrolling="no" style="border:none;overflow:hidden;width:32px;height:20px"></iframe><!--<![endif]--><a
class="a2a_button_linkedin" href="http://www.addtoany.com/add_to/linkedin?linkurl=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;linkname=A%20Cascading%20Style%20Sheets%20%28CSS%29%20Beginner%26%238217%3Bs%20Tutorial" title="LinkedIn" rel="nofollow" target="_blank"><img
src="http://werxltd.com/wp/wp-content/plugins/add-to-any/icons/linkedin.png?9d7bd4" width="16" height="16" alt="LinkedIn"/></a><a
class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwerxltd.com%2Fwp%2F2010%2F06%2F15%2Fa-cascading-style-sheets-css-beginners-tutorial%2F&amp;title=A%20Cascading%20Style%20Sheets%20%28CSS%29%20Beginner%26%238217%3Bs%20Tutorial" id="wpa2a_2">Share/Save</a></p>]]></content:encoded> <wfw:commentRss>http://werxltd.com/wp/2010/06/15/a-cascading-style-sheets-css-beginners-tutorial/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Multi-threading in Web 2.0</title><link>http://werxltd.com/wp/2009/06/10/multi-threading-in-web-20/</link> <comments>http://werxltd.com/wp/2009/06/10/multi-threading-in-web-20/#comments</comments> <pubDate>Wed, 10 Jun 2009 19:21:22 +0000</pubDate> <dc:creator>wes</dc:creator> <category><![CDATA[software development]]></category> <category><![CDATA[extjs]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[multi threading]]></category> <category><![CDATA[performance]]></category> <category><![CDATA[web 2.0]]></category><guid
isPermaLink="false">http://werxltd.com/wp/?p=54</guid> <description><![CDATA[I've been tasked with speeding up a web 2.0 application based on ExtJS 2.2.0 that contains several routines that take up quite a bit of time and, because IE6's javascript processing engine is less than stellar ((In other words, it sucks pretty bad.)), I needed to find a way to "speed things up".]]></description> <content:encoded><![CDATA[<p>I&#8217;ve been tasked with speeding up a web 2.0 application based on ExtJS 2.2.0 that contains several routines that take up quite a bit of time and, because <a
href="http://technologytales.com/2007/06/22/ie6-and-javascript-performance/">IE6&#8242;s javascript processing engine is less than stellar</a><sup><a
href="http://werxltd.com/wp/2009/06/10/multi-threading-in-web-20/#footnote_0_54" id="identifier_0_54" class="footnote-link footnote-identifier-link" title="In other words, it sucks pretty bad.">1</a></sup>, I needed to find a way to &#8220;speed things up&#8221;.</p><p>Enter <a
href="http://extjs.com/deploy/dev/docs/?class=Ext.TaskMgr">Ext.TaskMgr</a>, a helpful ExtJS object that is essentially a glorified <a
href="http://www.w3schools.com/htmldom/met_win_settimeout.asp">setTimeout</a> implementation that allows us to run tasks that don&#8217;t block execution. This means we can set our more expensive blocks of code to run later but return control back to the user in the meantime. It&#8217;s not true multi-threading, but it does allow us to make the user interface a lot more responsive and in an age when users think 5 seconds is an eternity, <a
href="http://msdn.microsoft.com/en-us/library/bb288452.aspx">perception is everything</a>.</p><div
class="betterrelated none"><p>No related content found.</p></div><ol
class="footnotes"><li
id="footnote_0_54" class="footnote">In other words, it sucks pretty bad.</li></ol>]]></content:encoded> <wfw:commentRss>http://werxltd.com/wp/2009/06/10/multi-threading-in-web-20/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Browsers, timezones, and Date</title><link>http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/</link> <comments>http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#comments</comments> <pubDate>Fri, 05 Jun 2009 18:57:39 +0000</pubDate> <dc:creator>wes</dc:creator> <category><![CDATA[software development]]></category> <category><![CDATA[ajax]]></category> <category><![CDATA[client]]></category> <category><![CDATA[server]]></category> <category><![CDATA[timezones]]></category> <category><![CDATA[web 2.0]]></category><guid
isPermaLink="false">http://werxltd.com/wp/?p=44</guid> <description><![CDATA[Recently I ran across an interesting problem involving dates and timezones while working on a rich web 2.0 application whose primary purpose was to allow the user to enter time values that were then saved, as true date objects, onto the server.]]></description> <content:encoded><![CDATA[<p>Recently I ran across an interesting problem involving dates and timezones while working on a rich web 2.0 application whose primary purpose was to allow the user to enter time values that were then saved, as true date objects, onto the server<sup><a
href="http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#footnote_0_44" id="identifier_0_44" class="footnote-link footnote-identifier-link" title="Which, in this case is JBoss and Oracle">1</a></sup>.</p><p>Up until now I have not used time values on both a server and client level, I&#8217;d referred instead to use a UNIX timestamp that the server<sup><a
href="http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#footnote_1_44" id="identifier_1_44" class="footnote-link footnote-identifier-link" title="Database or web application tier">2</a></sup> did not touch or, if they did, they did so with the client being the authoritative source.</p><p>This case was different in that the server was the authoritative source and all clients were required to deal with time values in the server&#8217;s timezone context<sup><a
href="http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#footnote_2_44" id="identifier_2_44" class="footnote-link footnote-identifier-link" title="For us, this happened to be Eastern Standard Time">3</a></sup>.</p><p>Herein lies the rub.</p><p>For this project we were using ExtJS 2.2.0 and made extensive use of <a
href="http://extjs.com/deploy/dev/docs/?class=Date">ExtJS&#8217;s extensions</a> to the regular <a
href="http://www.webreference.com/programming/javascript/diaries/15/2.html">Javascript Date object</a>. Little did we know, <a
href="http://extjs.com/forum/showthread.php?t=70412">the Date object is implemented per browser</a> and while some browsers<sup><a
href="http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#footnote_3_44" id="identifier_3_44" class="footnote-link footnote-identifier-link" title="Such as Chrome and Fire Fox">4</a></sup> will honor timezone designations, other browsers<sup><a
href="http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#footnote_4_44" id="identifier_4_44" class="footnote-link footnote-identifier-link" title="Such as, surprise surprise, Internet Explorer 6 and 7">5</a></sup> doggedly convert any and all Date objects into the timezone  of the current system they are running on<sup><a
href="http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/#footnote_5_44" id="identifier_5_44" class="footnote-link footnote-identifier-link" title="We tested this by simply adjusting the date/time on our Windows desktops">6</a></sup>.</p><p>While there are some solutions out there like <a
href="http://js.fleegix.org/plugins/date/date">Freegix</a> that perport to include solutions for switching timezones on the client-side, we have yet to find any solutions that are truly drop-in replacements.</p><p>Why couldn&#8217;t IE just honor the &#8216;T&#8217; or &#8216;O&#8217; designations in the first place? One can only wonder what possessed the IE team when it came to this issue&#8230;</p><p>So if you are writing a web 2.0 application that passes dates between the client and server, make sure you remember that the browser has the final say in how your time gets parsed.</p><div
class="betterrelated none"><p>No related content found.</p></div><ol
class="footnotes"><li
id="footnote_0_44" class="footnote">Which, in this case is JBoss and Oracle</li><li
id="footnote_1_44" class="footnote">Database or web application tier</li><li
id="footnote_2_44" class="footnote">For us, this happened to be Eastern Standard Time</li><li
id="footnote_3_44" class="footnote">Such as Chrome and Fire Fox</li><li
id="footnote_4_44" class="footnote">Such as, surprise surprise, Internet Explorer 6 and 7</li><li
id="footnote_5_44" class="footnote">We tested this by simply adjusting the date/time on our Windows desktops</li></ol>]]></content:encoded> <wfw:commentRss>http://werxltd.com/wp/2009/06/05/browsers-timezones-and-date/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using apc
Page Caching using apc
Database Caching 2/14 queries in 0.041 seconds using apc
Object Caching 460/480 objects using apc

Served from: werxltd.com @ 2012-02-05 02:46:46 -->
