<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8136870970935814320</id><updated>2012-03-02T12:18:05.677+01:00</updated><category term='Website users and roles admin razor helper'/><category term='Visual Basic.Net'/><category term='Ado.Net Data Services'/><category term='jquery and Html5 canvas drawing application'/><category term='jQuery UI Datepicker'/><category term='javascript object oriented programming'/><category term='context.save()'/><category term='limit jQuery plugin'/><category term='How to Display Facebook User Notes'/><category term='Javascript Tutorial'/><category term='html5 tutorial'/><category term='Ajax'/><category term='WCF services'/><category term='Html5 canvas animation'/><category term='WebMatrix Helpers'/><category term='save canvas drawing context'/><category term='load image into canvas'/><category term='jQuery quiz'/><category term='Microsoft WebMatrix'/><category term='context.restore'/><category term='Asp.Net Razor'/><category term='javascript objects'/><category term='website redesign'/><category term='Facebook'/><category term='HTML.net'/><category term='Netflix oData API'/><category term='Html5'/><category term='retrieve canvas drawing context'/><category term='jQuery'/><category term='Internet'/><category term='WebMatrix'/><category term='Asp.Net Razor Syntax Coding'/><category term='html5 canvas'/><category term='Facebook Connect'/><category term='html5 canvas API'/><category term='Facebook Places'/><category term='Html5 Canvas Gradients'/><category term='Google'/><category term='Artificial Life'/><category term='Html5  Css3'/><category term='walled garden'/><category term='oData'/><category term='consuming oData from Asp.Net'/><category term='Enums'/><category term='Page Oriented Web Development'/><category term='Asp.Net and Facebook Connect Integration'/><category term='how to display Facebook Wall'/><category term='canvas API'/><category term='drawing on html5 canvas'/><category term='OOP'/><category term='VB.Net'/><category term='jQuery and oData'/><category term='Object Oriented Programming'/><category term='JavaScript'/><category term='Html5 drag and drop API'/><category term='Master/Detail'/><category term='Quiz in java script'/><category term='open web'/><category term='Enumerations'/><title type='text'>A Web Philosopher's Life</title><subtitle type='html'>Welcome to sharing the thoughts of a 'philosopher turned web professional' on news, media language,  readings, web technology ... and random insights for discussion.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>52</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6048275739077724151</id><published>2012-02-12T15:45:00.000+01:00</published><updated>2012-02-12T15:45:31.583+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='html5 canvas API'/><title type='text'>HTML5 Canvas Bites: Basic Back and Forth Animation</title><summary type='text'>
In this HTML5 canvas bite, I present an easy way to get a canvas dynamically generated 50 x 50 square image to move back and forth inside the canvas.  Here's how it can be done.

The end resultThis is the simple result I intend to achieve: 


As you can see, it's nothing fancy.  Just a simple black square that obsessively navigates back and forth an HTML5 canvas element.

The codeThe relevant </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6048275739077724151/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2012/02/html5-canvas-bites-basic-back-and-forth.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6048275739077724151'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6048275739077724151'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2012/02/html5-canvas-bites-basic-back-and-forth.html' title='HTML5 Canvas Bites: Basic Back and Forth Animation'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-KTOailCbA20/ToxhFPZgKOI/AAAAAAAAASM/MCgtwqwhTqY/s72-c/canvasbanner.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1954451776838066920</id><published>2012-02-07T15:28:00.001+01:00</published><updated>2012-02-07T15:29:28.597+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='html5 tutorial'/><title type='text'>HTML5 Tutorial On HTML.net</title><summary type='text'>HTML5 ON HTML.net

I'm thrilled at having been offered the fantastic opportunity to draw up a tutorial on one of the coolest topic on the web today: HTML5!

Please, follow the progress of my HTML5 tutorial on HTML.net and feel free to send me your suggestions.  The table of contents is already online.</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1954451776838066920/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2012/02/html5-tutorial-on-htmlnet.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1954451776838066920'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1954451776838066920'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2012/02/html5-tutorial-on-htmlnet.html' title='HTML5 Tutorial On HTML.net'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-5944737197583399909</id><published>2012-01-04T13:02:00.000+01:00</published><updated>2012-01-04T13:02:25.657+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript object oriented programming'/><title type='text'>A Demo Calendar Application with JavaScript/jQuery</title><summary type='text'>
I recently completed a JavaScript tutorial on HTML.net.  As I was working on it, I had the chance to go over some great methods of the Date object and felt that it'd be fun to challenge myself with some of the stuff I could do with it.  

This is how I came about coding a JavaScript calendar demo application.  After all, what's more appropriate to the New Year than a calendar!



What can my </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/5944737197583399909/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2012/01/demo-calendar-application-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5944737197583399909'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5944737197583399909'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2012/01/demo-calendar-application-with.html' title='A Demo Calendar Application with JavaScript/jQuery'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-aKQTzCQE2bs/TwMhdXE_r3I/AAAAAAAAAYI/TAmj2AXtng8/s72-c/calendar.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1639483317278541388</id><published>2011-12-16T19:55:00.001+01:00</published><updated>2011-12-17T15:02:05.013+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5 canvas animation'/><category scheme='http://www.blogger.com/atom/ns#' term='drawing on html5 canvas'/><title type='text'>HTML5 Canvas Bites: How to Animate Images In Canvas</title><summary type='text'>
Once you've drawn something on canvas, you can manipulate it to your heart's content.  For example, you can make it move.  Here's a quick example of how to do so.



How to animate a square on canvas
The final result will be a small black square moving straight on inside a canvas element.  Nothing sophisticated at this point.  This is just a quick sample to demonstrate how animation is </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1639483317278541388/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/12/html5-canvas-bites-how-to-animate.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1639483317278541388'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1639483317278541388'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/12/html5-canvas-bites-how-to-animate.html' title='HTML5 Canvas Bites: How to Animate Images In Canvas'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-KTOailCbA20/ToxhFPZgKOI/AAAAAAAAASM/MCgtwqwhTqY/s72-c/canvasbanner.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1225397393452618842</id><published>2011-12-01T18:23:00.000+01:00</published><updated>2011-12-01T18:23:36.818+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML.net'/><category scheme='http://www.blogger.com/atom/ns#' term='Javascript Tutorial'/><title type='text'>Complete Beta Version of JavaScript Tutorial on HTML.net</title><summary type='text'>Hi, the Beta version of my JavaScript tutorial on HTML.net is complete!  All 21 lessons can now be viewed on http://html.net/tutorials/javascript/.

Comments and suggestions are welcome.  Thank you.</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1225397393452618842/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/12/complete-beta-version-of-javascript.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1225397393452618842'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1225397393452618842'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/12/complete-beta-version-of-javascript.html' title='Complete Beta Version of JavaScript Tutorial on HTML.net'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6337205166398658849</id><published>2011-11-28T17:30:00.000+01:00</published><updated>2011-11-28T17:30:07.281+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='drawing on html5 canvas'/><title type='text'>HTML5 Canvas Bites: How to Resize Images</title><summary type='text'>Here's one more canvas bite.  In my previous post, I presented a snappy example of how to load a graphic onto the HTML5 canvas element.  This short tutorial starts from where the previous one left off: I know how to load the graphic on the canvas, now I want to learn to resize it.  How?

Resize a graphic inside a canvas element
Resizing a graphic once it's loaded into the canvas element requires </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6337205166398658849/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/11/html5-canvas-bites-how-to-resize-images.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6337205166398658849'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6337205166398658849'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/11/html5-canvas-bites-how-to-resize-images.html' title='HTML5 Canvas Bites: How to Resize Images'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-KTOailCbA20/ToxhFPZgKOI/AAAAAAAAASM/MCgtwqwhTqY/s72-c/canvasbanner.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6864923506369208729</id><published>2011-11-08T14:47:00.000+01:00</published><updated>2011-11-08T14:47:29.345+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML.net'/><category scheme='http://www.blogger.com/atom/ns#' term='Javascript Tutorial'/><title type='text'>JavaScript Tutorial on HTML.net</title><summary type='text'>My JavaScript tutorial is progressing and  the beta version of lessons 1 - 9 is online and accessible on HTML.net!

Suggestions are very welcome.</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6864923506369208729/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/11/javascript-tutorial-on-htmlnet.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6864923506369208729'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6864923506369208729'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/11/javascript-tutorial-on-htmlnet.html' title='JavaScript Tutorial on HTML.net'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6416141016250035713</id><published>2011-11-02T20:38:00.001+01:00</published><updated>2011-11-28T17:32:32.026+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='load image into canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='drawing on html5 canvas'/><title type='text'>Html5 Canvas Bites: How to Load a Graphic into Canvas</title><summary type='text'>
The Html5 canvas element is not limited to drawing graphics on the web.  You can also use a ready-made graphic, load it into the canvas element and manipulate it pixel by pixel.  Here's how quick and easy it is to load the image into the canvas.


Load image into canvas: the syntax
To get a ready-made graphic into an Html5 canvas element it's as simple as using a short method.  Here it is:


//</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6416141016250035713/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/11/html5-canvas-bites-how-to-load-graphic.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6416141016250035713'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6416141016250035713'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/11/html5-canvas-bites-how-to-load-graphic.html' title='Html5 Canvas Bites: How to Load a Graphic into Canvas'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-KTOailCbA20/ToxhFPZgKOI/AAAAAAAAASM/MCgtwqwhTqY/s72-c/canvasbanner.gif' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-8650500374693912741</id><published>2011-10-25T20:14:00.000+02:00</published><updated>2011-10-25T20:14:21.179+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML.net'/><category scheme='http://www.blogger.com/atom/ns#' term='Javascript Tutorial'/><title type='text'>My Newest Project: Writing A Tutorial Series for HTML.net</title><summary type='text'>NEWS!!!

I've just been offered a great opportunity: writing a JavaScript tutorial series for HTML.net! 

The first step is that of drawing up a draft table of contents and an introduction.  This will give me a framework to start planning each lesson.  Let's see how it's going to evolve.</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/8650500374693912741/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/10/my-newest-project-writing-tutorial.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8650500374693912741'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8650500374693912741'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/10/my-newest-project-writing-tutorial.html' title='My Newest Project: Writing A Tutorial Series for HTML.net'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1471422147363788870</id><published>2011-10-22T19:06:00.001+02:00</published><updated>2011-10-23T11:42:49.075+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5'/><category scheme='http://www.blogger.com/atom/ns#' term='html5 canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='Html5 Canvas Gradients'/><title type='text'>Html5 Canvas Bites: How to Draw Linear Gradients</title><summary type='text'>This is the second installment in this Html5 Canvas Bites series.  In the previous post, I introduced the fundamentals of the Html5 canvas element and the 2d drawing context.

I also focused my attention on a greatly useful feature of the 2d drawing context; in particular:  the context containing the styles of the image to be drawn can be saved and then restored as needed, thereby saving </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1471422147363788870/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/10/html5-canvas-bites-how-to-draw-linear.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1471422147363788870'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1471422147363788870'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/10/html5-canvas-bites-how-to-draw-linear.html' title='Html5 Canvas Bites: How to Draw Linear Gradients'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-KTOailCbA20/ToxhFPZgKOI/AAAAAAAAASM/MCgtwqwhTqY/s72-c/canvasbanner.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6767157385365496940</id><published>2011-10-07T16:50:00.010+02:00</published><updated>2011-12-11T17:09:08.337+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='html5 canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='context.restore'/><category scheme='http://www.blogger.com/atom/ns#' term='save canvas drawing context'/><category scheme='http://www.blogger.com/atom/ns#' term='context.save()'/><category scheme='http://www.blogger.com/atom/ns#' term='retrieve canvas drawing context'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><title type='text'>Html 5 Canvas Bites: How to Save the Drawing State</title><summary type='text'>
I'm by no means an Html5 canvas wizard (I wish I were!), but as I learn new things about it I find it more and more fun.  So, I'd love to share some of the less complicated stuff that we can do with it.  I've decided to start from the canvas drawing context.  Not the most exciting bit I could have come up with, but certainly the most fundamental.   

My goal in this short entry is that of </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6767157385365496940/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/10/html-5-canvas-bites-how-to-save-drawing.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6767157385365496940'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6767157385365496940'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/10/html-5-canvas-bites-how-to-save-drawing.html' title='Html 5 Canvas Bites: How to Save the Drawing State'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-KTOailCbA20/ToxhFPZgKOI/AAAAAAAAASM/MCgtwqwhTqY/s72-c/canvasbanner.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-3169929108329989376</id><published>2011-09-05T19:11:00.339+02:00</published><updated>2011-12-02T15:17:20.935+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript objects'/><category scheme='http://www.blogger.com/atom/ns#' term='html5 canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript object oriented programming'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery and Html5 canvas drawing application'/><title type='text'>A Blackboard Object: OOP Javascript/jQuery On Html5 Canvas Demo</title><summary type='text'>Javascript has evolved into a sophisticated programming language, and as such it has its own built-in objects as well as affording developers the possibility of  creating their own custom objects.  Here's my Blackboard object, a custom javascript object created as a stripped down version of my  previous drawing board demo application.  What are the advantages of using OOP (Object Oriented </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/3169929108329989376/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/09/blackboard-object-oop-javascriptjquery.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/3169929108329989376'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/3169929108329989376'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/09/blackboard-object-oop-javascriptjquery.html' title='A Blackboard Object: OOP Javascript/jQuery On Html5 Canvas Demo'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-EgRMS-mrc18/TmNZ82X4xBI/AAAAAAAAARs/xnSTn4-CirQ/s72-c/blackboard.gif' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1677917802556229996</id><published>2011-08-20T16:17:00.125+02:00</published><updated>2011-12-02T16:05:51.620+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='limit jQuery plugin'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><category scheme='http://www.blogger.com/atom/ns#' term='Html5 drag and drop API'/><title type='text'>Sticky Notes Demo: What About Writing Your Own Notes?</title><summary type='text'>
In my previous post, Sticky Notes: An Html5 Drag and Drop Demo, I presented a small sample of how native drag and drop functionality could be implemented using the latest Html5 Drag and Drop API (Application Programming Interface).  The app simply allows visitors to move sticky notes about a white board and drop them in a basket.  As each note is dropped in the basket a message box pops up </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1677917802556229996/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/08/sticky-notes-demo-what-about-writing.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1677917802556229996'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1677917802556229996'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/08/sticky-notes-demo-what-about-writing.html' title='Sticky Notes Demo: What About Writing Your Own Notes?'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-Sit-Z6NkHyA/Tk9rVqMmTsI/AAAAAAAAAPU/UqkuEJ7qTK0/s72-c/WriteNoteUI.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6528794765812093054</id><published>2011-07-13T11:53:00.041+02:00</published><updated>2011-12-04T11:13:34.992+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Object Oriented Programming'/><category scheme='http://www.blogger.com/atom/ns#' term='VB.Net'/><category scheme='http://www.blogger.com/atom/ns#' term='Enumerations'/><category scheme='http://www.blogger.com/atom/ns#' term='Visual Basic.Net'/><category scheme='http://www.blogger.com/atom/ns#' term='Enums'/><category scheme='http://www.blogger.com/atom/ns#' term='OOP'/><title type='text'>Safely Programming a Set of Options: Enumerations to the Rescue</title><summary type='text'>ENUMS

Let's say you have an element on your web page that has different properties for the visitor to choose from.  What would be the best way to code those options in such a way as to minimize getting some of the items mixed up or messed up?  The obvious way would be just to hard-code each option as a literal string, i.e., "Option1", "Option2", etc.  However, being the obvious way doesn't </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6528794765812093054/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/07/safely-programming-set-of-options.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6528794765812093054'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6528794765812093054'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/07/safely-programming-set-of-options.html' title='Safely Programming a Set of Options: Enumerations to the Rescue'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-gJupSVz3vpQ/Thwb1RiGz2I/AAAAAAAAAO8/tnXVxN3bLss/s72-c/ReviewsPage.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1359077182859317672</id><published>2011-07-05T12:41:00.003+02:00</published><updated>2011-12-04T11:11:12.361+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><title type='text'>The New Website is Out</title><summary type='text'>As anticipated in my previous post , my redesigned website is on the internet as I write.  I hope it reflects the 2 main goals I intended to meet: a) reduced page size and b) streamlined and focussed content .  I wish you all who visit the site a pleasant and frustration-free experience.  Thanks!</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1359077182859317672/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/07/new-website-is-out.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1359077182859317672'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1359077182859317672'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/07/new-website-is-out.html' title='The New Website is Out'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7582000083451590171</id><published>2011-07-03T13:09:00.001+02:00</published><updated>2011-12-04T11:16:27.563+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website redesign'/><title type='text'>My Website: Time for a Redesign</title><summary type='text'>The time has come for a revamping of my website.  This is a preview of what the comp looks like.  It'll be up and running within the next couple of days.  Here's why and what I've done. 

Touch-Up or Facelift?A quick review of my website has made me opt for the full-blown facelift rather than a light-weight touch-up.  In fact, my site goes back to 2008, and 3 years are like geological eras in web</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7582000083451590171/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/07/my-website-time-for-redesign.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7582000083451590171'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7582000083451590171'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/07/my-website-time-for-redesign.html' title='My Website: Time for a Redesign'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-Jc6f-zu1fqo/Tgxa2x5DI3I/AAAAAAAAAOk/55hrcxY_jJ8/s72-c/SiteRedesign.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-8837792727681994266</id><published>2011-06-12T12:02:00.001+02:00</published><updated>2011-12-04T11:18:17.565+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><category scheme='http://www.blogger.com/atom/ns#' term='Html5 drag and drop API'/><title type='text'>Html5 Drag and Drop API: Sticky Notes Demo Touched Up</title><summary type='text'>
There's been a slight modification to my Html5 Drag and Drop API demo: Sticky Notes.  I had noticed that the message box did not pop up when I tested the demo in Google Chrome, at least when the demo was accessed from a server (in fact, it worked fine when accessing it from the file system).  The only change I made was to have the message box pop up after the note has been dropped into the </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/8837792727681994266/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/06/html5-drag-and-drop-api-sticky-notes.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8837792727681994266'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8837792727681994266'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/06/html5-drag-and-drop-api-sticky-notes.html' title='Html5 Drag and Drop API: Sticky Notes Demo Touched Up'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-sJU9bv1tA04/TfJeIThk7VI/AAAAAAAAAOA/c0SRn6yauR0/s72-c/StickyNotes2.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1220694569958948985</id><published>2011-06-11T14:57:00.016+02:00</published><updated>2011-12-04T11:47:11.141+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><category scheme='http://www.blogger.com/atom/ns#' term='Html5 drag and drop API'/><title type='text'>Sticky Notes, Html5 Drag and Drop Demo: Message Box</title><summary type='text'>
I added a message box to my Html5 Drag and Drop Demo, the Sticky Notes demo application.  Before a note is dropped into the basket, a message box pops up with something appropriate to say to the user.  Here's the small change that I made to my demo to accomplish this.

Message Box: What it Does
This is a simple addition to the demo application that I published in my previous post, Sticky Notes: </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1220694569958948985/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/06/sticky-notes-html5-drag-and-drop-demo_11.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1220694569958948985'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1220694569958948985'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/06/sticky-notes-html5-drag-and-drop-demo_11.html' title='Sticky Notes, Html5 Drag and Drop Demo: Message Box'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-sJU9bv1tA04/TfJeIThk7VI/AAAAAAAAAOA/c0SRn6yauR0/s72-c/StickyNotes2.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1787844770735526585</id><published>2011-06-04T20:31:00.102+02:00</published><updated>2011-12-04T12:57:43.899+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery'/><category scheme='http://www.blogger.com/atom/ns#' term='Html5 drag and drop API'/><title type='text'>Sticky Notes: An Html5 Drag and Drop Demo</title><summary type='text'>
I have nothing but praise for the latest evolution of the language of the web par excellence, HTML(5).  Its simplified syntax and semantic elements are just two of the major improvements.  There's also the fun stuff to consider, though.  Being able to implement drag and drop functionality with just a few lines of code is surely one of the cool things you can experiment with.  Here's a sticky </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1787844770735526585/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/06/sticky-notes-html5-drag-and-drop-demo.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1787844770735526585'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1787844770735526585'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/06/sticky-notes-html5-drag-and-drop-demo.html' title='Sticky Notes: An Html5 Drag and Drop Demo'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-RS3UjHtkwOE/TeoBFBjLsBI/AAAAAAAAAMo/ra-qm9k9cFw/s72-c/StickyNotesApp.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-8081772129547571534</id><published>2011-05-20T19:37:00.012+02:00</published><updated>2011-12-05T15:25:48.768+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='canvas API'/><category scheme='http://www.blogger.com/atom/ns#' term='html5 canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='drawing on html5 canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery and Html5 canvas drawing application'/><title type='text'>How to Draw Text On My Simple Html5 Canvas Drawing Board Demo App</title><summary type='text'>
One more option has just been added to the drawing tools in my Html5 canvas drawing board demo application: text.  Now you can easily type text in a box, select a font, a size for your text, and a color, then click on the board and the text gets immediately drawn on the canvas.  Cool!  Here's the little function that does the trick


The Text Tool
When you select a drawing tool you're now </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/8081772129547571534/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/05/how-to-draw-text-on-my-simple-html5.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8081772129547571534'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8081772129547571534'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/05/how-to-draw-text-on-my-simple-html5.html' title='How to Draw Text On My Simple Html5 Canvas Drawing Board Demo App'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-Sk6SF9h7Em8/TdafMQML4AI/AAAAAAAAAMg/Pn53gx99l1Q/s72-c/DrawingBoardApp4.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7018281840030538282</id><published>2011-05-01T19:21:00.014+02:00</published><updated>2011-12-05T15:35:23.274+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='canvas API'/><category scheme='http://www.blogger.com/atom/ns#' term='Html5'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery and Html5 canvas drawing application'/><title type='text'>Html5 Canvas Drawing Board Demo: Eraser Tool</title><summary type='text'>
Here are a few modifications to the simple Html5 canvas drawing board application.

 

Details
This is what I added to my application:

Line Width Picker
Now by clicking either the line or the pencil tool a menu slides down so the user can choose a line width from a radio button list.  If no choice is made, the default is a 2 pixel width.  By clicking a Close link the menu slides back up thus </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7018281840030538282/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/05/html5-canvas-drawing-board-demo-eraser.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7018281840030538282'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7018281840030538282'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/05/html5-canvas-drawing-board-demo-eraser.html' title='Html5 Canvas Drawing Board Demo: Eraser Tool'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-ZtdtYu6CcSQ/Tb2OkCbmDhI/AAAAAAAAAMc/tDyV5IW1V34/s72-c/DrawingBoardApp3.gif' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-5523567467980459729</id><published>2011-04-28T19:30:00.001+02:00</published><updated>2011-12-05T15:39:08.031+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='drawing on html5 canvas'/><title type='text'>Free Hand Pencil Drawing Added to my Basic Html5 Canvas Drawing Board</title><summary type='text'>
Here's the Html5 drawing board with a brand new feature.

New Features
Two small additions have been made to the Html5 canvas drawing board that I started yesterday.  

First of all, the very easy bit: the mouse cursor takes on the 'crosshair' shape as it enters the canvas area ready to draw.

Lastly, a new tool has been added to the line, triangle and circle.  It's the pencil tool.  Now it's </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/5523567467980459729/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/free-hand-pencil-drawing-added-to-my.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5523567467980459729'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5523567467980459729'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/free-hand-pencil-drawing-added-to-my.html' title='Free Hand Pencil Drawing Added to my Basic Html5 Canvas Drawing Board'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-p0BaZ2hdyr8/TbmfhkVHeEI/AAAAAAAAAMY/JchYWWHZg-M/s72-c/DrawingBoardApp1.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1586081095992046729</id><published>2011-04-27T16:47:00.003+02:00</published><updated>2011-12-05T15:45:21.612+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5'/><category scheme='http://www.blogger.com/atom/ns#' term='html5 canvas'/><category scheme='http://www.blogger.com/atom/ns#' term='drawing on html5 canvas'/><title type='text'>First Steps into Html5 Canvas: Basic Drawing Board Web App</title><summary type='text'>

Web developers have been getting excited about the wonders of Html5 for a while now.  I'm no exception, although it's been only very recently that I've been trying my hand at drawing with the Html5 canvas API.  After a cursory search on the internet, here are some great resources and my very first basic drawing application that you can download at the end of this post and preview on my personal</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1586081095992046729/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/first-steps-into-html5-canvas-basic.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1586081095992046729'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1586081095992046729'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/first-steps-into-html5-canvas-basic.html' title='First Steps into Html5 Canvas: Basic Drawing Board Web App'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-ruLU6mEmr40/TbcMmaNyiQI/AAAAAAAAAMU/Fd9_noFX6Tc/s72-c/DrawingBoardApp.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-8262449856965982853</id><published>2011-04-17T12:18:00.002+02:00</published><updated>2011-12-05T15:49:45.304+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='WebMatrix'/><category scheme='http://www.blogger.com/atom/ns#' term='Ajax'/><category scheme='http://www.blogger.com/atom/ns#' term='Microsoft WebMatrix'/><title type='text'>A Fix To Ajax Master/Detail Page with WebMatrix and jQuery</title><summary type='text'>In the last post I presented a few code snippets related to building an Ajax master/detail page in WebMatrix and razor.  Further testing soon revealed a few pitiful bugs with IE8, although there seemed to be no problems as far as FireFox and Chrome were concerned.  this is a new IE8 bug-free version with relative download at the end of the post.  Here's what I changed with respect to the previous</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/8262449856965982853/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/fix-to-ajax-masterdetail-page-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8262449856965982853'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8262449856965982853'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/fix-to-ajax-masterdetail-page-with.html' title='A Fix To Ajax Master/Detail Page with WebMatrix and jQuery'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-2279354205302064719</id><published>2011-04-15T20:45:00.244+02:00</published><updated>2011-12-06T17:49:38.858+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jQuery and oData'/><category scheme='http://www.blogger.com/atom/ns#' term='Ajax'/><category scheme='http://www.blogger.com/atom/ns#' term='Microsoft WebMatrix'/><category scheme='http://www.blogger.com/atom/ns#' term='Master/Detail'/><title type='text'>How to  Code an Ajax Master/Detail Page with WebMatrix and jQuery</title><summary type='text'>

Here we are, again with this great website building tool from MS, Webmatrix.  The fact is, it's amazingly fun to use and I've been getting rather addicted to it.  Browsing through some of the search words related to this blog, I've come across some requests both for how to build a master/detail page and for performing Ajax calls in WebMatrix.  So, I thought to myself: why not combining the two </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/2279354205302064719/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/how-to-code-ajax-masterdetail-page-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2279354205302064719'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2279354205302064719'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/04/how-to-code-ajax-masterdetail-page-with.html' title='How to  Code an Ajax Master/Detail Page with WebMatrix and jQuery'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-_6n7ZUNktpo/TahdZMcpSzI/AAAAAAAAALE/gWOLFdIjIMc/s72-c/webmatrix.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-2022696306925135749</id><published>2011-03-31T16:48:00.160+02:00</published><updated>2011-12-08T12:58:49.320+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Microsoft WebMatrix'/><category scheme='http://www.blogger.com/atom/ns#' term='Website users and roles admin razor helper'/><category scheme='http://www.blogger.com/atom/ns#' term='WebMatrix Helpers'/><title type='text'>How to Build Simple Users and Roles Admin Helpers for WebMatrix</title><summary type='text'>
Who says that using Razor in Microsoft WebMatrix means that code is bound to be scattered all over your web application, that you find yourself having to type in the same code over and over again, and finally, that you might as well forget about your best OOP (Object Oriented Programming) practices.  This is how you can take advantage of 2 powerful Razor syntax tools, helpers and functions, that</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/2022696306925135749/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/03/how-to-build-simple-users-and-roles.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2022696306925135749'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2022696306925135749'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/03/how-to-build-simple-users-and-roles.html' title='How to Build Simple Users and Roles Admin Helpers for WebMatrix'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-AQPJtFqcj0E/TZNvFET5b2I/AAAAAAAAAKQ/kEtgPuVfYdI/s72-c/webmatrix.png' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-2574132701300827825</id><published>2011-03-24T19:25:00.000+01:00</published><updated>2011-03-24T19:25:32.857+01:00</updated><title type='text'>Technorati Verification</title><summary type='text'>7XAPHYT9MTKCI've submitted my blog to Technorati.</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/2574132701300827825/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/03/technorati-verification.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2574132701300827825'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2574132701300827825'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/03/technorati-verification.html' title='Technorati Verification'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-79809405064412408</id><published>2011-03-10T20:58:00.004+01:00</published><updated>2011-12-10T16:46:22.394+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='WebMatrix'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery and oData'/><category scheme='http://www.blogger.com/atom/ns#' term='Ajax'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery UI Datepicker'/><category scheme='http://www.blogger.com/atom/ns#' term='Asp.Net Razor Syntax Coding'/><title type='text'>WebMatrix, jQuery and Ajax: Together They Work like a Treat!</title><summary type='text'>Simple Date Picking App with WebMatrix and Razor Code Using jQuery and AJAX
I've been playing with the latest Microsoft WebMatrix web editor and I love the way it seamlessly integrates dynamic server-side development, HTML5, jQuery and AJAX technologies.  I come from Microsoft Web Form development and I'm used to all the conveniences of having ready-made controls that quickly allow me to set up </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/79809405064412408/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/03/webmatrix-jquery-and-ajax-together-they.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/79809405064412408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/79809405064412408'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/03/webmatrix-jquery-and-ajax-together-they.html' title='WebMatrix, jQuery and Ajax: Together They Work like a Treat!'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='https://lh4.googleusercontent.com/-DlbezRVQXWU/TXkhI_KrbvI/AAAAAAAAAJo/JJXJX0vfHnU/s72-c/WebMatrixOpenApp.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1569343506407842781</id><published>2011-02-26T16:30:00.002+01:00</published><updated>2011-12-10T16:55:01.988+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='WebMatrix'/><category scheme='http://www.blogger.com/atom/ns#' term='Page Oriented Web Development'/><category scheme='http://www.blogger.com/atom/ns#' term='Asp.Net Razor'/><title type='text'>Microsoft WebMatrix: Sharpen up Your Code with Razor</title><summary type='text'>
These last few days I've been playing with Microsoft's latest free goodie: WebMatrix.  Here are the best references that I've found to get you started on it.

What is WebMatrix?WebMatrix is an integrated web development environment that makes it really easy to build, publish, and also SEO optimize various kinds of web apps, and it amazingly shortens the time it'd normally take to do it.  </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1569343506407842781/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/02/microsoft-webmatrix-sharpen-up-your.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1569343506407842781'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1569343506407842781'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/02/microsoft-webmatrix-sharpen-up-your.html' title='Microsoft WebMatrix: Sharpen up Your Code with Razor'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='https://lh3.googleusercontent.com/-5eVkvEilxRY/TWkaGy2ypMI/AAAAAAAAAJg/sITnm2nzjvQ/s72-c/WebMatrix.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-2957831370134580288</id><published>2011-02-09T16:31:00.006+01:00</published><updated>2011-12-11T16:06:27.474+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Netflix oData API'/><category scheme='http://www.blogger.com/atom/ns#' term='jQuery and oData'/><title type='text'>Fun Building a Netflix Movie Browser with oData and jQuery</title><summary type='text'>
I've been experimenting with the Netflix oData service these last few hours, and I've come up with this simple little demo.


What is Netflix
The Netflix website offers visitors the possibility to have instant access to movies and TV programes by paying a small monthly fee.  The mini-site demo that I've developed here is limited to browsing movies.  It's not enabled to viewing them.  In fact, to</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/2957831370134580288/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/02/fun-building-netflix-movie-browser-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2957831370134580288'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2957831370134580288'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/02/fun-building-netflix-movie-browser-with.html' title='Fun Building a Netflix Movie Browser with oData and jQuery'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/TVAP4XVvhxI/AAAAAAAAAH8/HNBE0lPFQgE/s72-c/NetflixBrandPic.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-5296532736355712863</id><published>2011-02-01T17:44:00.004+01:00</published><updated>2011-12-11T16:14:00.592+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Facebook'/><category scheme='http://www.blogger.com/atom/ns#' term='Google'/><category scheme='http://www.blogger.com/atom/ns#' term='Internet'/><category scheme='http://www.blogger.com/atom/ns#' term='open web'/><category scheme='http://www.blogger.com/atom/ns#' term='walled garden'/><title type='text'>Facebook versus Google and the Debate on the Open Web</title><summary type='text'>
Although the terms "Internet" and "World Wide Web" (the web for short) are often used interchangeably in ordinary conversations, the former is a wider concept that includes but doesn't end with the latter.   Vince Kuraitis clarifies the difference between the two as follows: 

The Internet is a massive network of networks, a networking infrastructure. It connects millions of computers together </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/5296532736355712863/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/02/facebook-versus-google-and-debate-on.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5296532736355712863'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5296532736355712863'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/02/facebook-versus-google-and-debate-on.html' title='Facebook versus Google and the Debate on the Open Web'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/TUbiIFUeZdI/AAAAAAAAAHw/N7oZvmMB3zY/s72-c/facebook-vs-Google.jpg.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6165523758219568030</id><published>2011-01-09T20:03:00.005+01:00</published><updated>2011-12-13T15:07:47.080+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jQuery and oData'/><category scheme='http://www.blogger.com/atom/ns#' term='Ado.Net Data Services'/><category scheme='http://www.blogger.com/atom/ns#' term='WCF services'/><category scheme='http://www.blogger.com/atom/ns#' term='oData'/><category scheme='http://www.blogger.com/atom/ns#' term='consuming oData from Asp.Net'/><title type='text'>Grab and Mash Up Data with oData</title><summary type='text'>
The core of an internet application consists in getting and manipulating data.  How great would it be if your web site exposed its data on the Internet so that other applications could freely make use of it and mash it up together with other data coming from other sources?  With oData (Open Data Protocol) this is not only possible but incredibly simple.

OData has evolved out of a project dating</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6165523758219568030/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/01/grab-and-mash-up-data-with-odata.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6165523758219568030'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6165523758219568030'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2011/01/grab-and-mash-up-data-with-odata.html' title='Grab and Mash Up Data with oData'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_0Y9bSKPwl50/TSdZATwM2AI/AAAAAAAAAHU/TidYQzNQLzs/s72-c/OData.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7579006079375074890</id><published>2010-12-10T19:14:00.003+01:00</published><updated>2011-12-13T16:37:22.189+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Asp.Net and Facebook Connect Integration'/><category scheme='http://www.blogger.com/atom/ns#' term='how to display Facebook Wall'/><title type='text'>How to Retrieve Your Wall Posts from a Facebook Connect Asp.Net Web Site</title><summary type='text'>Getting my Facebook wall posts on an Asp.Net web page that uses Facebook Connect, looks something like this:


Here I'd like to show one way in which this could be done, at least the way I've done it.  In my previous blog post Asp.Net and Facebook Integration: How to Display User Notes I already gave some useful references and indications on how to set up your Asp.Net environment for Facebook </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7579006079375074890/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/12/how-to-retrieve-your-wall-posts-from.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7579006079375074890'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7579006079375074890'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/12/how-to-retrieve-your-wall-posts-from.html' title='How to Retrieve Your Wall Posts from a Facebook Connect Asp.Net Web Site'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_0Y9bSKPwl50/TQEZY50h_LI/AAAAAAAAAGk/S2f3iMA-dhM/s72-c/FacebookSitePage.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-3890851795390863310</id><published>2010-11-10T13:11:00.001+01:00</published><updated>2011-12-21T15:44:41.077+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='jQuery quiz'/><category scheme='http://www.blogger.com/atom/ns#' term='Quiz in java script'/><title type='text'>Simple Quiz Demo with Java Script</title><summary type='text'>

The other day I caught my little nephew half-dozing on his history book.  Having asked him what he thought he was doing, he admitted that he would have to face up to a history test the next day at school and that was his way of tackling revision.  At once I thought that perhaps a quiz might be more fun for the poor boy, so I roughed up a very simple quiz that could be set up in no time so that </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/3890851795390863310/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/11/simple-quiz-demo-with-java-script.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/3890851795390863310'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/3890851795390863310'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/11/simple-quiz-demo-with-java-script.html' title='Simple Quiz Demo with Java Script'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/TNmFDnuBzCI/AAAAAAAAAFs/WChyKRXNm1A/s72-c/QuizSampleTitle.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7394332945810926728</id><published>2010-09-29T20:18:00.001+02:00</published><updated>2011-12-22T15:28:18.718+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Asp.Net and Facebook Connect Integration'/><category scheme='http://www.blogger.com/atom/ns#' term='Facebook Connect'/><category scheme='http://www.blogger.com/atom/ns#' term='How to Display Facebook User Notes'/><title type='text'>Asp.Net and Facebook Integration: How to Display User Notes</title><summary type='text'>
Individuals and businesses alike do have a voice, exchange views and news around the globe at a click of the mouse, and a major catalyst player that makes this possible in cyberspace is ... Facebook.  What about having your own website talk to your Facebook wall or Facebook profile so that you can better share its content with your friends across the net?  The Facebook team makes available its </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7394332945810926728/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/09/aspnet-and-facebook-integration-how-to.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7394332945810926728'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7394332945810926728'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/09/aspnet-and-facebook-integration-how-to.html' title='Asp.Net and Facebook Integration: How to Display User Notes'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/TKMPe99TaFI/AAAAAAAAAFM/Tb1KEqcL-9g/s72-c/AspFacebook.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-8070289517660453013</id><published>2010-09-08T19:57:00.000+02:00</published><updated>2010-09-08T19:57:06.352+02:00</updated><title type='text'>The Future of Music Video Runs on HTML5</title><summary type='text'>
Are you ready to take a futuristic jump back to the past of your younger, innocent self while listening to the music of the Arcade Fire in the process?  Easy, with Html5 you can, and this is how.

The 21st century way of consuming music through video is on the web, and you're expected not just to sit and watch the show, but to interact with the images and contribute to the final product.  This </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/8070289517660453013/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/09/future-of-music-video-runs-on-html5.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8070289517660453013'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/8070289517660453013'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/09/future-of-music-video-runs-on-html5.html' title='The Future of Music Video Runs on HTML5'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_0Y9bSKPwl50/TIdz2CSlKiI/AAAAAAAAAE0/F-OXCBEG28c/s72-c/WildernessDowntown.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-5180573733074141507</id><published>2010-08-21T13:15:00.002+02:00</published><updated>2010-08-21T19:35:57.197+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Facebook Places'/><title type='text'>Have You Been Checked ... On Facebook?</title><summary type='text'>On Wednesday 18th August Facebook launched the 21st century version of the agora', the square or meeting place of ancient Greece where the Greek elite used to meet up and discuss politics.  It's Facebook Places; only, unlike the Greek agora' where the focus was on political decisions for the common good of the city-state, Places is all about the individual, his/her friends, and a particular spot,</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/5180573733074141507/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/08/have-you-been-checked-on-facebook.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5180573733074141507'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5180573733074141507'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/08/have-you-been-checked-on-facebook.html' title='Have You Been Checked ... On Facebook?'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_0Y9bSKPwl50/TG6zSHmDYiI/AAAAAAAAAEk/h676ImfAFFo/s72-c/FacebookApp.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-711968653860169004</id><published>2010-07-18T12:27:00.002+02:00</published><updated>2011-07-09T15:27:31.127+02:00</updated><title type='text'>3 Requirements You As A Client Are Entitled To Ask A Novice Web Developer</title><summary type='text'>Throughout my free-lance career I've by and large come across two kinds of clients: those who have little idea of what they're after and are willing to leave to the developer most of the important decisions about the web site they want, and those who have learned the jargon and expect the web developer to be a passive executor of a usually long list of requirements.  Neither of these two extremes</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/711968653860169004/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/07/3-requirements-you-as-client-are.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/711968653860169004'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/711968653860169004'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/07/3-requirements-you-as-client-are.html' title='3 Requirements You As A Client Are Entitled To Ask A Novice Web Developer'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1121595931610614305</id><published>2010-06-25T16:35:00.000+02:00</published><updated>2010-06-25T16:35:53.804+02:00</updated><title type='text'>CAPTCHA, Turing, and Consciousness (Part III)</title><summary type='text'>

 The philosopher of mind John Searle

In my last post we faced Alan Turing's crucial question: what does it take for a computer to be intelligent?  The genius's answer was: if you talk with it and it looks intelligent to you, then it's intelligent; or, if you don't spot the difference between it and a human being, then it's intelligent.  Well, obviously visual appearance is intentionally </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1121595931610614305/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/06/captcha-turing-and-consciousness-part_25.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1121595931610614305'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1121595931610614305'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/06/captcha-turing-and-consciousness-part_25.html' title='CAPTCHA, Turing, and Consciousness (Part III)'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/TBs9RzaFPCI/AAAAAAAAAEc/CQ4_xtHzlyk/s72-c/Searle.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-995406790173859943</id><published>2010-06-10T20:07:00.000+02:00</published><updated>2010-06-10T20:07:49.330+02:00</updated><title type='text'>CAPTCHA, Turing,  and Consciousness (Part II)</title><summary type='text'>

In my previous post I introduced CAPTCHA (Completely Automated Public Turing Test To Tell Computers and Humans Apart) as a kind of test which most of us puts up with nowadays if we want to post something on the web.  It aims at telling apart spam bots from us, that is, from real human beings.  A CAPTCHA  usually requires us to write down some random, jumbled up letters and numbers that appear </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/995406790173859943/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/06/captcha-turing-and-consciousness-part.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/995406790173859943'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/995406790173859943'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/06/captcha-turing-and-consciousness-part.html' title='CAPTCHA, Turing,  and Consciousness (Part II)'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_0Y9bSKPwl50/TAtoM1nv1nI/AAAAAAAAAEU/2wQt18dgHyE/s72-c/TuringTest.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7991494597375474013</id><published>2010-06-04T12:40:00.002+02:00</published><updated>2010-06-10T20:10:11.520+02:00</updated><title type='text'>CAPTCHA, Turing, and Consciousness (Part I)</title><summary type='text'>All of us are used to those annoying requests to rewrite some random letters and numbers pictured in front of us before being allowed to post a form on the web.  This is a technique aimed at preventing spammers from inundating web sites by offering tests that only humans and not machines will be able to pass.  The name of such web tests is CAPTCHA, which is an acronym for  Completely Automated </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7991494597375474013/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/06/captcha-turing-and-consciousness-part-i.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7991494597375474013'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7991494597375474013'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/06/captcha-turing-and-consciousness-part-i.html' title='CAPTCHA, Turing, and Consciousness (Part I)'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/TAjGucwCJ3I/AAAAAAAAAEE/MC2qoQ4No1A/s72-c/Turing.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-4034969828370302363</id><published>2010-05-26T13:14:00.003+02:00</published><updated>2010-06-10T20:10:42.267+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Artificial Life'/><title type='text'>Synthia: The New Artificial Life Form Is Born</title><summary type='text'>As someone who communicates with computers via web languages, be they languages that make text, images and videos appear on a computer browser, or make a web page look a certain way on your screen, or have web page elements behave according to users' expectations, I can't but be fascinated by everything that happens on the borderline of the artificial and the human.  As a philosopher, I can't but</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/4034969828370302363/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/synthia-new-artificial-life-form-is.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/4034969828370302363'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/4034969828370302363'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/synthia-new-artificial-life-form-is.html' title='Synthia: The New Artificial Life Form Is Born'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_0Y9bSKPwl50/S_z0DpV_llI/AAAAAAAAAD8/_PIEwP4RPmg/s72-c/cells.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-3050487019751686728</id><published>2010-05-19T11:28:00.002+02:00</published><updated>2010-06-10T20:11:15.986+02:00</updated><title type='text'>Vertical versus Horizontal Web Development</title><summary type='text'>The web development agency logo was in front of me one Tuesday morning of over two years ago.  My first job interview as front-end web developer.  I swallowed, counted up to 10 and rang the bell.  I was 5 minutes early ... perfect.  The door opened and a pleasantly looking man let me in and asked me to take a seat and wait for a few minutes. Two minutes... five ... ten ... fifteen... and so on </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/3050487019751686728/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/vertical-versus-horizontal-web.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/3050487019751686728'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/3050487019751686728'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/vertical-versus-horizontal-web.html' title='Vertical versus Horizontal Web Development'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_0Y9bSKPwl50/S_LQashW2DI/AAAAAAAAADc/3xdEk2Ysiqc/s72-c/busy-office.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-4126056755379314953</id><published>2010-05-13T19:07:00.002+02:00</published><updated>2010-06-10T20:11:44.902+02:00</updated><title type='text'>Web Site Building Today: Renaissance or Compartmentalised  Web Developer?</title><summary type='text'>
All free-lancers like myself spend some time looking out for interesting projects so that their skills are kept constantly on their toes and, incidentally, food can be put on their tables.

It just so happens that in so doing I come across some job offers such as the following:


Looking for excellent, experienced web designer to build web site for a new business.  The prospective candidate will</summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/4126056755379314953/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/web-site-building-today-renaissance-or.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/4126056755379314953'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/4126056755379314953'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/web-site-building-today-renaissance-or.html' title='Web Site Building Today: Renaissance or Compartmentalised  Web Developer?'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_0Y9bSKPwl50/S-md0sI9IvI/AAAAAAAAADU/CnB9xcYh5rU/s72-c/Leonardo.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-859614156409639015</id><published>2010-05-07T10:46:00.001+02:00</published><updated>2010-05-07T10:47:54.133+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Html5  Css3'/><title type='text'>Html5 and Css3: Web Designers Rejoice!</title><summary type='text'>
Web designers have been discovering and contributing to the implementation of the newest versions of the languages of the web, i.e., HTML (Hypertext Markup Language) and CSS (Cascading Style Sheet).  I'm talking about HTML 5 and CSS3, of course!


The benefits of designing web pages using the puppy version of these languages are enormous: easy to create cool visual effects without images, </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/859614156409639015/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/html5-and-css3-web-designers-rejoice.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/859614156409639015'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/859614156409639015'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/05/html5-and-css3-web-designers-rejoice.html' title='Html5 and Css3: Web Designers Rejoice!'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh5.ggpht.com/_0Y9bSKPwl50/S-FG7mZ1E3I/AAAAAAAAADQ/BCOG1iy83JE/s72-c/BlogCssHtml.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-5835739656547017646</id><published>2010-04-28T13:16:00.003+02:00</published><updated>2010-06-10T20:13:02.256+02:00</updated><title type='text'>You did that ... Reeeeeally?</title><summary type='text'>'Hello, I'm so and so, what's your name?'  -  As a child, nothing gave me the jitters more than approaching a group of children, especially children who already seemed to know each other and unselfconsciously play together, and introduce myself by those simple words.


A lot has changed since then...
I've changed since then.  I introduce myself all the time to all sorts of different people now, </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/5835739656547017646/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/you-did-that-reeeeely.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5835739656547017646'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/5835739656547017646'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/you-did-that-reeeeely.html' title='You did that ... Reeeeeally?'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_0Y9bSKPwl50/S9gHjCdcxGI/AAAAAAAAACw/cVHdwW5YzV0/s72-c/geek.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-6052277980580405531</id><published>2010-04-23T19:59:00.002+02:00</published><updated>2010-04-23T20:05:38.825+02:00</updated><title type='text'>The Newly Arrived .Net Framework 4's Answer to the SEO Craze</title><summary type='text'>
These last few days I've been having fun experimenting with the newly released free version of Visual Studio 2010, specifically with the software for web development, i.e., Visual Web Developer 2010 Express Edition (VWD).


Some time ago I remember busting my brains trying to achieve clean, human readable Urls for my clients' web sites working with the previous version of the .Net Framework and </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/6052277980580405531/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/newly-arrived-net-framework-4s-answer.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6052277980580405531'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/6052277980580405531'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/newly-arrived-net-framework-4s-answer.html' title='The Newly Arrived .Net Framework 4&apos;s Answer to the SEO Craze'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_0Y9bSKPwl50/S9GBhRHjOLI/AAAAAAAAABI/qcGwo71THNE/s72-c/vwd.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-2363751972086585923</id><published>2010-04-17T12:07:00.004+02:00</published><updated>2010-06-10T20:14:06.105+02:00</updated><title type='text'>Upgrading: Excitement and Frustrations</title><summary type='text'>On April 12th Microsoft launched Visual Studio 2010 and the .Net Framework 4.


The latter is a clever framework for developing all sorts of computer based applications and the former is a software which enables developers to build their applications with relative ease by employing the .Net framework.  There was a version 1.0, soon followed by a version 1.1 and Visual Studio 2003, then we find a </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/2363751972086585923/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/upgrading-excitement-and-frustrations.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2363751972086585923'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2363751972086585923'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/upgrading-excitement-and-frustrations.html' title='Upgrading: Excitement and Frustrations'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_0Y9bSKPwl50/S8l-lXFOI5I/AAAAAAAAABA/UrIcMSZv10o/s72-c/BlogEntry5.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7131230423183305849</id><published>2010-04-10T13:13:00.003+02:00</published><updated>2011-12-21T14:35:23.924+01:00</updated><title type='text'>Pleasures and Pains of  Web Developers' Forums</title><summary type='text'>One striking difference between working as an academic philosopher and working as a web developer lies in how one relates to their peers.

Nowadays, most academic philosophers deal with their colleagues in order to weave a network of contacts, mostly sitting on a number of committees of various kinds or being the 'Head' of something or other , e.g., scientific journals editorial boards, research </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7131230423183305849/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/pleasures-and-pains-of-web-developers.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7131230423183305849'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7131230423183305849'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/04/pleasures-and-pains-of-web-developers.html' title='Pleasures and Pains of  Web Developers&apos; Forums'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-2108546219369963</id><published>2010-03-27T13:12:00.004+01:00</published><updated>2010-04-13T13:00:43.427+02:00</updated><title type='text'>The Web Page: A Magical World of Objects</title><summary type='text'>Those of you who landed to web design and development after a flight in the abstract skies of philosophy might have noticed strange echoes of overly-familiar elements: concepts to grapple with, logical constructs to test out, and puzzle-like challenges to tackle.   This creates marvellous and unexpected resonances between a discipline that bears within it the marks of eternity such as philosophy </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/2108546219369963/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/03/web-page-magical-world-of-objects.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2108546219369963'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/2108546219369963'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/03/web-page-magical-world-of-objects.html' title='The Web Page: A Magical World of Objects'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-7685959036592384436</id><published>2010-03-20T17:14:00.002+01:00</published><updated>2010-06-10T20:16:31.614+02:00</updated><title type='text'>Role models and the media</title><summary type='text'>










Back in February, an Italian rock singer called Morgan declares to the press that he regularly makes use of drugs, especially crack cocaine, among other reasons, as a way of managing his depression.  As a consequence, the country is 'scandalised', the greatest number of politicians proclaim their absolute indignation and reprobation towards the personage in question, and the latter is </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/7685959036592384436/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/03/role-models-and-media.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7685959036592384436'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/7685959036592384436'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/03/role-models-and-media.html' title='Role models and the media'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_0Y9bSKPwl50/S6T0FZs2QTI/AAAAAAAAAA4/7C526LoKSrc/s72-c/Morgan.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8136870970935814320.post-1653704981934934712</id><published>2010-03-19T19:02:00.000+01:00</published><updated>2010-03-19T19:02:24.914+01:00</updated><title type='text'>Philosoblogging away ...</title><summary type='text'>If you spend years obtaining qualifications in something as 'niche' as philosophy and then you find yourself with a bigger number of academic journal publications than of years spent earning a living within the confines of an academic institution, then you might end up like me, i.e., a free-spirited, independent-minded, skint ... web philosopher.

As a web philosopher I'll be throwing all sorts </summary><link rel='replies' type='application/atom+xml' href='http://mariaantoniettaperna.blogspot.com/feeds/1653704981934934712/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/03/philosoblogging-away.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1653704981934934712'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8136870970935814320/posts/default/1653704981934934712'/><link rel='alternate' type='text/html' href='http://mariaantoniettaperna.blogspot.com/2010/03/philosoblogging-away.html' title='Philosoblogging away ...'/><author><name>Maria Antonietta Perna</name><uri>http://www.blogger.com/profile/16191349566982727716</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='19' height='32' src='http://1.bp.blogspot.com/_0Y9bSKPwl50/S6NiuGED8rI/AAAAAAAAAAM/NMttGEwiKC8/S220/TestPics006.jpg'/></author><thr:total>0</thr:total></entry></feed>
