Posts Tagged ‘jQuery’

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

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

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

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

jQuery Mobile tutorial — an introduction

Today, I think there is no doubt about the important role of mobile devices. They are becoming more widely used. Graphical user interfaces are key. For developers of different technologies, the main task is to ensure that applications will work properly on the limited hardware and small touch screens. Web applications have a big importance […]

Upload files in JavaScript

Today’s point is about how to perform file upload in JavaScript. OK — with a small help of other technologies, however, it’s about a single, cohesive and working solution. Upload files in JavaScript A basic file upload can be done in a simple manner. Just HTML file input and few lines of PHP code to […]

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