The future is HTML5

HTML5


Top Stories

This is the second post of a two-part blog post that discusses HTML5 WebSocket and security. The first post, HTML5 WebSocket Security is Strong, talked about the security benefits that derive from being HTTP-compatible and the WebSocket standard itself. In this, the second post, I will highlight some of the extra security capabilities that Kaazing WebSocket Gateway offers. Kaazing WebSocket Gateway makes your Web application architecture more secure. We leverage the HTTP and WebSocket standards as well as Kaazing-specific technology for capabilities beyond what the standard provides, but what real-world applications typically need. What are some of those things? Read on… HTTP Authentication (Challenge/Response) Specified by RFC 2617, a WebSocket gateway/server can issue a standard HTTP challenge and receive a token or other authentication information in the HTTP ... (more)

Book Review: The CSS3 Anthology

The CSS3 Anthology by Rachel Andrews is subtitled instant CSS answers, how-to's, and examples. This subtitle clearly explains the goal of this book. The book consists of nine chapters. The first chapter is a quick review of CSS. The other chapters cover major topics such as text styling, image design elements, navigation, tabular data, forms and user interfaces, CSS positioning basics and CSS for layout. The topics in each chapter are laid out in the form of a question followed by one or more solutions and then a discussion explaining why that solution was offered. Here is an example of one of the questions: How do I remove the large gap between an h1 element and the following paragraph? I really like this book because it's a practical problem solver for everyday issues you encounter when designing web pages. It is especially useful for people just getting started ... (more)

Using HTML5 Application Cache to Create Offline Web Applications

HTML5 introduces Application Cache, a new feature that enables you to make web apps and sites available offline. The new specification also provides an easy way to prefetch some or all of your web app's assets (HTML files, images, CSS, JavaScript, and so on) while the client is still online. During this caching process, files are stored in an application cache, where they sit ready for future offline use. Compare this to regular browser caching, in which pages that you visit are cached in the browser's cache based on server-side rules and client-side configuration. But-even if web pages are cached normally, this does not provide a reliable way for you to access pages while you're in offline mode (in an airplane, for example). In addition, an application cache can cache pages that have not been visited at all and are therefore typically unavailable in the regular br... (more)

IoT Data and HTML5 | @ThingsExpo #HTML5 #IoT #M2M #InternetOfThings

Visualizing IoT Data with HTML5 Dashboards for Real-Time Action Increasing IoT connectivity is forcing enterprises to find elegant solutions to organize and visualize all incoming data from these connected devices with re-configurable dashboard widgets to effectively allow rapid decision-making for everything from immediate actions in tactical situations to strategic analysis and reporting. In his session at 18th Cloud Expo, Shikhir Singh, Senior Developer Relations Manager at Sencha, will discuss how to create HTML5 dashboards that interact with IoT devices via Ext JS constructed components like Grids, Charts, and Widgets. Speaker Bio Shikhir Singh is a Senior Developer Relations Manager at Sencha. He specializes in enterprise mobility, JavaScript, and cryptography/security. Prior to joining Sencha, he worked at BlackBerry, Lockheed Martin, Sun Microsystems and a... (more)

Book Excerpt: Introducing HTML5

HTML5 is a draft specification for the next major iteration of HTML. It represents a break from its predecessors, HTML4 and XHTML. Some elements have been removed and it is no longer based on SGML, an older standard for document markup. HTML5 also has more allowances for incorrect syntax than were present in HTML4. It has rules for parsing to allow different browsers to display the same incorrectly formatted document in the same fashion. There are many notable additions to HTML, such as native drawing support and audiovisual elements. In this chapter, we discuss the features added by HTML5 and the associated JavaScript APIs. Beyond Basic HTML HTML (Hypertext Markup Language), invented by Tim Berners-Lee, has come a long way since its inception in 1990. Figure 1-1 shows an abbreviated timeline of HTML from the HTML5Rocks slides (http://slides.html5rocks.com/#slide3)... (more)

Book Excerpt: jQuery Essentials | Part 1

This excerpt is from the book Murach's JavaScript and jQuery by Mike Murach and Zak Ruvalcaba. Now that you have the JavaScript skills that you need for using jQuery, you're ready to learn jQuery. So, in this excerpt, you'll learn a working subset of jQuery that will get you off to a fast start. When you complete this section, you'll have all the jQuery skills that you need for developing professional web pages. You can also go on to any of the three sections that follow because they are written as independent modules. If, for example, you want to learn how to use Ajax next, skip to section 4. Get off to a fast start with jQuery In this excerpt you'll quickly see how jQuery makes JavaScript programming easier. Then, you'll learn a working subset of jQuery that will get you off to a fast start. Along the way, you'll study four complete applications that will show you ... (more)

Mozilla Chief to Quit

Mozilla CEO Gary Kovacs will be stepping down sometime later this year he told employees Thursday. Mozilla will be looking for a new chief executive and Kovacs will stay there until that person is found. He wants "something more commercial" to entertain him and will stay on the board. Under his watch Mozilla, oddly both a for-profit and non-profit, which is like serving the biblical two masters, went mobile and created the open HTML5-based - none of this fragmented native to a particular operating system business - Firefox OS, which has been adopted by some carriers in emerging markets like Brazil's Telefónica for their entry-level phones. Its carrier partners include Deutsche Telekom, Smart, Sprint, Telecom Italia, Telenor and Etisalat. All Things D says Kovacs also struck a commercial software deal with Samsung to "build a new browser engine for Android and the ... (more)

HTML5 and the Future of PhoneGap and WebView+

By Peter Rogers, Principal Architect, Mobility, Cognizant HTML5 is still one of the most discussed topics amongst us technical types.  The key challenge, however, has remained unanswered for a long time. How do you effectively wrap HTML5 for use in native mobile applications? Unfortunately I do not have a universal answer, but I do have a solution for Android. Firstly, I recommend looking into the use of Vellamo in order to benchmark the performance of HTML5 on Android.  Vellamo is designed to be an accurate, easy to use suite of system-level benchmarks for devices based on Android 2.3 forward. Vellamo began as a mobile web benchmarking tool that today has expanded to include two primary chapters: the HTML5 chapter evaluates mobile web browser performance; and the Metal Chapter measures the CPU subsystem performance of mobile processors. I have my own custom architect... (more)

More About HTML5 and Google Chrome

I am glad that I switched over to Chrome. Otherwise it would have taken me lot more effort to go through the site created by Marcin Wichary and modified by Ernest Delgado. If you want to get a feel of what is possible with HTML5 this is a good place to look at. Here is the link. (You can use left and right arrow key to navigate) It is one single page but it behaves like a presentation. It showcases enhancements in JS, HTML & CSS: JS Client Side Storage (Web SQL Database, App Cache, Web Storage) – you can enter text which gets saved locally, you can create a local table Communication (Web Sockets, Worker Workers) Desktop experience (Notifications, Drag and Drop API) – drag-drop works beautifully – for text as well as picture Geolocation HTML Semantics (New tags, Link Relations, Microdata) Accessibility (ARIA roles) Web Forms 2.0 (Input Fields) Multimedia (Audio Ta... (more)

HTML5: Media in a Flash...Without Flash!

Welcome to part two of the four part primer to HTML5 development. In this article, I will showcase some of the additions to the HTML5 tag library that we can leverage to make media-rich websites and web applications in the blink of an eye without Flash or other 3rd-party code. HTML5-Compatible WebBrowsers The

To HTML5, or Not to HTML5, That Is the Question

If you've been following Sybase's announcements concerning their plans for future versions of PowerBuilder, you'll know that they are planning for PowerBuilder 15 to be able to generate a Silverlight application and are looking at having it generate applications based on HTML5 as well. If you've been following this column, you'll know I've been arguing that we need Silverlight generation much sooner than that. Back in November of 2008[1], I suggested that by the time PowerBuilder 12 was delivered, Microsoft would have Silverlight 3 out and it would be much more stable and ubiquitous. PowerBuilder 12 is here, and Microsoft is actually already on Silverlight 4. According to statowl.com, Silverlight was installed in 20% of browsers in November of 2008 and is now installed in 56% of browsers. Riastats.com indicates that Silverlight 4 is installed in 56% of browsers, an... (more)