Tags » HTML5

HTML5 − SVG Rectangle

Following is the HTML5 version of an SVG example which would draw a rectangle using tag −

<!DOCTYPE html>
<html>
   <head>

<style>
         #svgelem{
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
         }
      </style>

      <title>SVG</title>
      <meta charset="utf-8" />
   </head>
   <body>

<h2 align="center">HTML5 SVG Rectangle</h2>

      <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
         <rect id="redrect" width="300" height="100" fill="red" />
      </svg>
   </body>
</html>
… 12 more words
HTML/CSS

HTML5 - SVG

SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. 216 more words

HTML/CSS

HTML5 − SVG Circle

Following is the HTML5 version of an SVG example which would draw a circle using <circle> tag

<!DOCTYPE html>
<html>
   <head>
      <style>
         #svgelem {
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-20%);
            -ms-transform: translateX(-20%);
            transform: translateX(-20%);
         }
      </style>
      <title>SVG</title>
      <meta charset="utf-8" />
   </head>
   <body>
      <h2 align="center">HTML5 SVG Circle</h2>
      <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
         <circle id="redcircle" cx="50" cy="50" r="50" fill="red" />
      </svg>
   </body>
</html>
… 18 more words
Web

Firefox: It's all about you ( ෆයර්ෆොක්ස් : ඔබ සඳහාමයි ).

If I ask a question like this from you. “What is the Internet browser you are using and why are you using that one ?”. Someone might say Google Chrome and others might say Mozilla Firefox and So many different answers.In here I’m not going to compare them because there are plenty of other web resources you can refer for that particular thing. 904 more words

Firefox

Web Development Diaries: Prologue

In the past weeks, I have been busy learning about web development. I had learnt HTML during my computer classes in grade 6, circa 2009. Back then I had browsed the Internet a few times and loved how colorful it was. 113 more words

Html5

Sencha for feature-rich HTML5 applications using Java and GWT


Sencha GXT is the most extensive Java framework for building feature-rich web applications. It uses the GWT (formerly Google Web Toolkit) compiler, enabling developers to write applications in Java and compile their code into extremely enhanced cross-platform HTML5 code. 7 more words

Azure Blob Storage and File API

When my applications were hosted on Windows Azure Virtual Machines (VM), we stored the images uploaded via our web applications in the hard disks of the VMs (except the temporary disk). 1,684 more words

Experience