{"id":741,"date":"2010-03-16T20:46:46","date_gmt":"2010-03-16T20:46:46","guid":{"rendered":"http:\/\/www.codedread.com\/blog\/?p=741"},"modified":"2018-01-03T19:31:32","modified_gmt":"2018-01-03T19:31:32","slug":"a-long-road-behind-a-long-road-ahead","status":"publish","type":"post","link":"https:\/\/www.codedread.com\/blog\/archives\/2010\/03\/16\/a-long-road-behind-a-long-road-ahead\/","title":{"rendered":"A Long Road Behind, A Long Road Ahead"},"content":{"rendered":"<p><a href=\"http:\/\/www.codedread.com\/clipart\/svg.svgz\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/codedread.com\/clipart\/ie.svgz\" width=\"100\" height=\"100\" style=\"float:right\" alt=\"The IE Logo\">SVG<\/img><\/a>As expected, it was announced today that IE9 will support <a href=\"http:\/\/msdn.microsoft.com\/en-us\/ie\/ff468705.aspx#_Scaling_Vector_Graphics\">SVG<\/a>, <a href=\"http:\/\/msdn.microsoft.com\/en-us\/ie\/ff468705.aspx#_Document_Object_Model\">DOM Events<\/a>, <a href=\"http:\/\/ie.microsoft.com\/testdrive\/info\/ReleaseNotes\/Default.html#WebPlatform\">XHTML, CSS3 Selectors<\/a> and more.  There were even a couple surprises in there (HTML5 Video!).  This finally puts IE9 in the realm of a \"modern browser\"! Hey!  Someone on the IE team needs to send me a SVG image of the IE logo.  The one I have is pretty sucky (no offense, <a href=\"http:\/\/intertwingly.net\/\">Sam<\/a>).  Hopefully that image has an, ahem, gradient in it...<\/p>\n<p>Now read on for more details on their SVG implementation (hey, I know why you're here).<!--more--><\/p>\n<h3>SVG Support Details<\/h3>\n<p>I updated the score on my <a href=\"http:\/\/codedread.com\/svg-support.php\">SVG support<\/a> chart for IE9 Preview 1: 28.36%.  While it felt really good to have anything other than a solid red bar (0%) there, the IE team surely knows that there is a long ways to go before the IE9 final release.  In fact, I know they pay attention to test suites because <a href=\"http:\/\/lists.w3.org\/Archives\/Public\/www-svg\/2010Mar\/0024.html\">they just submitted 31 tests<\/a> to the SVG WG Test Suite (2nd edition).<\/p>\n<p>Here's a short list of things I think need to happen:<\/p>\n<ol>\n<li>Gradients!  While the graphics performance story in IE9 looks great at the moment, it's not a fair comparison without turning on the code for linear\/radial gradients<\/li>\n<li>Clipping\/Masking - another essential for properly benchmarking IE9's graphical performance against other browsers<\/li>\n<li>Linking!  I couldn't get any of the link test cases to work properly.  Also, support for the 'target' attribute on link elements.<\/li>\n<li>DOM - I won't have time to go through what support is there for SVG DOM interfaces.  The IE9 page mentions 'Not all elements of the SVGDOM are available' and none of the tests in the suite ran for me.<\/li>\n<li>Switch and Feature String Detection:  <a href=\"http:\/\/codedread.com\/svgtest.svg\">This file<\/a> should show a few lines green as far as I can tell (among them probably Shape, BasicText, Image, Structure, Style).  This is going to be critical since IE9's level of support will be significantly different than the state-of-the-art supported by other modern browsers.<\/li>\n<li>Selection of SVG text<\/li>\n<li>Markers<\/li>\n<\/ol>\n<p>Am I being too hard on the IE team?  Heck no!  I did the same thing for <a href=\"https:\/\/www.codedread.com\/blog\/archives\/2005\/12\/13\/top-10-things-to-fix-for-firefoxs-svg-implementation\/\">Mozilla<\/a> and <a href=\"https:\/\/www.codedread.com\/blog\/archives\/2005\/07\/07\/top-10-things-to-fix-for-operas-svg-tiny-implementation\/\">Opera<\/a> when they first released their support of a working SVG subset (I somehow missed my chance to do this with WebKit when Safari 3 first came out but my memory is that it exceeded my expectations).<\/p>\n<p>The idea here is to give my two (or ten) cents on what the team needs to work on to get a usable subset, given years of experience coding SVG.  I hope other web developers will do the same.<\/p>\n<h3>Conclusion?<\/h3>\n<p><object type=\"image\/svg+xml\" width=\"100\" height=\"100\" style=\"float:right\" data=\"http:\/\/codedread.com\/clipart\/work.svgz\">[clipart]<\/object>First off, a heartfelt congratulations and thanks go to the IE Team.  They are continuing to show dedication to Open Web standards begun with IE8.  While their SVG implementation is less functional than any other browser was upon first venture into SVG territory, the IE team has had a lot more to do to catch up to the state-of-the-art (CSS3, HTML5, DOM).  My personal expectation is that they will achieve <em>at least<\/em> basic parity with Firefox 1.5 by the time IE9 is ready.  It means that things like <a href=\"http:\/\/svg-edit.googlecode.com\/\">SVG-edit<\/a> could work in IE9.  That would leave things open for SVG Filters, SMIL and a hearty dose of innovation (through the SVG WG) in IE10. <b>[Update: I missed <a href=\"http:\/\/arstechnica.com\/microsoft\/news\/2010\/03\/platform-preview-gives-web-developers-first-taste-of-ie9.ars\/1\">this table<\/a>, but apparently Microsoft is committing to at least Firefox 1.5 levels of SVG and that's great news]<\/b><\/p>\n<p>The IE Team plans to make developer preview releases available more often (every two months).  While I personally wish this was more frequent (once a month), I'll take what I can get.  I'll be reporting on Developer Preview 2, 3, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SVGAs expected, it was announced today that IE9 will support SVG, DOM Events, XHTML, CSS3 Selectors and more. There were even a couple surprises in there (HTML5 Video!). This finally puts IE9 in the realm of a &#8220;modern browser&#8221;! Hey! Someone on the IE team needs to send me a SVG image of the IE [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-741","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/comments?post=741"}],"version-history":[{"count":16,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/741\/revisions"}],"predecessor-version":[{"id":751,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/741\/revisions\/751"}],"wp:attachment":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/media?parent=741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/categories?post=741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/tags?post=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}