HTML

FacebookTwitter
So as we’ve mentioned occasionally around here , we think that HTML5 app development is something that even real developers (we kid! we kid!) should be keeping their eye on as a likely method of first resort for cross-platform development and non-AppStore distribution; and here (h/t: @Dylan_Beadle ) is a LIVE! ONLINE!

22 Tutorials for HTML5 Mobile Web Development

http://mobile.dzone.com/news/html5-mobile-web-development
http://www.script-tutorials.com/10-exceptional-examples-of-html5-canvas-and-applications/

10 Exceptional Examples of HTML5 Canvas and Applications

10 Great HTML5 Canvas demos This is collection of most incredibly HTML5 canvas demos. Today, during browsing web I was amazed with so big amount of various html5 demonstration. And glad to share what I was able to collect.
http://www.hongkiat.com/blog/html5-web-applications/

HTML5-Powered Web Applications: 19 Early Adopters

HTML5, rumored as Flash killer , is a brand new web technology that raises a revolution lead by Apple in web application development. It contains canvas element for images and animation drawings, support video and audio embedding, and includes storage database for offline web applications. Most important of all, you don’t need a plugin to get all these features, your latest browser supports that. Sounds pretty cool, but what HTML5 can do actually?

Eureka! Google breakthrough makes SSL less painful

http://www.theregister.co.uk/2011/05/19/google_ssl_breakthrough/ Google researchers say they've devised a way to significantly reduce the time it takes websites to establish encrypted connections with end-user browsers, a breakthrough that could make it less painful for many services to offer the security feature. What's more, the technique known as False Start requires that only simple changes be made to a user's browser and appears to work with 99 percent of active sites that offer SSL, or secure sockets layer, protection. "We implemented SSL False Start in Chrome 9, and the results are stunning, yielding a significant decrease in overall SSL connection setup times," Google software engineer Mike Belshe wrote in a blog post published Wednesday. "SSL False Start reduces the latency of a SSL handshake by 30%. That is a big number."
This is the second post in a series on creating custom interactive visualizations in canvas. The first post is here . The canvas API contains five methods (rotate, scale, translate, transform, and setTransform) used to transform the drawing context. http://blog.carbonfive.com/2011/03/31/taming-2d-transforms/

Taming 2D Transforms in HTML5 Canvas | Carbon Five Community

My favorite web technology is quickly becoming the WebSocket API. WebSocket provides a welcomed alternative to the AJAX technologies we've been making use of over the past few years. This new API provides a method to push messages from client to server efficiently and with a simple syntax. http://davidwalsh.name/websocket

WebSocket and Socket.IO

HTML5 Techniques - Ultimate Collection of Tutorials

http://www.tutoriallounge.com/2010/11/html5-techniques-ultimate-collection-of-tutorials/ Mehr Posted on 22. Nov, 2010 | Comment in! As my experience we always close to the latest technologies as we have one step ahead on web development techniques as HTML5 . HTML 5 is the advanced version of HTML . HTML 5 is giving new techniques and advanced features/structure in designing.
[ This chapter does not appear in the book. ] I made things easy for myself in the last chapter by relying on a GPS receiver to generate latitude and longitude information. In this chapter, I throw away the GPS device (figuratively, of course), and determine my position and geographical address (my geolocation) without its help. Although this seems a daunting task, I'm encouraged by the availability of geolocation in HTML5. Even when there's no GPS receiver attached to the computer, a tiny piece of JavaScript executed by the browser can return your latitude and longitude. http://fivedots.coe.psu.ac.th/~ad/jg/ch35/

Chapter 35. Geolocation without GPS

Are you looking for an API that can perform the following GeoLocation functions Find distance between two points Find extreme points i.e. points with min/max latitude and longitude from a center point, for a given distance Find point of interest near you These days we use GeoLocation related services in almost all the applications and sometimes we don't want to be dependent on third party GeoLocation API's for doing some simple operations as mentioned above. For these purposes I tried to use sample code available at different sites, but some of them gave wrong results and some of them did not suit our requirements. http://xebee.xebia.in/2010/10/28/working-with-geolocations/

Swarm of XeBees » Working with GeoLocations

Swarm of XeBees » HTML5 – Multithreading in JavaScript with Web Workers

digg Sharebar defines an API that can be used for running scripts in background threads. In traditional browsers javascript was capable of running in a single thread, due to which it was difficult to run background tasks. Also the capabilities and performance of client side applications were limited. http://xebee.xebia.in/2010/11/02/multithreading-in-javascript-with-web-workers/

WebSockets is cool, but what can you do today? | Clay Lenhart's Blog

WebSockets is a new feature that appears to be a great way to send messages from the server to the browser, however today there isn’t much support, both in browsers and on the server in IIS and ASP.Net. Today you can use a Comet technique (in particular, Ajax with long polling ) which is available in all browsers. Using this concept, the browser makes a standard AJAX call to the server that waits until it receives a message. Asynchronous Pages and Asynchronous Controller allow you to have long running HTTP requests without using precious ASP.Net threads. On the server, there are two resource limits to consider with IIS and ASP.Net:

Introducing HTML5 Web Sockets – taking bidirectional communication on the web to the next level

For a long long time we have tried to be able to push information from the server out to the end users without having to poll the server all the time. Background My first memory of pushing out information to the end user was a feature in Internet Explorer 4 when you could subscribe to information and get it pushed out to you. If my memory serves me correctly, it wasn’t really seamless, but nevertheless, it was my first experience of it.

Inline Code Finder

Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them: Inline JavaScript events Inline style javascript: links In terms of inline events and javascript: links, it is generally frowned upon, and should instead be implemented in an unobtrusive fashion .

HTML5 Recipes: Rectangles - InsideRIA

About You have arrived at this page because InsideRIA is no longer an active website, as of January 31, 2011. While we're sad to see the change, we think you will find the resources and community here at oreilly.com helpful. An archive of the material previously posted on InsideRIA can be found at DevelopRIA.com .
The best way to measure the performance of your website is by looking at certain Key Performance Indicators (KPI’s) that tell you how fast or slow your web site is to the end user. Driven by efforts from web performance specialists such as Steve Souders and companies like Google and Yahoo , the industry has learned that factors such as page load time , number of network roundtrips and transferred size are important performance indicators for a web page. With the tracing capabilities of dynaTrace AJAX Edition it is possible to extend the list of existing KPI’s to also include metrics such as Time to First Impression , Time to Fully Loaded and Time Spent in JavaScript . This document describes a list of KPI’s that should be tracked on every page, what we consider as good and bad and what you can do to improve these KPI's.

Best Practices on Web Site Performance Optimization - Public - dynaTrace Community