Blockrain.js is a tetris game in HTML5 + Javascript with autoplay. Just copy and paste a bit of code and you’ll be good to go. Best of all, it’s responsive, no matter how wide or narrow your display is, you’ll always be able to play. You can also customize it as you want. Change the colors to fit your site. Adjust how fast the blocks are falling to make it more difficult. Add the scoreboard or not. That’s your decision.
Requirements: JavaScript and HTML 5
Demo: http://aerolab.github.io/blockrain.js/
License: MIT License
Face++ is a new vision platform built by Megvii Inc. aiming at providing compact, powerful, and cross-platform vision service. Face++ uses the cutting-edge technology of computer vision and data mining to provide 3 core vision services (Detection, Recognition, and Analysis).
With the service and huge database of celebrity from Face++, the developers can apply the face technology into their own websites, mobile Apps, and smart TVs, increasing incredible user experience. There is no limit on the times of API requests. However, there is a limit on the number of concurrent API requests.
Requirements: –
Demo: http://www.faceplusplus.com/
License: License Free
Hyhyhy is a tool for creating nice looking HTML5 presentations. It comes with a broad range of features: Markdown, Nested slides, Math typesetting, Compatibility, Syntax highlighter, Javascript API, Convenient skeleton. It supports Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11.
Requirements: HTML5
Demo: http://maciejczyzewski.me/hyhyhy/
License: MIT License
ECMAScript 6 is the upcoming version of the ECMAScript standard. This standard is targeting ratification in June 2015. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now. 6to5 turns ES6+ code into vanilla ES5, so you can use next generation features today.
6to5 has plugins for all of your favorite build systems. Check out the official plugins for Gulp, Grunt, Browserify, Webpack, Brocolli, and many more. Using either the CLI or require hook, you can easily setup 6to5 to work with your Node.js app. Module authors can also easily precompile their assets before publishing to npm.
Requirements: –
Demo: https://6to5.org/
License: MIT License
Type Connection is a game that helps you learn how to pair typefaces. Start by choosing a typeface to pair. Like a conventional dating website, Type Connection presents you with potential “dates†for each main character—without the misleading profile photos and commitment-phobes.
The game features well-known, workhorse typefaces and portrays each as a character searching for love. You are the matchmaker. You decide what kind of match to look for by choosing among several strategies for combining typefaces. Along the way, you explore typographic terminology, type history, and more. By playing Type Connection, you deepen your own connection with type.
Requirements: –
Demo: http://www.typeconnection.com/
License: License Free
ECharts is a comprehensive charting library offering a painless way of adding interactive charts to your commercial products. On the foundation of ZRender-based (a whole new lightweight canvas library) coordinate system, legend, tooltip, toolbox and other basic components, ECharts currently supports line, column, scatter, pie, radar, candlestick, chord, gauge, funnel, map and force-directed chart types, many of these can be combined in one chart.
It’s compatible with most common browsers — including IE6/7/8/9+, Chrome, Firefox, Safari and Opera. Compared with a single chart, a combination of charts can be more expressive and more interesting. ECharts supports any combination of any chart provided herein (a total of 11 types and 17 subtypes).
Requirements: JavaScript Framework
Demo: http://ecomfe.github.io/echarts/index-en.html
License: Copyright (c) 2013, Baidu Inc
Hover States is a collection of what’s new & interesting in user interface and interaction design. The goal of Hover States is to serve as a source of inspiration for designers and developers and to showcase the amazing things people are doing on the web. They believe the beauty of interaction design is the way it moves and behaves, which is why they showcase all content they discover as video.
Source: http://hoverstat.es/
Apache Aurora is a Mesos framework for long-running services and cron jobs. Aurora runs applications and services across a shared pool of machines, and is responsible for keeping them running, forever. When machines experience failure, Aurora intelligently reschedules those jobs onto healthy machines.
When updating a job, Aurora will detect the health and status of a deployment and automatically rollback if necessary. Aurora has a quota system to provide guaranteed resources for specific applications, and can support multiple users to deploy services.
Requirements: –
Demo: http://aurora.incubator.apache.org/
License: Apache 2.0 License
jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps. For example, with Mapael, you can display a map of the world with clickable countries. You can also build simple dataviz by setting some parameters in order to automatically set a color depending on a value to each area of your map and display the associated legend.
Moreover, you can plot cities on the map with circles, squares or images by their latitude and longitude. Many more options are available, read the documentation in order to get a complete overview of mapael abilities. As Raphaël, Mapael supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.
Requirements: Raphael.js
Demo: http://www.vincentbroute.fr/mapael/
License: MIT License
Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.
Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Gulp for task and package management, and powerful new browser APIs for the JavaScript layer.
Requirements: –
Demo: http://titon.io/en/toolkit
License: BSD License
