HTML5

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.

February 11, 2013 HTML5 , jQuery no responses # , , ,

iLightBox – Impressive jQuery Modal Box Plugin

Modal boxes are so functional in displaying any HTML content with a focused interface and there are many great ones around.

iLightBox is a fresh alternative to other jQuery lightbox plugins and there is a strong chance that, although it is a paid resource, it may become your favorite.

It can present images, videos (YouTube, Vimeo, HTML5 video), other HTML and there is an optional fullscreen mode.

Continue reading

January 30, 2013 HTML5 no responses # , , , ,

Howler.js – JavaScript Library For Web Audio

The Web Audio API that is developed by Google is easier to work with and has more features compared to alternatives.

Howler.js

Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported.

It accepts multiple file formats for cross-browser compatibility, has caching and can play many sounds at the same time (it is also mute/un-mute them one-by-one or globally).

The sounds can be looped, a fadeIn/fadeOut effect exists and standard media controls are just a part of the library.

It is lightweight (5kb), has support for chaining methods and doesn’t require any JS frameworks.

Compatibility: All Major Browsers
Website: http://goldfirestudios.com/blog/104/howler.js
Download: https://github.com/goldfire/howler.js
Requirements: No Requirements
January 24, 2013 HTML5 , jQuery no responses # , , , , , ,

Flot – A Flexible Plotting Library For jQuery

Flot is a jQuery plugin for easily creating good-looking and interactive charts. The library uses HTML5 canvas for drawing, JSON as the data source and can render a data array with 1000s of items.

Flot jQuery Chart Library

 

It is not limited to any chart type and the community has already expanded it with multiple types (bar, line, pie, gantt, etc.) and features.

There is support for zooming into any selected part and charts generated can respond to events. Flot is very well-documented, has a powerful API and an active community

Compatibility: All Major Browsers
Requirements: jQueryWebsite: http://www.flotcharts.org/
Download: http://github.com/flot/flot

January 17, 2013 HTML5 no responses # , , , ,

Audio5js – Cross-Browser HTML5 Audio

HTML5 audio is awesome, so easy to implement and works fast. The only thing that can stop you from using it is the lack of support for older browsers. Audio5js is a lightweight JavaScript library that solves this compatibility issue nicely.

It provides support for multiple codecs and fallback to a Flash-powered MP3 player when needed.

The library auto-detects the browser, knows its capabilities and loads the right player with the right codec.

Audio5js

An API exists for controlling the player and has the functions for “load, play, playPause, pause, volume and seek”.

Also, there are methods for getting the details (playing, duration, position, load-percent, seekable or not) of the item being played

Requirements: No Requirements
Website: http://zohararad.github.com/audio5js/
Download: https://github.com/zohararad/audio5js

December 24, 2012 CSS3 , Design , HTML5 no responses # , ,

Centurion – A Responsive CSS Framework For Rapid Prototyping

Centurion is a CSS framework, built using SASS and CSS3 media queries, for creating (mostly prototype) layouts that behave good on all devices.

It includes a 960px grid (that scales down to 320px), can handle image scaling and has a navigation with desktop and mobile versions.

There are also styles for CSS-only buttons and tables. The framework is easy to learn and customizable (thanks to SASS).

Centurion

December 3, 2012 Design , Graphics , HTML5 no responses # , ,

MotherEffingAnimatedGIF – Open Source Web App For Creating Animated GIFs Online

MotherEffingAnimatedGIF is a very simple-yet-functional and open source web application for quickly creating such images online.

Online Animated GIF Creator

You just drag 'n' drop any number of images to the app, re-order or rotate them, set the image size + quality and the delay between each frame. After that, it is possible to preview the animated GIF and download the output.


Compatibility: All Modern Browsers

Website: http://mothereffinganimatedgif.com/
Download: https://github.com/h5bp/mothereffinganimatedgif/

December 3, 2012 HTML5 , Project Management no responses # , , ,

Nitro – Open Source Task Management App That Can Sync With Dropbox

Nitro is a simple, good looking, free and open source task management application to get things done. It comes in multiple versions where all of them are free:

  • hosted
  • Chrome web app
  • open source web app
  • Linux and Ubuntu desktop packages

The open source web app is makes use of modern web technologies, doesn’t require any server-side setup and built with only HTML, CSS + JS.

Continue reading

June 15, 2012 HTML5 , jQuery no responses # ,

jQuery – Percentage Loader

jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter.

Continue reading

June 13, 2012 Ajax , HTML5 , JavaScript , jQuery , Mobile Development , Responsive no responses # , , , , , , , , , ,

QUOjs – Micro JavaScript Library

QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented, and micro coherent API.

Continue reading

Pin It on Pinterest