Featured Posts

Colorbox Blogger TutorialColorbox Blogger Tutorial earn how to use the platform before colorbox told blogger application. Application of the most familiar application of Colorbox lightbox is a clone. Colorbox application and speed, and usability, but also work seamlessly in all browsers because of my profile, my priority....

Readmore

Marro.ws is web-clipping tool We are visiting internet and saving some things everyday. If you are reading an article on internet and like just two sentences of this article, what will you do? Do you use Delicious to save the link of article? Or will you save the link to your bookmarks?...

Readmore

Home Refinance LoanHome Refinance Loan Our homes are our biggest assets. A fruit borne out of many years of hard work, earnings and dreams! But, are you still paying the same higher interest rates on the home loan you have availed few years...

Readmore

An image in a post Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam...

Readmore

Cash-Out Refinance For many, their homes are just not dwellings that protect them against rain, sun, and wind. But they are piggy banks, which can be used to raise some urgent money, even if the home still lays collateral...

Readmore

Rss

Firefox Logo Drawn Using Firefox Itself

Posted by Vedavyas | Labels: Firefox Logo Drawn Using Firefox Itself | Posted on Thursday, October 15, 2009


Firefox 3.7 will not just have an awesome interface but it will also include support for multi-touch enabled devices.
In this video, Marcio Galli demonstrates how he could draw paint a logo of Firefox on a touch-screen laptop running the latest build of Firefox 3.7 using nothing but his fingers and a simple JavaScript based drawing application that utilizes the Canvas tag and the touch events API of Firefox 3.7.
You can view the HTML source of the page to understand how easy it is to write a multi-touch enabled application in Firefox 3.7. The drawing application showcased in the video utilizes less than 70 lines of code and it’s all very easy to understand.
function load() {
   initCanvas(1200,800);
   document.multitouchData=true;
  } 

  function listenTo(event) {
   canvasctx.fillStyle='rgba('+gColor+',.1)';
   canvasctx.beginPath();
   canvasctx.arc(event.clientX, event.clientY, 20, 0, Math.PI*2, 1);
   canvasctx.fill();
   canvasctx.closePath();
  }

  document.addEventListener("MozTouchMove", listenTo, false);
If you have a touch-screen computer like a tablet or the multi-touch enabled system like the HP TouchSmart, you can download the latest release of Firefox 3.7 from Mozilla’s FTP servers and play around with the application yourself. Firefox 3.7 is available for Mac, Windows and Linux.
The upcoming Firefox 3.6 release will have basic support for touch-enabled devices like you will be able scroll & pan web pages, select text on the screen or use menus through the touch-screen. However, if you are looking to build touch applications that can capture user interactions or hand-gestures, you’ll have to wait until Firefox 3.7 that is expected sometime in 2010.

0 comments:

Post a Comment