Useful JSON Inspector & Visualizer – JSONmate

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. Also, it has a very nice visual editor for customizing the data and a visualizer [...]

Responsive HTML5 Audio Player With Touch Support

Users with modern browsers are increasing each day and making use of features like HTML5 audio sounds more and more logical. AudioPlayer.js is a jQuery plugin for quickly placing a HTML5-powered audio player to any web page. The player’s interface is chic (doesn’t use any images for that), has a responsive layout and touch support. [...]

Open Source PHP Chat Script – phpFreeChat

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 [...]

Fantastic Range Slider For jQuery – noUiSlider

Lately, I was in a search for a jQuery range slider, jQuery UI’s slider widget was the first that I thought of. It had all the features I needed: 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. [...]

GoodUI – Useful Tips For a Good User Interface

GoodUI is a website that regularly shares handy tips for creating “converting and easy-to-use” user interfaces. The tips are described in detail, visualized nicely and usually easy to apply. Some of the tips in the list include: “try recommending instead of showing equal choices” or “try undos instead of prompting for confirmation”. New tips are [...]

Lightweight & Responsive Grid System – Fitgrd

CSS frameworks are great to save time from recreating rules for typography, forms, tables, etc. However, they are not that great for everyone. There are many designers/developers that prefer to recreate such stuff from scratch so that each of their work looks/feels different. Or, many others have their own CSS snippets that fasten the development. [...]

Charts With A Single Line Of Ruby – Chartkick

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. There is support for multiple chart types and [...]

Scrolling Pages Nicely With jQuery – Windows

Windows is a lightweight jQuery plugin for nicely scrolling the full-screen. It provides a simple and handy API for managing the page/content position to ease the browsing experience. The plugin can analyze if a defined content is in the viewport, how much of it is in the viewport and can trigger any actions like focusing the [...]

Flexible Mapping Engine With WebGL – Cesium

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. However, using an open source engine and the ability to switch providers anytime offers more freedom + flexibility. Cesium, a WebGL-powered JavaScript mapping library, offers just that by being provider-agnostic. It has [...]

CSS-Powered Lightboxes (With Very Few JavaScript) – CSS Modal

It is so good that the web gets more and more lightweight with the use of modern web technologies. Few days ago, WRD had shared the pure CSS gallery and now CSS Modal, a solution to create modal boxes with CSS. They can be used to display any HTML content and designed to work in [...]