Posts Tagged ‘html5’

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

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

jQuery mobile

Forms in jQuery Mobile

We continue mastering of jQuery Mobile through implementation of examples. The forms are today’s subject. Forms in jQuery Mobile In this case we work normally, by adding HTML5 elements and attributes. The following example shows a simple form elements (inputs) of various types: A sample view in the Opera Mobile Emulator: A full example here. […]

HTML5 custom attributes — define own attributes!

Do you want something great? No problem — in HTML5 we can find a lot of great things. You probably know that HTML5 introduces new elements, but it’s not everything! We can define HTML5 custom attributes — new, our own attributes, adjusted for our needs. HTML5 custom attributes The data-* attributes are used to store […]

A simple Halloween game in JavaScript — rapid development with jQuery

I love this atmosphere of Halloween! Having a free moment, I decided to create a simple game to fully feel the atmosphere. Halloween game in JavaScript It’s about the time not complicated requirements. For the project (and writing about on this blog) I had not too much time. Therefore, the aim was to create a […]

More about HTML5 Canvas. Animations, examples, tools.

Hello! It’s time for further exploration of HTML5 Canvas, by implementing the next examples. Today, slightly more advanced things like animation and other graphical operations. HTML5 Canvas in examples So let’s start. To run examples quickly, we use the same very simple page template, as in the previous article. A simple animation using HTML5 Canvas […]

Learning HTML5 Canvas with JavaScript — step by step

We’ve already published a basic course of HTML5, with a solid foundation for learning (or reminders). With such basics we can dive into more advanced (and interesting) topics. Learning HTML5 Canvas can be disassembled into smaller parts, and to handle them step by step. Learning HTML5 Canvas Learning goes great through the implementation of specific […]

Table

Tables in JavaScript — recommended solutions

The last time I worked on the web application, of which a large part was the presentation of processed data in tabular form, with the possibility of sorting, etc. We had to find a good and quick solution for this purpose. Tables in JavaScript — solutions There is a small list of good solutions. 1. […]

HTML5 short course. Part 2 — summary.

In the second, summary part of the basic course HTML5, we look closely at the next great elements of the language. HTML5 short course: the Modernizr library At the beginning we add yourself to facilitate work in the form of the Modernizr library. This is a JavaScript library that detects the availability of HTML5 and […]

HTML5 short course — part 1

Welcome to HTML5 short course — in a nutshell. We tried to prepare a quick course about HTML5 (and the use of JavaScript in its context), containing key information in one place. The case was somewhat complicated by the fact that the subject is quite extensive. But we can handle! HTML5 short course HTML5 is […]