background preloader

Jcrop - Deep Liquid

Jcrop - Deep Liquid
Jcrop Home • Download • Manual • Examples 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. Feature Overview Attaches unobtrusively to images or block objects Supports aspect ratio locking Supports minSize/maxSize setting Callbacks for selection done, or while moving Keyboard support for nudging selection API features to create interactivity, including animation Support for CSS styling, now uses LESS Touch support for iOS, Android, etc Cross-platform Compatibility Firefox 2+ Safari 3+ Opera 9.5+ Google Chrome 0.2+ Internet Explorer 6+ May work in older versions or other modern browsers, these were tested. Documentation Archive Jcrop is free software released under MIT License.

Related:  Front-end

Breeze Todo It seems every JavaScript library must have a Todo sample. The Breeze Todo isn't much more than a "Hello World", but it demonstrates Breeze's ability to query; create, modify, and delete entities; validate, and save. Give it a try. Variations BreezeJS is designed to work with a variety of JavaScript libraries. To make that point, this Todo Sample comes in several flavors, each one a variation in the client implementation. jQuery NailThumb experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develop a functionality that enable your user to load avatars of the right height and width, and still you'll be able to present them nicely in the size/sizes your layout need.

10 Useful jQuery Lightbox Plug-ins We are certain that you are already familiar with the concept of jQuery LightBox plugins. These plugins are basically used to focus the images, video or html content in a unique way on the webpage that you are currently viewing. There are many plugins available online for you to choose from and the best part is that they are pretty snappy because not a lot of coding is involved when these plugins are designed. Some of these plugins differ in features though as you will learn here. Some of these plugins resize themselves automatically and some don’t.

Graphite - Scalable Realtime Graphing - Graphite Graphite 0.9.10 has been released and is now available. The packages for Whisper, Carbon, and Graphite-web are available via several sources: This release contains a fabulous amount of incremental improvement over 0.9.9. Easy Responsive Web Design with the Restive jQuery Plugin Designing Web Sites for Smartphones and Tablets sounds really great when you read about it on Web Design Blogs. You get all excited about the awesome possibilities of having your Web site look and feel good on multiple mobile devices [and non-mobile devices alike]. However, when you actually stop the dreaming and get to the doing, your joy literally gets knocked in the teeth by the fearless fists of sorrow.

How To Display Your Last Tweet Using Javascript And The Twitter API The other day I was working on a small project of mine, and it doesn’t use a content management system such as WordPress or Joomla. It’s just all html and css to style the pages. So I wanted to display my last tweet from twitter, and jazz it up using css. Now when people usually want to display their last tweet, and are running wordpress, they usually just install a plugin to do it for them. Now remember my site is only HTML and CSS. So I looked into the Twitter API, and found a way you can display your last tweet using the twitterCallback javascript function.

grunt-jsdoc-plugin Integrates jsdoc3 generation into your Grunt build npm install grunt-jsdoc-plugin Want to see pretty graphs? Log in now! Getting Started · yeoman/yeoman Wiki Getting started with Yeoman The Yeoman workflow is comprised of three core tools for improving your productivity and satisfaction when building a web app. These tools are: yo - the scaffolding tool from Yeomanbower - the package management toolgrunt - the build tool Each of these projects are independently maintained by their respective communities, but work well together as a part of a prescriptive workflow for keeping you effective. Let’s walk through what these binaries can do.

How to Learn JavaScript Properly Learn JavaScript Properly (For Beginners and Experienced Programmers) This study guide, which I also refer to as a course outline and a road map, gives you a structured and instructive outline for learning JavaScript properly. In fact, you will find two study guides below, one for absolute beginners and the other for experienced programmers and web developers. Our Career Paths and Courses Website Is Now Live Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This

Setting up Node.js and npm on Mac OSX Node.js is gaining a lot of speed and is an exciting new development framework. Here's a quick overview of how to get Node.js working on OSX along with npm, the package manager for node. Update: There are now packages available for OSX and Windows if you prefer a one click install for Node.js and NPM. To install from source you probably know what you are doing but this article might help. Transitional Interfaces, Coded Pasquale D’Silva’s article Transitional Interfaces has really been making the rounds. It's a quick read that drives home a great point. Transitions and animations can be more than eye candy.

Named function expressions demystified Introduction Surprisingly, a topic of named function expressions doesn’t seem to be covered well enough on the web. This is probably why there are so many misconceptions floating around. In this article, I’ll try to summarize both — theoretical and practical aspects of these wonderful Javascript constructs; the good, bad and ugly parts of them.

Extending HTML5 — Microformats While HTML5 has a bunch of semantic elements, including new ones like <article> and <nav>, sometimes there just isn’t an element with the right meaning. What we want are ways to extend what we’ve got, to add extra semantics that are machine-readable — data that a browser, script, or robot can use. Native ways to extend HTML There were five fundamental ways we could extend HTML 4: <meta> elementclass attributerel attributerev attributeprofile attribute