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.

Sometimes, web developers get a task that requires a smooth movement of the object on the screen. This may be a download string, sprite, or something else. The problem occurs when the shift seems to be too abrupt even at one point, and that messes up the overall impression of the event. How do we avoid it? Should we use anti-aliasing techniques?

This can be done using the sprites, as well as smart reduction of the original image. Here are some steps that you need to follow:

First, we have a large image of a car.

The tinycon is a small library for the manipulating the favicon to transfer information about the new events. The browsers that do not support the canvas the counter is displayed in the title page.

Utilization

It is very simple in use. We need to connect lib and write
Tinycon.setBubble(6);

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.

I read an article about Kerning.js, which is a small JavaScript library that even can be the utility to implement the marvelous typography on the web pages. Then I remembered that I had used something like Lettering.js library lately.

I am not going to give the detailed instruction on its use (I will give some links to this instruction and every developer will figure it out), as well I will add some information about two other small libraries, l have used their functional in my projects.

Lettering.js is an assistant for radical web typography, Cryptico.js is an assistant for encrypting text and Rasta.js is anonymous domain-less key-value store for frontend JavaScript. Here are the links to the developers’ websites of these libraries and instructions for their use.

Lettering.js

Lettering.js is on Githab

Lettering.js allows breaking the words into letters, sentences into the words and the paragraphs into the lines, as well it arranges the broken fragments in an interesting way using css. The examples are on the website letteringjs.com.

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'/>

I would like to share a prototype of game that is created just in a few hours. I hope that it will inspire some of you! In the industry of single-player browser-based games, it seems that there is not enough imagination and the ability to tell the stories, perhaps I just have not seen such games ;), but I miss these games like Grim Fandango.

Below is given a screenshot of the demonstration that consists of the multiple nodes of DOM, which represents the component parts of the protagonist, birds, and the scene. Most of the animations are done by CSS transitions / animations, some of which are dynamic and use the library move.js.



I have not yet engaged in profiling of anything, but this demonstration is working without a break rather smoothly, and there are many aspects that can be optimized, starting with simply dumping jQuery.

Do you know what value produce this code in JavaScript?

var foo = 1;
function bar() {
if (! foo) {
var foo = 10;
}
alert(foo);
}
bar();
If you are surprised what will produce "10", then the following code confuse you at all:


var a = 1;
function b () {
a = 10;
return;
function a() {}
}
b();
alert(a);

In this case, the browser produces "1". So what exactly is going on? Although this behavior seems strange, dangerous and confusing, in fact it is very powerful and significant tool JavaScript. There is a name for term for such behavior, which is “hoisting”. This article will try to explain the mechanism of the language, but first let us talk about scope in JavaScript.

Often, there are tasks that require to map a tree structure of interaction of any entity. For example: navigation through the file system, menu of the site or the content of the textbook.

The easiest option to map a tree structure in HTML is listings. But we are interested in trees that have dynamic properties. Here we cannot be without javascript. Since the solution is needed fast, then use of jQuery lets us create dynamic trees that saving our time on coding. In order to save for us a lot more time we use a search engine and look for a suitable solution. In general, it is not just limited to creating a tree on the site in this case, but there are situations when a tree is suitable, but it still misses something and there is no choice, but to modify the existing tree.