JavaScript

July 16, 2013 JavaScript , jQuery no responses # , , ,

Minified.js – A Tiny Alternative To jQuery

As the size of a web page is very important for the loading speed (specially on mobile), there are already lightweight alternatives to these full-featured frameworks (Zepto is the most popular one). Minified.js is a very strong alternative to these frameworks and it comes with an impressive size, less than 4kb minified.
Minified.js
Continue reading

July 1, 2013 Development , JavaScript no responses # , ,

Countable – Paragraph, Word & Character Counting With JavaScript

Countable is a tiny and standalone JavaScript function that brings the ability to count all three. It works very straightforward and has the option to count the inputs with stripping HTML tags.

Countable.js
Continue reading

June 25, 2013 JavaScript no responses # , , ,

Progression.js – Real-Time Hints & Progress Feedback For Forms

Progression.js is a jQuery plugin that shows tips about an active form field and also displays the progress (how much of the form is filled).

Web users are experienced in filling standard forms like contact or comment forms. For non-standard forms, it is always a good idea to inform users about the data expected.

Progression.js

Continue reading

June 20, 2013 JavaScript no responses # , , ,

Aristochart – Flexible & Static Line Charts Library

Aristochart is a JavaScript library with no dependencies. It is only capable of creating 2D line charts which are static (uses canvas).

Aristochart

The library focuses on customization and provides lots of options for changing the design, labels and almost any other stuff.

Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://dunxrion.github.io/aristochart/
Download: https://github.com/dunxrion/aristochart

June 11, 2013 Design , JavaScript no responses # , , ,

Hitch – Expressive Power To CSS With JavaScript

Hitch is a lightweight JavaScript library that adds expressive capabilities to CSS files. It has some of the powers of CSS preprocessors like prefixing or variables but also some other stuff.

The library comes with multiple ready-to-use selectors like “anyof, allof, has..” and allows us to define any new ones (called hitches).

Hitch

These hitches are simple JavaScript functions and can be written easily (once the library has more users, there will probably be many hitches around). Hitch is very well-documented, has examples and it works on all modern browsers..

Compatibility: All Modern Browsers
Website: http://hitchjs.com/
May 20, 2013 Design , JavaScript no responses # , , , ,

Skel.js – A Framework For Building Responsive Layouts

Skel.js is a tiny JavaScript framework (~6kb gzipped and minified) that simplifies building responsive layouts very much. It has a JavaScript-powered and 12-column grid system that can handle any type of complex layouts + has easy-to-understand rules.

Managing breakpoints is just about adding the width ranges in the options of the skel.js‘ main function.

Skel.js

There is a plugin system for extending it further (a UI plugin is mentioned to be released soon).

Also, many helpful options exist like the ability to applying reset.css or normalize.css and defining the box model instantly.

Requirements: No Requirements
Compatibility: All Major Browsers
May 17, 2013 JavaScript no responses # , , , ,

JSONmate – Useful JSON Inspector & Visualizer

When working with JSON strings, it is usually hard too understand their hierarchy at the first look. JSONmate is a web app that can beautify (and uglify) JSON strings where these strings can be directly pasted or loaded from a remote URL.

JSONmate

Also, it has a very nice visual editor for customizing the data and a visualizer that provides a different view for it. JSONmate has support for JSONP too and it is an open source project.

May 16, 2013 HTML5 , JavaScript no responses # , , , , ,

AudioPlayer.js – HTML5 Audio Player With Touch Support

AudioPlayer.js is a jQuery plugin for quickly placing a HTML5-powered audio player to any web page. Users with modern browsers are increasing each day and making use of features like HTML5 audio sounds more and more logical.

jQuery HTML5 Audio Player

The player’s interface is chic (doesn’t use any images for that), has a responsive layout and touch support. It has the major controls (play/pause, volume and duration) and weights only 4kb.

May 15, 2013 JavaScript no responses # , , ,

Chartkick – Charts With A Single Line Of Ruby

Chartkick is a Ruby gem (also has a JavaScript API which doesn’t require Ruby) for creating good-looking charts very easily and quickly. It integrates with 2 charting libraries: Highcharts and Google Charts where it is possible to use the same functions for generating charts with each library.

Chartkick

There is support for multiple chart types and multiple series in a single chart. And, like mentioned there is also Chartkick.js which brings the same functionality to the client-side, without Ruby.

Requirements: Rails 3.1+ (for the Ruby version)

Website: http://ankane.github.io/chartkick/
Download: https://github.com/ankane/chartkick

May 13, 2013 JavaScript no responses # , , , ,

Cesium – Flexible Mapping Engine With WebGL

Cesium is a WebGL-powered JavaScript mapping library what offers just that by being provider-agnostic. When building any map-related applications, there are many popular providers to select from like Google Maps or Bing Maps and they provide APIs for integration.

Cesium

It has support for 3 different views: 3D globe, 2D map, and 2.5D Columbus View where transitioning from one to another is just a line of code.

Drawing any type of shapes, highlighting specific regions and interacting with the map using mouse or touch is pretty easy.

Cesium comes as a single JS file and work in all major browsers including mobile.

1 2 3

Pin It on Pinterest