{"id":10671,"date":"2015-05-25T17:41:23","date_gmt":"2015-05-25T17:41:23","guid":{"rendered":"http:\/\/www.oracletutoring.ca\/blog\/?p=10671"},"modified":"2015-05-25T17:41:23","modified_gmt":"2015-05-25T17:41:23","slug":"web-graphics-vector-markup-language-vml-part-0","status":"publish","type":"post","link":"https:\/\/www.oracletutoring.ca\/blog\/web-graphics-vector-markup-language-vml-part-0\/","title":{"rendered":"Web Graphics:  vector markup language (VML), part 0"},"content":{"rendered":"<h1>The tutor shares one of his favourite topics: \u00a0vector markup language.<\/h1>\n<p>I started web design back in &#8217;09. \u00a0I don&#8217;t have any training; it was just &#8220;look up and learn&#8221;. \u00a0Though not the quickest way to do so, I made progress.<\/p>\n<p>Eventually I wanted to rotate some text. \u00a0I&#8217;m not sure why &#8211; had I seen it done somewhere? \u00a0By then, I was used to researching the web. \u00a0I set out to find the technique.<\/p>\n<p>As it turned out, rotating text was not so easy as I&#8217;d expected. \u00a0Mozilla (Firefox) had the <em>-moz-transform<\/em> method; Chrome (fairly new at that time), the <em>-webkit-transform<\/em> method (related, I believe, to what Apple products would use). For IE (Internet Explorer), the corresponding<em>-ms-transform<\/em> had yet to become available.<\/p>\n<p>Nonetheless, I was convinced a solution was possible for IE.  By then, web programming had shown me that there were usually two ways to approach a problem:  the &#8220;generic&#8221; way and the Microsoft way.  Normally, both had to be done for a cross-browser solution.  If Firefox had a way to rotate text, so must IE.  Moreover, 40% of people used IE back then; it couldn&#8217;t be ignored.<\/p>\n<p>It wasn&#8217;t the easiest topic to find, but eventually I stumbled onto VML &#8211; vector markup language.  I don&#8217;t know why, but Microsoft was very modest about it, keeping it in what seemed to be their &#8220;back pages&#8221;.  Within minutes I saw the potential.<\/p>\n<p>I got busy around then, so never used VML much. Next thing I knew, <em>-ms-transform<\/em> was available on IE9.<\/p>\n<p>Here is the history of VML &#8211; vector markup language &#8211; as I understand it.  VML was developed by Microsoft as a proposed format for web graphics.  From it and several other simultaneous proposals, SVG developed.  For some time, SVG has been supported by all the major browsers.<\/p>\n<p>Officially, VML is not supported past IE9 (likely because SVG is supported instead). However, VML remains embedded in other Microsoft applications.  From my point of view, it&#8217;s an elegant format that is still fun to experiment with.  You can even view VML effects on a current IE browser, if you know how.<\/p>\n<p>My research indicates that while only 8% use IE today, 80% use Windows operating systems of some kind.  Therefore, people commonly have access to IE.<\/p>\n<p>Next post I&#8217;ll provide a file you can visit to see VML in action:)<\/p>\n<p>Sources:<\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_os.asp\">w3schools os stats<\/a><\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_stats.asp\">w3schools browser stats<\/a><\/p>\n<p><a href=\"http:\/\/caniuse.com\/#feat=svg-html5\">caniuse.com<\/a><\/p>\n<p><a href=\"http:\/\/en.wikipedia.org\/wiki\/Vector_Markup_Language\">wikipedia<\/a><\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/cssref\/css3_pr_transform.asp\">w3schools<\/a><\/p>\n<p>Jack of <a href=\"https:\/\/www.oracletutoring.ca\">Oracle Tutoring by Jack and Diane,<\/a> Campbell River, BC.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The tutor shares one of his favourite topics: \u00a0vector markup language. I started web design back in &#8217;09. \u00a0I don&#8217;t have any training; it was just &#8220;look up and learn&#8221;. \u00a0Though not the quickest way to do so, I made &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/www.oracletutoring.ca\/blog\/web-graphics-vector-markup-language-vml-part-0\/\"> <span class=\"screen-reader-text\">Web Graphics:  vector markup language (VML), part 0<\/span> Read more \u2192<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[105,837],"tags":[841,839,840,838],"class_list":["post-10671","post","type-post","status-publish","format-standard","hentry","category-computer-science","category-web-design","tag-svg","tag-vector-markup-language","tag-vml","tag-web-graphics"],"_links":{"self":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/10671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/comments?post=10671"}],"version-history":[{"count":36,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/10671\/revisions"}],"predecessor-version":[{"id":10707,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/10671\/revisions\/10707"}],"wp:attachment":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/media?parent=10671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/categories?post=10671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/tags?post=10671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}