<?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>Mediatomics &#187; webstandards</title>
	<atom:link href="http://www.mediatomics.com/tag/webstandards/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mediatomics.com</link>
	<description>Online communication</description>
	<lastBuildDate>Sat, 30 Apr 2011 08:06:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>xHTML strict and opening a url in a new window</title>
		<link>http://www.mediatomics.com/2008/10/12/xhtml-strict-and-opening-a-url-in-a-new-window/</link>
		<comments>http://www.mediatomics.com/2008/10/12/xhtml-strict-and-opening-a-url-in-a-new-window/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 10:55:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.mediatomics.com/?p=23</guid>
		<description><![CDATA[If you need to validate your web pages against the xHTML Strict DTD, you will run into some practical problems. One of these problems is that according to this DTD, the target attribute for a-elements is deprecated. So how then does one create links that will open a web page in a new window? The ]]></description>
			<content:encoded><![CDATA[<p>If you need to validate your web pages against the xHTML Strict DTD, you will run into some practical problems. One of these problems is that according to this DTD, the target attribute for a-elements is deprecated. So how then does one create links that will open a web page in a new window?</p>
<p>The solution is found in a combination of Javascript and CSS. Basically it&#8217;s quite simple: we provide every link that needs to be opened in a new window with a class. Then we use Javascript to track down all these links and assign the appropriate behaviour. Let&#8217;s see how this works.</p>
<h2>The CSS part</h2>
<p>We apply a separate class to all links to be opened in a new window. We may call this class something like &#8216;newwin&#8217;, so we get some indication on its purpose. If needed we may add some visual styling tothis class, but the principal purpose of the class is to identify these links so we can add some onclick behaviour.</p>
<pre>&lt;a href="http://www.somewebsite.com" class="newwin"&gt;Some website&lt;/a&gt;</pre>
<p><span id="more-23"></span></p>
<h2>The Javascript part</h2>
<p>We include a function in the head of the document that makes it possible to open a url in a new window.</p>
<pre>&lt;script type="text/javascript" src="openstrict.js"&gt;&lt;/script&gt;</pre>
<p>We see the following when we look at the file &#8217;openstrict.js&#8217;.</p>
<pre>function looplinks(){
   var links = document.getElementsByTagName("a");
   if(links){
      for (var i = 0; i &lt; links.length ;i++){
         if(links[i].className == "newwin"){
            links[i].onclick = openstrict;
         }
      }
   }
}
function openstrict(){
   window.open(this);
   return false;
}</pre>
<p>The function &#8217;looplinks()&#8217; is called at the end of the xHTML document. This function looks up all links in the document and checks whether a link has a class &#8216;newwin&#8217; added to it. If so, an onclick event is defined for the link. In this onclick event, the function  &#8216;openstrict()&#8217; is called.</p>
<p>The function &#8217;openstrict()&#8217; catches the clicked element and uses the value of its href attribute to open this url in a new window, using the Javascript method window.open. We add the &#8216;return false&#8217; statement to prevent opening the url in the current window.</p>
<p>The last thing left to do, is calling  &#8216;looplinks()&#8217;. We do this by placing the following just before the closing body tag.</p>
<pre>&lt;script type="text/javascript"&gt;looplinks();&lt;/script&gt;</pre>
<p>That&#8217;s it. No rocket science, valid xHTML Strict and an easy way to open links in a new window. Tested under Windows  in IE6, IE7, Firefox 2 en 3 and Safari 3.1.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mediatomics.com/2008/10/12/xhtml-strict-and-opening-a-url-in-a-new-window/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chrome has arrived</title>
		<link>http://www.mediatomics.com/2008/09/02/google-chrome-has-arrive/</link>
		<comments>http://www.mediatomics.com/2008/09/02/google-chrome-has-arrive/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 11:06:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Open source]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://www.mediatomics.com/?p=35</guid>
		<description><![CDATA[After weeks of buzztalk, it is finally available for download: Google Chrome. A new web browser that technically borrows from Apple&#8217;s webkit and Firefox. Yesterday [September 2nd 2008] at work this was the topic of the day; where to download Chrome. Yesterday evening at  21.09h I found the download location. For now Chrome will only available for the ]]></description>
			<content:encoded><![CDATA[<p>After weeks of buzztalk, it is finally available for download: Google Chrome. A new web browser that technically borrows from Apple&#8217;s webkit and Firefox.</p>
<p>Yesterday [September 2nd 2008] at work this was the topic of the day; where to download Chrome. Yesterday evening at  21.09h I found the <a title="Klik om Google Chrome te downloaden" href="http://www.google.com/chrome" target="_blank">download location</a>. For now Chrome will only available for the Windows platform.</p>
<p>The first reactions on the news of Google launching a new web browser varied. On one side one finds those who see Chrome as yet another web browser that adds nothing for the average user, but forces developers to expand their testing labour to also cover Chrome. A quote from ZDnet: &#8220;Why on earth do we need another browser? One more damn thing to develop exceptions for &#8211; AND ZERO value to endusers &#8230;&#8217;<br />
Others welcome Chrome and claim that compatibity problems should be small provided one adheres web standards. This last claim is probably true as the Chrome engine borrows from  Apple&#8217;s webkit and Firefox; engines that have implemented standards quite well. Besides that; major compatibility problems still arise with all versions of Microsoft Internet Explorer, so how could this be an issue with Chrome (?).</p>
<p>Personally I&#8217;m asking myself however what the added value might be? And in which area should browsers be competing with each other when the&#8217;re currently all growing towards ever better honouring the web standards. Who needs more of the same? <br />
 <span id="more-35"></span></p>
<h2>First impressions</h2>
<p>I just installed Chrome. The first impression is definitely positive. It&#8217;s looks reflect simplicity and a focus on functionality. No bells and whistles for this new kid on the block. It starts in a second.</p>
<p>One feature that will definitely please a lot of users is a startpage showing thumbnails of recently and frequently visited websites. Besides that one may configure the startpage in a number of ways. There&#8217;s probably one to your liking. For developers Chrome default comes with colored source code, a javascript console and a javascript debugger; things you may also find in Firefox.<img class="aligncenter size-full wp-image-72" title="Splash screen Google Chrome" src="http://www.mediatomics.com/wp-content/uploads/2008/09/about_google_chrome.gif" alt="Splash screen Google Chrome" width="470" height="333" />Through a built in taskmanager any crashed tab may be closed when needed. The built in &#8216;stats for nerds&#8217; inform the diehard user on things like memory use of every browser instance and tab. This includes other browsers when active.<br />
Interesting is a new functionality built into the adress bar. As soon as you start typing, Chrome suggests websites and possible searches. For the average user this may lead to confusion however. It would have been nicer had this been offered as a configuration option. </p>
<h2>Added value</h2>
<p>So Chrome has some tools for developers that compare with those offered by Firefox. But Firefox currently also offers a world of addons to further enhance it. These addons are currently not available for Chrome. Other than that: Chrome offers functionality that we also find in the Beta 2 of Internet Explorer. This includes the independently  <a title="Klik voor meer informatie over tabbladen in Chrome." href="http://www.google.com/support/chrome/bin/answer.py?answer=95622&amp;hl=en" target="_blank">functioning tabs</a>, and <a title="Klik voor meer informatie over 'incognito' mode." href="http://www.google.com/support/chrome/bin/answer.py?answer=95464&amp;hl=en" target="_blank">&#8216;incognito&#8217;-mode</a>. One thing that still is not available in IE8 however is a better way to manage your bookmarks. Then again: we&#8217;re still looking at Beta 2.</p>
<p>So despite the fact that Google now offers a sympathetic browser with Chrome, the question remains whether Chrome adds some essential feature, which makes it stand out from the rest of the browser base.<br />
An absolute plus however is the  fact that  <a title="Klik voor meer informatie over de broncode van Google Chrome" href="http://code.google.com/chromium/" target="_blank">the sourcecode is released to the community</a>.</p>
<p>All in all a nice start for this new kid on the block. Let&#8217;s give it a chance and check back in half a year or so and discover how Chrome has developed technically and in terms of functionality. Let&#8217;s also see how this browser is welcomed by the community of developers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mediatomics.com/2008/09/02/google-chrome-has-arrive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

