Earlier known as ‘Bespin’ and then as ‘Skywriter’ Ace (Ajax.org Cloud9 Editor) is a no-compromise code editor component for the web. Ace (Ajax Cloud9 Editor) is an open source web based code editor written in JavaScript that provides clutter-free web based code editor with all the features, usability and performance of existing native editors such as TextMate, Vim [...]
Read the rest of this entry »Posts Tagged ‘Javascript’
JavaScript Diagramming Library: JointJS
These days most professionals rely on online collaboration tools to create and share information. Take the example of Google Docs, Adobe Buzzword etc. However, there are very few diagramming tools for online users to create and share technical diagrams free of cost. However, JointJS does allow you to cater to all the needs of online diagramming for free. JointJS [...]
Read the rest of this entry »Easily Add Maps to Your Website: MapQuery
Hope you did not miss our recent post about the use of maps as emerging trend in web design. If you have not followed the suit yet, now is the time. Because it is now quite easy to add maps to your websites with MapQuery. MapQuery, a jQuery plugin that you can use to add maps [...]
Read the rest of this entry »Determine the Visible Fractions of An HTML Element: jQuery.fracs
jQuery.fracs determines the visible fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space.
Read the rest of this entry »JavaScript Library for Enhancing HTML Select Boxes: Chosen
Chosen is a tiny JavaScript library for enhancing HTML select boxes. This plugin hides standard HTML selects and provides an alternative using modern HTML and CSS. That means it’s possible to add behaviour that standard selects don’t support without losing support when JavaScript is turned off. Instead of forcing your users to scroll through a giant [...]
Read the rest of this entry »360 Rotatable Bubble Style Tooltips: grumble.js
grumble.js is a jQuery plugin which lets you add a bubble style tooltip to any element; configure its rotation on a 360 degree axis and define its distance from the centre of the element. Bubble size adapts to contents – perfect when text is localised and size can not be determined up front. Features Rotated [...]
Read the rest of this entry »Create Visual Scrolling Navigation: Ascensor
One of the top trends in web design is effective and creative content navigation. You can experience all types of horizontal and vertical navigation of different style in modern websites. To get started with creative navigation, today we are featuring Ascensor, which is a scrolling navigation jQuery plugin which aims to train and adapt content according to an elevator [...]
Read the rest of this entry »Designing User Friendly Websites and Applications with Notify!
Would we be ever able to design products that are so easy and usable that we never need to to train or teach users? This is a question that I often ask my peers and mentors. Most people agree that we can simplify design but designing a product that is “so intuitive anyone can use [...]
Read the rest of this entry »Best Practices for Building JavaScript Applications: JavaScriptMVC
JavaScriptMVC is an open-source framework containing the best ideas in jQuery development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration. It is for those people who care about things like test driven development, performance, code quality, structure and maintainability. Built on top of jQuery, it consists of [...]
Read the rest of this entry »jQuery UI Range Selection Slider that Supports Dates: jQRangeSlider
If you are like me, obsessed with smart touch phones and tablets, you would naturally want to touch and slide everything on a UI. Till the time when touch-enabled devices would be really common, there are a few smart tools that allow you to provide user controls that actually ‘simulate’ gestures like slide etc. on web [...]
Read the rest of this entry »