Archive for the ‘JavaScript’ Category

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

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 tutorial: a nice, horizontal sliding menu

In today’s tutorial we create a simple horizontal menu with images and animation. jQuery tutorial — horizontal sliding menu The whole we will do in a few simple steps. 1. Necessary files We will need: — css/style.css and js/menu_funcs.js files, where we put our styles and JavaScript code for menu handling, — 5 (or more […]

Creating jQuery plugins — our own extensions in practice

Today we present another tutorial about creating jQuery plugins, from practical point of view. Creating jQuery plugins — further steps The development of a plugin may be in a way as shown below. We define the elements — options and functions: Let’s do something practical, by adding more code. Example — our own jQuery plugin: […]

Creating jQuery plugins — an introduction

The jQuery is a very popular framework. By using it, we very often also use plug-ins, which is really a lot. And we could say, that they are one of the strongest features of this library. Tutorial: creating jQuery plugins Plugin is an elegant and practical solution to implement the code based on jQuery, that […]

jQuery mobile

Learning jQuery Mobile — dialogs, panels, list. Summary.

Today we focus on further learning jQuery Mobile. We will discuss elements such as dialogs and lists. Learning jQuery Mobile — next steps We start with an important UI element — dialogs. Basically, as in other cases, we rely on the definition of attributes for items. For example: To see the jQuery Mobile dialogs in […]

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