21 Useful Minify JavaScript Tools For Web Developers

As a developer we are sure there is absolutely no need to discuss what minification is all about. In a nutshell however, it is the process whereby you condense your script into a smaller footprint; much smaller.

Of course, upon completion of the process, the script is so incredibly difficult to make sense of but the plus side is that you are able to conserve loads of your bandwidth. Think of it as a perfectly functional zip of your JavaScript. Besides, the readability should not even matter since reading JavaScript is a matter for your browser and not humans. You need to make sure however, that before minification, the code is problem free.

Many websites employ the use of JavaScript as we are sure you are aware of its usefulness. However, only a few consider minifying the script. The benefits are great which is why you should consider minification of the script. There are various tools that you can use in order to achieve minification, but in order to save you some time, we decided to list a few of them for you. So sit back and go through our list of 21 Useful Minify JavaScript Tools For Web Developers and let us know what you think in the comments below. Your criticism and questions are welcome. Enjoy the read.

 

Read More

Different ways to use media query in css

Media query consists of  a media type and atleast one expression that limits the stylesheet scope by using media features like width, height etc.

With @media query , we can write different css code for different media types. Like, we can write different css code for different media type like for Screen and Printer.

The simplest way to use media queries is to have a block of CSS code in the same stylesheet file. So all the CSS that is specific to mobile phones, would be defined in the following block:

Read More

Simple JavaScript OOP for C++, Java and C# Developers

Introduction

Most developers are familiar with object-oriented programming and design in languages like Java, C++ and C#. JavaScript, however, does not provide any obvious means to support this kind of object-oriented development. The result is that structured code becomes very hard to write for developers new to the world of JavaScript.
If you have written a few programs in JavaScript and wondered if it’s possible to add more structure to your programs using object-oriented strategies, this tip is for you. In this post, we will look at the use of a small JavaScript utility that allows us to structure our JavaScript programs in the form of “classes” and objects.

Background

Traditionally, object-oriented programming relies on creating classes and creating object instances from classes. This approach to OOP was pioneered by a language known as Simula and eventually became the basis of object-oriented programming in popular languages such as C++ and Java.
Object-oriented programming in JavaScript, however, comes from a different OOP paradigm known as prototype-based programming. It was first introduced by the language Self with the aim of solving some problems in class-based programming. This style of programming has no concept of classes, and being very different from the class-based style we’re usually familiar with, it requires a learning curve.
The utility presented below, however, provides a way to mimic class-based OOP in JavaScript.

10 Best Tutorials To Learn AngularJS

AngularJS is an awesome Javascript framework that can be used to create powerful and dynamic web apps. It also covers the building of complex client-side applications. Since its release in 2009, AngularJS has been widely used by many developers for its convenient extending of custom HTML tags and attributes, known as ‘directives’.

For some people, learning Angular through its official documentation is not enough. They prefer a video-based tutorial instead, or a more sophisticated learning site with specific discussions, a demo, the try it yourself feature and the like. So in this post, we’re listing 10 AngularJS tutorial and screencasts that will kickstart your Angular learning.

1. Year Of Moo

This well-written tutorial by Year of Moo is going to teach you the very basics of how AngularJS works and what it can be used for. It covers all the primary parts of Angular: Modules, Dependency Injection, Routes, Services, Directives and more. It also give you a brief explanation of Angular usage with MooTools and jQuery. You probably want to read their second article for more Angular tips and tricks.

Learn More

Important Tips Every jQuery Developer Should Know

There are number of ways to achieve a task in jQuery but knowing what to use and when to use a particular, separates you from other developers. This article contains some basic guidance that every jQuery Developer must keep in mind while working on their projects and websites.

The Absolutely Awesome jQuery CookBook. Covers jQuery 1.11, 2.1 and jQuery UI 1.11.

1. stopPropagation or preventDefault or return false?

Developers new to stopPropagation, preventDefault and return false are often confused with which technique to use and when. This section will clear that confusion.

stopPropagation()

To understand stopPropagation, we need to understand event bubbling first. Let’s take an example. Let us say you have a link <a> inside a <div> as shown here....

Read More

15 programming languages you need to know in 2015

If you're a programmer, these are good times. Jobs in the segment are projected to grow 8% over the next seven years, according to the U.S. Bureau of Labor Statistics. If you're a hotshot coder, you can make up to $300 an hour or more.

Those at the high end of the pay scale have mastered the languages that are most in demand. Which are those? We asked Doug Winnie, director of content for online learning platform Lynda. Here's his assessment:

 1. Java



Java is one of the most popular languages for building back-ends for modern enterprise-web applications. With Java and frameworks based on it, web developers can build scalable web apps for a variety of users. Java is also the main language used to develop native Android apps for smartphones and tablets.

Continue Reading

15 Useful JavaScript Libraries for January 2015

JavaScript libraries help you to develop creative and useful web applications easily, there are myriad of tools and eBooks are available online that will help you to learn and manipulate these libraries. The basic use of JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document object Model of the page.

In this article, we are featuring some of the most useful JavaScript libraries for January 2015, Some of you may be familiar with several of these JS libraries, others may not. In both cases you should store these JavaScript libraries to your collection. We hope this round-up will help you discover some plugins which could be utilized in one of your upcoming projects. So without making delay lets check out these JavaScript Libraries. Enjoy !!

1. Snabbt.js

Snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.

Know more