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

Comparatif XenServer / Hyper-V / VMware Infrastructure | Virtualisation News par Damien Schmitt Tout d’abord, il convient de vous donner les raisons pour lesquelles j’ai sélectionné ses trois solutions. La principale raison est simple. Ce sont les acteurs les plus crédibles sur le marché de la virtualisation. D’autres solutions sont peut être plus performantes mais n’auront pas la chance de pénétrer dans les datacenters et seront confinées à des marchés de niches ou aux universités. Introduction Pour que ce dossier présente un interêt, j’ai fais le choix d’intégrer l’hyperviseur de Microsoft dans ce comparatif car cet éditeur, bien que proposant un outil qui n’est toujours pas terminé, prendra peut être bientôt une place importante dans quelques mois. Microsoft Hyper-V (RC1) couplé à Microsoft System Center Virtual Machine Manager 2008 (beta)Citrix XenServer 4.1VMware Infrastructure 3.5 et VMware VirtualCenter 2.5 Les éditions Il existe plusieurs éditions de ces produits. Hyperviseur Ces trois produits se distinguent tout d’abord par l’hyperviseur sur lesquels ils s’appuient. Réseau

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:

JavaScript Image Processing Library What Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more. For the full list, see the documentation page. If you have any comments, bug reports or other feedback, don't hesitate to leave a comment here or shoot me an email. You can follow the development of Pixastic as well as other JavaScript experiments on my blog. How Pixastic works by utilizing the HTML5 Canvas element which provides access to raw pixel data, thereby opening up for more advanced image effects. Show me! If you want to see for yourself what Pixastic can do, you can check out the documentation where you will find small demos for all actions No, show me now! If that's not good enough, here's a quick and dirty demo of how to use Pixastic. Example code: Output (mouseover the image): Where Who

Les clouds d'Amazon et Microsoft à nouveau perturbés Le cloud computing continue de montrer sa fragilité face aux éléments, alors que la foudre a causé des interruptions de service au niveau des datacenters de Microsoft et Amazon à Dublin, en Irlande. Les deux géants avaient déjà subi des pannes récemment aux Etats-Unis, et subissent des critiques sur leur fiabilité. Pour la deuxième fois en quelques semaines, les datacenters de Microsoft BPOS (Business Productivity Online Suite, le prédécesseur d'Office 365) et d'Amazon EC2 (Elastic Compute Cloud) sont tombés en panne. Mais si les premiers problèmes étaient venus des Etats-Unis, que ce soit pour Microsoft en mai ou pour Amazon en avril. Cette fois, selon The Register, ce sont des datacenters européens qui sont touchés, à Dublin précisément. En cause : une panne électrique consécutive à la foudre, tombée sur un transformateur de Dublin. Mise-à-jour : Il semblerait que finalement, la foudre n'ait pas été la cause de la panne dans les datacenters de Microsoft et Amazon.

Moment.js | Home Plupload: Multi-runtime File-Uploader Cloud computing Un article de Wikipédia, l'encyclopédie libre. Le cloud computing ou cloud (« nuage » en français) désigne un ensemble de processus qui consiste à utiliser la puissance de calcul et/ou de stockage de serveurs informatiques distants à travers un réseau, généralement Internet. Ces ordinateurs serveurs sont loués à la demande, le plus souvent par tranche d'utilisation selon des critères techniques (puissance, bande passante…) mais également au forfait. En France, la Commission générale de terminologie et de néologie précise qu'il s'agit d'une forme particulière de gérance de l'informatique, dans laquelle l'emplacement et le fonctionnement dans le nuage ne sont pas portés à la connaissance des clients[6]. Principes - le nuage[modifier | modifier le code] Un nuage (anglais cloud) est un ensemble de matériel, de raccordements réseau et de logiciels[3] qui fournit des services sophistiqués que les individus et les collectivités peuvent exploiter à volonté depuis n'importe où dans le monde[1].

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

Home » OpenStack Open Source Cloud Computing Software

Related: