Goodies

July 4, 2013 iOS , Mobile , Mobile Development no responses # , , , , ,

Pixate – Dynamic UIs For Native Mobile Apps

Pixate is a free platform for creating the user interface of native mobile apps with CSS. It is actually a graphics engine that transforms CSS into scalable graphics, bitmap effects and more.

The app can be built with any tool/language (Objective-C, Titanium, etc.) and Pixate will work with all of them.

Pixate
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 10, 2013 Mobile no responses # , , , , ,

Swiper – Framework-Free Mobile Slider

Swiper is a beautiful content slider that is built for mobile and works pretty fast as it usesВ hardware accelerated transitions. The slider is lightweight, uses no JavaScript frameworks and has support for “touch events” whose interaction ratio can be customized.

It responds to changes in orientation, has support for vertical + horizontal sliding and comes with built-in pagination control (bullets).

Swiper

Each swipe event brings the next/prev slide but it can be set in free mode as well where the content will be scrolled as much as you swiped. Swiper can present multiple items at once (carousel), loop infinitely and feature any HTML content.

There is an API that allows controlling the pagination and provides callbacks on major events. It also works on desktop browsers (mouse events are accepted) and can be extended with plugins.

Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://www.idangero.us/sliders/swiper/
Demo: http://www.idangero.us/sliders/swiper/demos.php
Download: https://github.com/nolimits4web/Swiper

June 6, 2013 jQuery no responses # , , ,

Pop Easy – Lightweight Modals For jQuery

Pop Easy is a jQuery plugin for quickly creating completely customizable modals. Regarding the design, the default modal already has a good-looking interface and it can be changed/improved with CSS.

jQuery Modal Box Plugin - Pop Easy

There are options for customizing the animation used when the modal appears, its speed, the opacity, if it’ll be opened onLoad and more. Considering the size, the plugin is very useful. One thing seems to be missing for now is the built-in ability to load remote data (Ajax).

The plugin is lightweight (2kb) and has support for displaying any HTML element, including videos.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://thomasgrauer.com/popeasy/
June 5, 2013 jQuery no responses # , , , ,

Smint – jQuery Sticky Menu With Smooth Scroll

Smint is a jQuery plugin that can turn any given element into a sticky menu instantly. 

It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

jQuery Sticky Menu - Smint

The plugin has support for smooth scrolling (which is usually used in one-page websites). The plugin is almost plug ‘n’ play and the only customization provided is “scrolling speed”.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.outyear.co.uk/smint/
June 5, 2013 Responsive no responses # , , , , , ,

Converse.js – Open Source – Facebook-Like Chat Client

Converse.js is an open source chat application that can connect to any XMPP/Jabber server (like Google Talk, Skype, etc.).

Converse.js

It sits in the footer of web pages just like Facebook-chat and has support for one-to-one or multi-user conversations. Contact requests can be accepted/declined, statuses can be set (online, away..) and there are “typing” notifications to inform the “listening” users.

With a little custom coding, single-site login can be accomplished (users logged in to the site will automatically be logged in to the chat). Also, Converse.js doesn’t use any server-side code and it is totally built with JavaScript.

Requirements: No Requirements

Website: http://conversejs.org/
Download: https://github.com/jcbrand/converse.js

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 PHP no responses # , , , , , ,

phpFreeChat – Open Source PHP Chat Script

phpFreeChat is a free and open source PHP chat application that doesn’t require any database to run but rather uses the filesystem for it. It can be used at the same time by any number of users, has a responsive layout that works in mobile too and has a modular authentication system which can be integrated into any app.

phpFreeChat

The application has 2 parts:

  • server: a PHP-powered engine that accepts REST commands and handles the chat logic
  • client: a jQuery plugin that communicates with the server and displays the chat interface

phpFreeChat is pretty simple in functionality yet support for multiple rooms, smileys and a “new message notification” will be added soon.

Requirements: PHP 5.3+
Compatibility: All Major Browsers

Website: http://www.phpfreechat.net/
Demo: http://www.phpfreechat.net/demo
Download: https://github.com/kerphi/phpfreechat

May 15, 2013 jQuery no responses # , , , , ,

noUiSlider – Fantastic Range Slider For jQuery

jQuery UI’s slider widget have all the features needed for a jQuery range slider: working as a single or range slider, default values and man/maxvalues. However, the smallest download size for it was still ~40kb. Too much for a slider.

jQuery Range Slider - noUiSlider

Another one is noUiSlider. It have all the things needed and with a size of 2.7kb. There is support for single or double handles, custom starting values, vertical/horizontal orientation and the ability to get /set values.

Also, it works on touch devices and can be customized with CSS completely. Just a perfect widget for any UI.

Requirements: jQuery
Compatibility: All Major Browsers

Website: http://refreshless.com/nouislider/
Download: http://refreshless.com/nouislider/download/

1 2 3 4 5

Pin It on Pinterest