Web sites are the backbone of the internet, but what many web surfers do not know is how hard it is to maintain these web sites. HTML can be cumbersome, especially when trying to change around a web site's layout and design. However, there is a better way. With the use of Cascading Style Sheets (CSS) you can keep your content and your design/layout completely seperated. More info

CSS tutorial describes how to get rid of tables and create clear and lightweight HTML layout with CSS. 'Float' and 'Clear' CSS properties are explained. More info

Last year Eric Meyer documented his thoughts on resetting the styles of a web page to a common baseline. For designers who crave pixel-perfect layouts, differences between the default styles that each browser applies can be infuriating, and this was a terrific approach to leveling the playing field in the quest for an identical render [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=ed459a59d8b217dbfe63dfd43c85c0b5" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=ed459a59d8b217dbfe63dfd43c85c0b5" style="display: none;" border="0" height="1" width="1" alt=""/> More info

With the announcement late last year that IE8 passes the Acid2 test for CSS rendering (or will pass, when it&#8217;s released), the Web Standards Project have their sights set on the next phase of their mission to encourage browser-makers to provide a consistent experience for web users. While the Acid2 test focussed on the static rendering [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=7719be18c39563a9fb71e2a8bf11d9ab" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=7719be18c39563a9fb71e2a8bf11d9ab" style="display: none;" border="0" height="1" width="1" alt=""/> More info

So, last year you might remember me running through some experiments with using percentages to position your background-image in CSS. The short version: Percentages are slightly counter-intuitive but quite powerful &#8212; if it wasn&#8217;t for IE6-7 sucking by always minutely miscalculating them. In the original post we stuck mostly to the more predictable and commonly-used percentages [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=d35750093c3e548093f9d95f0a4b3221" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=d35750093c3e548093f9d95f0a4b3221" style="display: none;" border="0" height="1" width="1" alt=""/> More info

We&#8217;re very excited to reveal that the SitePoint CSS Reference is now open to the public! Written by two of the world’s most renowned CSS experts, Tommy Olsson and Paul O’Brien, the reference contains a bunch of features that make it stand out from the pack &#8212; things like cross-browser compatibility charts and user feedback (ala [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=f320ba56bb861142bee76ae8cb5c5d19" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=f320ba56bb861142bee76ae8cb5c5d19" style="display: none;" border="0" height="1" width="1" alt=""/> More info

I guess most of us have understood for a long time that browsers rarely see eye to eye when it comes to calculating percentages, whether that be in element widths, element positioning or background placements. In fact, the background percentages post I did last year demonstrated it pretty clearly. Thanks to JQuery guru John Resig, we [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=0e5d25f72ce2a223cd3afac21fad3dd7" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=0e5d25f72ce2a223cd3afac21fad3dd7" style="display: none;" border="0" height="1" width="1" alt=""/> More info

Having recently announced the CSS Eleven initiative to provide designer feedback and input into the W3C&#8217;s CSS Working Group, Andy Clarke has responded to the Opera-Microsoft antitrust action by calling for the Group to be dissolved entirely and rebuilt without browser vendors in a controlling role. He considers this necessary not only [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=35b9bb875f171379f61025c5e5d62edf" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=35b9bb875f171379f61025c5e5d62edf" style="display: none;" border="0" height="1" width="1" alt=""/> More info

John Resig has posted a good summary (including demo code) for how one might implement cross-site XMLHttpRequest calls, a feature currently implemented by the beta 2 release of Firefox 3. In a nutshell, there are two techniques that you can use to achieve your desired cross-site-request result: specifying a special access-control header for your content, or [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=af405ab1f59b9a1e9bfa1e17885a93df" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=af405ab1f59b9a1e9bfa1e17885a93df" style="display: none;" border="0" height="1" width="1" alt=""/> More info

In a previous post I reported on the crisis within the web standards community, and in particular the controversy surrounding the W3C CSS Working Group. It seems the criticism levelled by Andy Clarke and others has not fallen on deaf ears, because a movement for change is now being led from within the [...]<br style="clear: both;"/> <img alt="" style="border: 0; height:1px; width:1px;" border="0" src="http://www.pheedo.com/img.phdo?i=9046d49fa54c21028cd5761e33b55ce2" height="1" width="1"/> <img src="http://www.pheedo.com/feeds/tracker.php?i=9046d49fa54c21028cd5761e33b55ce2" style="display: none;" border="0" height="1" width="1" alt=""/> More info