Posts Tagged ‘tutorial’

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

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

good3

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

jQuery zClip

Copy to clipboard in Javascript – jQuery zClip

Today, a quick tutorial on how to copy to the clipboard in JavaScript. Sometimes in our web application project, may appear a requirement: allow copying of data to the clipboard programmatically from JavaScript, after the occurrence of some event. Copy to clipboard in Javascript For this we use my favorite JavaScript framework – jQuery. In […]

ballon-1-tooltip

jQuery tutorial: own tooltips

Today we recommend the jQuery tutorial, that shows how to create own ToolTips. In four easy steps. jQuery tutorial – creating own tooltips Source available: here. Step 1 – the project Create a new project (e.g. in Aptana IDE) or simply create a structure as below: Step 2 – the view We create the basic […]

date-time-javascript

Date and time in JavaScript

The time flies, and we will write about date and time in JavaScript. Today less theory, more practical examples. Date and time in JavaScript. The Date object. To handle dates in JavaScript there is an object called Date. Basic example: The Date object – methods Methods of the Date object: Tip: use instanceof With this […]

Like-a-boss-128

Mastering bitwise operators in JavaScript. Like a boss!

Bitwise operators in JavaScript Today we will try to present bitwise operators in JavaScript language, in an accessible form. The overall concept of the bitwise operators’ work in JavaScript is as follows: – arguments are converted to 32-bit integer and expressed by a sequence of bits, – each bit in the first argument is matched […]