background preloader

ImgAreaSelect - image selection/cropping jQuery plugin - odyniec.net

ImgAreaSelect - image selection/cropping jQuery plugin - odyniec.net
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr). Plugin features: Highly configurable Customizable with CSS styling Handles scaled images Keyboard support for moving and resizing the selection Supports callback functions Provides API functions for easier integration with other application components Lightweight — the packed version is just 8KB The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+. Live Example Click and drag on the image to select an area. Selection Preview » See more examples Quick Usage Instructions Download the plugin, unzip it, and copy the JavaScript and CSS files to your website/application directory. <head> ... Then, to enable selection on an image, wrap it in a jQuery object and call the imgAreaSelect() method: Related:  Utilidades JavaScript

Attribute Starts With Selector in JQuery In this quick article you will learn how to find elements in the DOM that have the specified attribute with a value beginning exactly with a given string. Actually, this problem was asked by one of my friends, Md Ibrahim Rashid, who is from Kolkata at Kolkata Geeks Developer Conference 2012. Let's look at the HTML Markup and a problem: <div> <a id="abc" href="#">Link 1</a><br /> <a id="bdc" href="#">Link 2</a><br /> <a id="acd" href="#">Link 3</a><br /> <a id="cca" href="#">Link 4</a><br /> <a id="adc" href="#">Link 5</a><br /> </div> In the above markups, I have 5 links with id attribute. Now the question is, how to apply the style to the links which has id attribute starts with the character "a"? Look at the jQuery code that will solve our problem. In the above jQuery code, the $('a[id^="a"]') code snippet will select all <a> elements having an "id" attribute beginning with the character "a". Keep in mind, jQuery uses some special characters to find the matching elements, for example:

Moment.js | Home Best Bootstrap Visual Editor - In this post I compare the features of currently available Bootstrap editors, discuss how good a job they do in practice before coming to a conclusion about which of them currently is the best Bootstrap Visual Editor. Best Bootstrap Visual Editor For designers who either don’t know how to write code or don’t like to write code using a visual editor can be very appealing. To see which is the best Bootstrap visual editor I’ll briefly discuss their features. Layoutit Layoutit features Layoutit has a simple to understand graphical interface. Layoutit doesn’t have a code editor. With Layoutit you’re limited to dragging and dropping the elements. Currently no CSS styling or the option to apply a theme is included with Layoutit. Layoutit in practice At first glance adding new elements to the canvas seems easy. I also discovered that components are not always correct (e.g. you get 3 thumbnails or 2 media objects at once when you try to insert one). Bootply Bootply features Bootply in practice Divshot

35 Must Have Bootstrap Tools and Generators Advertisement With every passing day, we see a lot of new websites being introduced to the online world and this is exactly why competition is getting tougher. If you want to promote your products successfully, you must fight for it because online visitors have a vast variety to select from. If you are developer, you must be aware of the bootstrap. Bootstrap tools and generators have a lot of benefits and they can surely help any developer a lot. You May like 50 Awesome Twitter Bootstrap Templates Bootstraptor If you think that bootstrap templates are not enough for you, you should go with bootstraptor. Brag Themes Looking for some new themes? Bootply I would call Bootply a playground for programmers where they can experiment with different things while using bootstrap, CSS, JavaScript, and jQuery. Bootstrap CDN A programmer who is looking for ways to load their websites a lot faster, well Bootstrap CDN is perfect for them. Bootstrap Prompts Pines Notify prettyCheckable Bootstrap Tags Bootbox.js

alertify.js - browser dialogs never looked so good Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects. Forks I will be updating this site to list forks of alertify.js.

SHA512 Hash in Java | Devesh Sharma For one of my projects recently, I got a chance to look into SHA512 Hashing in Java. The purpose of Hashing is to take any arbitrary input and produce a fix length output string. The Hashing is mainly done to ensure that the data has not been tampered with during its transmission. Also, Hash is one way function, that is, it is not possible to go from the output to the input. Hashing in Java I recommend using Apache Commons Codec library for Hashing in Java. 1. 2. Like this: Like Loading...

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

Related: