Posts Tagged ‘html5’

building

Web storage tutorial – applications that store data locally

Today we present the tutorial about creating a simple web application, which stores data in localStorage. The app will be able to save and store the settings of its own appearance. Web storage tutorial 1. Let’s start by adding jQuery and simple CSS styles for UI elements: 2. Create a simple form in the body […]

file1

DOM Storage – JavaScript Web Storage

There is no problem with Web apps with server-side back end code, where we can for example store data in MySQL or simply – in files. Thanks to Web storage / DOM storage, our modern web application can store the data itself, and we will handle them in JavaScript. JavaScript Web Storage It is a […]

file4

Read files in JavaScript and HTML5

Actually I met with this issue for years. However, the modern solutions allow us really to approach this issue in a meaningful way, not related to one specific browser. Read files in JavaScript and HTML5 Among the easiest ways, we can mention loading the file contents via AJAX; in case of jQuery we can use […]

messages

HTML5 Web Messaging

Web Messaging (or cross-document messaging) it’s the API introduced to the HTML5 specification, allowing documents from various sources / domains to communicate in a secure manner. This is the basic level of security that allows to operate over the cross-site scripting protection level. HTML5 Web Messaging The basic method is postMessage, allowing to establish communication. […]

html5_c

HTML5 Cache and JavaScript – how to use HTML5 cache?

Today, a few words about the issues and possibilities offered by HTML5 Cache. Working with HTML5 Cache The back end developers can associate it with a kind of caching the pages, to speed up their loading. In the case of HTML5 Cache it’s also about some other benefits. HTML5 offers caching mechanism for applications in […]

video-icon

HTML5 Video and JavaScript

After an article about the audio, it’s time to write also about HTML5 Video. Working with HTML5 Video The <video> element of HTML5 specification allows the user to play videos in the browser without installing additional plug-ins. Example of use: As in the case of audio, we can add the controls attribute, to show the […]

audio_speaker

HTML5 Audio. Sound support in HTML5 and JavaScript.

HTML5 offers us not only such wonderful elements as Canvas, but many other valuable features, facilitating the creation of on-line applications. One of them is sound support (HTML5 Audio), and additionally also video support. But the most important is that we don’t have to play around strange solutions, like Java applets; we don’t event need […]

chart-logo

Charts in JavaScript and HTML5

While working on various projects, sometimes we need to display the data on charts. Currently showing a chart in the browser is not a problem. We can develop own solution or take advantage of the ready-made and tested solutions. Creating charts in JavaScript and HTML5 Let’s do a little review of the proven solutions. jqPlot […]

html5-tutorial-canvas-image-hot-points_128

HTML5 tutorial: a photo on the Canvas with clickable elements

The result of today’s work will be an effect, that may be useful in a number of projects. It’s about a kind of comment or action related with defined point on the photo. We can, for example, show detailed information after clicking in that point. HTML5 tutorial – clickable elements on the picture We have […]

painting

HTML5 Canvas, JavaScript and operations on images

Some time ago we got a small job. The subject: small research and creation of simple on-line editor for images, which should be editable from HTML5 Canvas and JavaScript level. Then the user should be able to save / send the final image. Today we present the basic elements and some examples related to this […]