|
|
Tricky issue with HTML5 drag and drop |
|
HTML5 supports native drag and drop through draggable property and several events such as dragstart, drag, dragenter, dragleave, dragover and drop. Normally dragstart event handler is where you set the data that is to be transferred between the drag source and drop target. The drop event handler is where you handle the drop of a drag source, access the data transferred and process it further. Now, in this particular case only the dragstart and drop events were handled. And the drop event handler never used to get called. In other words dragging operation was successful but dropping operation was not. |
|
Posted On : 21 May 2013 |
|
|
Why learning HTML5 & jQuery is important? |
|
The web sites that people developed some 10-12 years ago and what people develop today are different beasts. Gone those days of static HTML pages backed by some poorly written JavaScript code. Modern web sites follow Web 2.0 philosophy. They are interactive, data driven and rely heavily on real-time data. Web sites interact with the users in variety of ways - audio, video, graphics, drag-n-drop, animations and more, and all of these need to fit together with your server side infrastructure. The traditional ways of developing web sites are just unfit for the modern world. You need something that is evolving with changing times and industry trends and HTML5 is precisely about coping these types of changes. |
|
Posted On : 11 Mar 2013 |
|
|
Displaying Real Time Data using HTML5 and ASP.NET |
|
Some web applications need to show data in real-time. As soon as the data is generated or received at the server, it immediately needs to be displayed to the end user. Traditionally developers used to poll the server periodically to check if new data was available. This approach had its own drawbacks and proved to be unsuitable in certain cases. Wouldn't it be nice if the server notified the client of new data rather than client checking with the server periodically? That is what HTML5 Server Sent Events (SSE) allows you to do. In this article you will learn what HTML5 Server Sent Events are and how to develop a web form that relies on real-time data from the server. |
|
Posted On : 08 Feb 2013 |
|
|
Integrating HTML5 Geolocation API with Bing Maps |
|
The HTML5 Geolocation API allows you to build location aware web applications that adjust themselves in some way so that the user is presented with data based on his geographical location. With the growing popularity of mobile devices, Geolocation API can be used to enhance user experience and provide services that utilize location information. Geolocation API can be programmed using JavaScript and can also be integrated with mapping services such as Google Maps or Bing Maps. This article shows how Geolocation API can be used to show the user's location on Bing maps. |
|
Posted On : 19 Oct 2012 |
|
|
Uploading Files Using HTML5 Drag-and-Drop and ASP.NET |
|
ASP.NET web applications that require uploading files from the client machine to the server use the file field to select files. The selected files are uploaded to the server using form submission techniques. In addition to the file field, HTML5 also allows you to select files using drag and drop. Using this feature you can drag files from Windows Explorer or Desktop and drop them on a predefined area of a web page. The files can then be uploaded to the server. This article illustrates how the HTML5 drag and drop feature can be used to upload files on the server. |
|
Posted On : 19 Jul 2012 |
|
|
Using HTML5 Drag and Drop in ASP.NET |
|
Drag and drop operations are common in desktop applications. Modern web applications also try to harness the ease and power of drag and drop operations to provide enhanced user experience. Web developers often resorted to JavaScript based libraries or custom techniques for enabling drag and drop behavior in their applications. Luckily, HTML5 comes with an inbuilt support for drag and drop. Using drag and drop features, you can drag an HTML element and drop it onto another. In the process you can also pass data from the source element to the target element. Integrating drag and drop with server side processing allows you to provide rich user experience. This article illustrates how HTML5 drag and drop features can be used in an ASP.NET website. |
|
Posted On : 05 Mar 2012 |
|
|
Using HTML5 Web Storage in ASP.NET |
|
Most of the websites developed today deal with data in one or the other form. It follows that application data needs some storage mechanism. As far as server is concerned we have sophisticated storage mechanisms such as an RDBMS. However, storing data on the client side can be tricky. Traditionally developers used Cookies to persist data on the client side but with many limitations. To help developers get rid of these limitations and provide a streamlined data storage mechanism HTML5 has introduced what is called as Web Storage. This article explores what Web Storage is, its flavors and using Web Storage in ASP.NET websites. |
|
Posted On : 25 Jan 2012 |
|
|
HTML5 Form features you should know |
|
In the past few articles I discussed HTML5 features that every ASP.NET developer should be aware of. In this article I will focus on HTML Forms and discuss some enhancements that make your life easy. Merely using various input types is just one part of the story. You should also know HTML5 features that are applicable to the form as a whole. This article illustrates some such features. All the examples use Chrome as a browser but many can be tested in Safari, Opera and others. |
|
Posted On : 09 Dec 2011 |
|
|
Introduction to HTML5 for ASP.NET Developers |
|
More and more web applications are harnessing the power of client side features of a browser. To that end HTML5 has many features to offer web developers. HTML markup, JavaScript and CSS have become more powerful and flexible than ever before. ASP.NET Developers must be well-versed with HTML5 features because all of the leading browsers are aggressively supporting them and newer web applications are bound to rely heavily on them. This article is intended to give you an overview of some key features of HTML5 from a developer's perspective. We won't go into too much detail of new HTML tags, CSS3 and such "markup" level features, instead we will focus on features more appealing to web developers. |
|
Posted On : 03 Nov 2011 |
|
|
Working with HTML5 Canvas |
|
One of the reasons for the popularity of the web is the graphical user interface offered to the end users. Images, animations, fonts and other interactive effects make a website appealing from an end user's perspective. However, one limitation that website developers often encounter is drawing graphics in the browser. As a solution, developers often resort to Flash or Silverlight based plug-ins or generate graphics on the fly at server side and then send it to the client. HTML5 does a great job in client side graphic rendering by offering what is known as canvas. The actual drawing can be carried out using JavaScript code and certain new graphic objects. Understanding HTML5 canvas and associated JavaScript objects is important for any ASP.NET developer and this article teaches you just that. |
|
Posted On : 25 Oct 2011 |
|
|