10 jQuery image crop plugins for your next project

In this post, find a compiled list of 10 best jQuery image crop or resize plugins. All these plugins present very useful and beautiful interface to crop the image. Some of these plugins also support responsive cropping, image uploading and drag and drop of selected area for cropping. Enjoy.

You may also like:

jQuery FocusPoint

FocusPoint is a jQuery plugin for responsive cropping. It dynamically crops images to fill available space. It makes sure your image looks great in any container, by ensuring the 'spare' parts of your image (negative space) are cropped out before the important parts.


picture cut

picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.


cropimg

Another cropping jQuery plugin.


CropBox

Cropbox is a lightweight and simple jQuery plugin to crop your avatar.


Cropit

A jQuery plugin for image cropping and zooming. It loads images locally via FileReader, and does cropping using canvas.

jCrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.


croppic

croppic is an image cropping jquery plugin that will satisfy your needs and much more.


Image Cropper

A simple jQuery image cropping plugin.



Fakecrop

jQuery-Fakecrop Plugin takes a collection of images and automatically scale them to fit a custom-defined bounding box. This creates a "fake" cropping effect on those images; which produces convincing thumbnails.


CropZoom

CropZoom is a jQuery plugin to crop, zoom and rotate images.

12 Best Tutorials To Learn AngularJS

Are you thinking about learning AngularJS and don't know where to start? Recently, I had posted about 4 Free ebooks to learn AngularJS and if you don't want to read those long books to start, here is a complied list of 12 best AngularJS learning tutorials and sources. These tutorials are interactive and covers all the core concepts of AngularJS which is enough to kick start Angular. Enjoy!!!


1. AngularJS: A Comprehensive Guide

The title AngularJS Tutorial: A Comprehensive 10,000 Word Guide says it all. Written by Google Developer Expert (GDE) Todd Motto, this Angular tutorial serves as an ultimate resource for learning AngularJS. This comprehensive guide talks through all core concepts of AngularJS to start with in great detail and information.


2. Thinkster.Io

This AngularJS course is built with the intent of exposing you to the best available resources on each Angular topic. Their desire is to present these topics richly, and from a variety of vantage points, in order to afford you a more complete perspective on them.


You may also like:

3. ng-newsletter

ng-newsletter website provide free, weekly newsletter of the best AngularJS content on the web. They have 7 articles series which helps you to become expert from beginner in AngularJS. They also have a seperate post about How to Learn AngularJS - Your AngularJS Sherpa which is like your personal guide of how to learn AngularJS.


4. AngularJS In 60 Minutes

This is a video tutorial in which you'll learn how to get started with the AngularJS SPA framework. First you'll be introduced to what a SPA is and AngularJS features that simplify building SPAs. From there you'll see how to use directives, filters and data binding techniques. Next up is views, controllers and scope and the role they play followed by a discussion of modules, routes and factories/services. At the end a sample application built using AngularJS is shown. This was made using Angular 1.2 and some features were updated in Angular 1.3.


5. Egghead

Egghead is another one of the best AngularJS learning centers. It provides 190+ free AngularJS videos for learning Angular in a straight and easy way.


6. Learn AngularJS in one day

Another great article by Todd Motto, on learning AngularJS. It covers all the primary parts of AngularJS: Controllers, Data Binding, Factories, Expression, Routes, Services, Directives and more.


7. Shaping up with AngularJS

Shaping up with AngularJS is a free interactive course which is an amazing kick start to AngularJS. This course provides just the right mixture of basic coding knowledge and structure to get a new Angular programmer up to speed. It has 5 levels which have about 12 videos and 27 challenges.


8. Tutorials Point

This tutorial is designed for software professionals who want to learn the basics of AngularJS and its programming concepts in simple and easy steps. It describes the components of AngularJS with suitable examples. This well structured tutorial covers all the core features of AngularJS. In the end, it also has Quick Guide to summarize things.


9. Thinkful Tutorial

This tutorial helps you to learn core AngularJS concept along with building a simple email application. By the end of this tutorial you'll be able to see (fake) emails, search by subject line, and read / delete emails. This tutorial covers Single page applications (SPA), Client-side MVC patterns, Two way data-binding, Routing with templates, AngularJS building blocks: Directives, Factories, & Controllers and many more.


10. Year Of Moo

This article briefly outlines what Angular can be used for and the basics of how it works. The article covers controllers and scope, services, models, templates, directives, filters, modules and configurations. This article also explains how angular can be used with MooTools and JQuery in harmony.


11. AngularJS Official Website

The AngularJS official website also has good tutorial which explains AngularJS concepts and walks you through the construction of an AngularJS web app. Though the official documentation is not up to the mark but its still worth to read and not to miss out.


12. Learn Angular (Beta)

Learn Angular helps you to learn AngularJS through interactive lesson. The great thing about this website is that along with reading articles, it also has code editor which allows you to write AngularJS code and then test code output in browser.


Hope you find this list useful. Please comment if you have anything else to add to this list.
Feel free to contact me for any help related to jQuery, I will gladly help you.

4 Free ebooks to learn AngularJS

EBooks are your best friends and it is the most preferred way to learn anything, and it is no different with AngularJS. Here is a list of 4 free best ebooks which helps you to learn AngularJS with fun and practical concepts with solution of many real world AngularJS problems.


1. AngularJS Succinctly

Author Frederik Dietz uses AngularJS Succinctly to outline common tasks and challenges for developers using Angular.js. With his help, novices and experts alike will find a reference that clearly outlines a variety of challenges, their solutions, and technical explanations for how the challenges are overcome. Whether you are a novice looking to understand Angular.js or an expert seeking a reference guide, AngularJS Succinctly is indispensable!


2. Recipes with AngularJS

Recipes With AngularJS is available to read online and as an ebook on Leanpub. This ebook categorically presents practical solutions which address various AngularJS problems which helps to learn AngularJS effectively.


You may also like:

3. Practical AngularJS

Practical AngularJS is available to read online and as an ebook on Leanpub. This ebooks covers real-world examples of AngularJS in multiple scenarios and various platforms like KarmaJS, Firebase, Eclipse, WebStorm, O2 Platform.


4. AngularJS in 60 Minutes

This ebook is transcription of "AngularJS Fundamentals in 60-ish Minutes" amazing video tutorial. In this book, you'll learn how to get started with the AngularJS framework and some of the key features it provides that simplify SPA development. You'll see how to use directives, filters and data binding techniques to capture and display data. Next up is views, controllers and scope and the role they play followed by a discussion of modules, routes and factories/services.

Quick summary of AngularJS utility functions

Here is a quick and short summary of mostly used AngularJS utility functions. These short summary will be quick help you to find out desired function.

AngularJS utility functions.

  • angular.bootstrap - To manually start up angular application.
  • angular.copy - Creates a deep copy of source, which should be an object or an array..
  • angular.extend - Copy methods and properties from one object to another.
  • angular.element - Wraps a raw DOM element or HTML string as a jQuery element.
  • angular.equals - Determines if two objects or two values are equivalent.
  • angular.forEach - Enumerate the content of a collection.
  • angular.fromJson - Deserializes a JSON string.
  • angular.toJson - Serializes input into a JSON-formatted string.
  • angular.isArray - Determines if a reference is an Array.
  • angular.isDate - Determines if a value is a date.
  • angular.isDefined - Determines if a reference is defined.
  • angular.isElement - Determines if a reference is a DOM element.
  • angular.isFunction - Determines if a reference is a Function.
  • angular.isNumber - Determines if a reference is a Number.
  • angular.isObject - Determines if a reference is an Object.
  • angular.isString - Determines if a reference is a String.
  • angular.isUndefined - Determines if a reference is undefined.
  • angular.lowercase - Converts the specified string to lowercase.
  • angular.uppercase - Converts the specified string to uppercase.

You may also like:

We Have Just Revamped Our Website!

We Have Just Revamped Our Website!
Welcome to our new revamped website. We were working very hard from last couple of weeks to get this major redesign implemented. And here we are today with new fast, attractive, responsive and easy to navigate design.

The old design was okay but it was little behind the time. It just didn't have features and support for modern day users and browsers. So it was the right time for us to revamp this website and provide a better user experience. We have completely revamped our design and improved site navigation. The aim was to get modern look, as well as make it easy to navigate. We hope we have delivered on this.

We would love to hear from you about this new look. Please provide your feedback in comment section.

Note: We have couple of new features in our plate and we will be releasing them soon. Keep watching!!!!