Posts Tagged ‘html5’

JavaScript, HTML5, CSS and Data URI

What is that? The Data URI scheme is simply a way to represent the information, but in such a way the data usually kept in files (e.g. images) are available in a form of text string! Such a string has its own format, and allows developers to easily transfer the resource, e.g. between Web applications, […]

Tutorial Twitter Bootstrap

Twitter bootstrap in nutshell

Twitter Bootstrap (TB) is a CSS framework on the MIT license, developed by Twitter. It contains z set of tools to facilitate the creation the UI of pages and web applications. The framework is based mainly on ready solutions of HTML and CSS (LESS). Tutorial / Twitter bootstrap in nutshell This an excellent solution can […]

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 […]

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 […]

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 […]

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 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 […]

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 […]

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 […]

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 […]