Archive for the ‘jQuery’ Category

editor

WYSIWYG editors in JavaScript, jQuery and HTML5

Hello! Today we present a small set of WYSIWYG editors. They are based on Javascript, of course, but also on newer possibilities offered by HTML5. WYSIWYG editors Sometimes we need to add such editor to our projects (e.g. for admin panel of CMS, product descriptions in e-commerce software, etc). There are many ready-to-use, very good […]

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

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

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

jquery-logo-x

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

jquery-logo2

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

learning

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

i_phone_icon

Learning jQuery Mobile – UI, buttons, icons, transition effects

Today another tutorial and further learning jQuery Mobile, through the implementation of examples. Learning jQuery Mobile We’ll start with buttons and icons. The basic example below – creating a button and adding CSS class: In the previous article we talked about pages and transitions between them. The transition was initiated after clicking on a link. […]