I would like to share some observations and my knowledge in this article with umumble readers.

Let’s do it!

1. Write as you say it aloud

Your task is to show other programmers that you do it with a little twist.

Before you write the next piece of code, think and say it out loud what you are going to do. For example, I need to clear little bit this item. Many people will write without any hesitation:
$(".info").html("")

Introduction

I love different experiments with JavaScript. They allow us to look in the future and see how exciting it will be. When you will be viewing this collection, probably you will think of the recent king Adobe Flash, and then you realize how fast CSS and JavaScript took the throne away from it. Modern browsers allow us to use a variety of different effects and animations without any limitations. However, the word "experimental" means a number of limitations, such as the incorrect displaying in some browsers (IE), in addition, these plugins will be as conceptual addition to the personal pages, and not for use in the large projects.

Well, congrats! Here is another new one ... Why is it better than others?

1. It is brand new! If someone is going to do something, he usually thinks: whether there is any sense to do that, and if there is some, he does it.
2. It is really fine one! You just get and use it. In addition, it is based on Bootstrap and Glyphicons.
3. File Upload widget with multiple file selection, drag & drop support, progress bars and preview images for jQuery.
4. It supports cross-domain, chunked and resumable file uploads and client-side image resizing.
5. It works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.).

blueimp.github.com / jQuery-File-Upload /

Browser support:

github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

Once a client has asked me to set a countdown timer on his website.

He explained that it is needed for the users in order to take advantage of promo that is time-limited and as well to improve his website.

I began searching different options online. However, whatever I have found so far, I did not like it. There were various plugins for jQuery, but any of them did not fit the style. I needed a plugin that would look aesthetically in the existing design and visually tell the user how much time he still has left.

Every new technology has its own comparisons with its competitors as jQuery is closely compared with Flash. Flash was the technology used by many web designers a while ago, but now it’s the turn of jQuery to add the special effects or interactivity to a website. jQuery makes it easier to create sophisticated custom effects and animations compared to Flash. This article provides some fantastic examples with amazing results, which can be achieved using standard browser and your imagination.

Apple like retina effect

Introduction

I needed dropdown tree in order to implement the current project. Since I have already used jQuery plugin TreeView and its functional suits me, so I decided to make dropdown tree on its basis. As a result, I got plugin DropDownTreeView that I want to share.

Functional

This plugin allows creating dropdown trees that are loaded with AJAX. When a tree is created, an opening tree button is added to an object wrap, and a tree is loaded. The tree can be loaded as a whole and partially (it is useful for large trees). HTTP requests can be performed by POST and GET methods. HTTP request parameters are determined by the user. The tree is built by jQuery.Treeview. The tree is minimized by selecting the item and clicking out of the tree range.

Here are using examples with a description

1. Adding styles for jQuery.Treeview and jQuery.Treeview.DropDown

<link href='jquery.treeview.css' type='text/css' rel='stylesheet'>
<link href='jquery.treeview.dropdown.css' type='text/css' rel='stylesheet'/>

jQuery 1.7 is ready to download! You can download jQuery CDN:
code.jquery.com/jquery-1.7.js
code.jquery.com/jquery-1.7.min.js

Also, this release will be available to download from Google and Microsoft CDNs within a day or two.

JQuery team thanks all who have participated in the testing and finding bugs in the beta-versions, as well who believes in the strength and stability of the release. In addition, they are asking anyone who finds any bugs to report about them on the bug-tracker, and if it is possible to do the replay tests on jsFiddle for the faster problem analysis.

What is new in the version 1.7

You can quickly review a short list of new features on jQuery API with a tag 1.7, and below is given a description of version 1.7 innovations, as well as some things that are not included in the documentation for API.

In the current project appeared necessity to perform a consistent series of ajax queries and something to do with their results at the end.
It is a fairly typical task, when the pattern of its solution usually is called as a waterfall. The implementation of this pattern is node.js, although some people work in the browser - async.
But we do not want to include the entire module for a single method as well as the copy / paste. The callback function is passed to async, everywhere we used the jQuery.Deferred. There is no difference, but we do not want to “break” a design style :)
As a result, there is written a small utility similar to jQuery.when

Unlike to the jQuery.when, the functions and their return should be passed by arguments, and not jqxhr, otherwise sense of waterfall will be lost. Although, it will not cause the error, because the waterfall accepts any argument’s types.

An article is dedicated to the plug-in, which simplifies the existence of client-side for a programmer.

When filling out the form happens that the form needs to be changed, considering the inputted data (hide and show the fields). The simplest example is when we order the delivery of goods, the user has selected an option “pickup”, and then the fields about the delivery address can be hidden, but it would be nice to show the map with directions for “pickup”.

What is next?

Often, such logic remains without realization, but if we care about the users, then it should be done.

The first standard approach is to make a step wizard, where the form is generated for each step on the server’s side. Some people think that this is a bad option, because it requires the dreary work of splitting the process into steps, writing tons of code, and there is no the pleasure working with this form.

The second approach is to write “puttee” JavaScript that implements all the logic on the client’s side. Especially, it is sad to write “cascading” logic, such as “if (a) was entered into a field A, then show B, if (c)was entered into a field B, then show D. If something else was entered into A, then hides B, and then D”.

Both options are not comfortable. First of all, the logic is realized by the imperative style instead of declarative. But there is way out!