WebAppers

/ best free open source web resources /

Shopify

Fattable Creates Table with Infinite Scroll

Posted · Category: MIT License, Tables

Fattable is a javascript Library to create table with infinite scroll, with infinite number of rows and number of columns. Big table don’t do well with DOM. Your scroll will start getting choppy. Also big tables can rapidly grow in sizes. It is not always possible to have clients download or even retain all of the table data.

Fattable includes everything required to load your data asynchronously. The design is up to you. Style the table via css and use your painter to hook up events, and render your content in your cell.

scrollable-table

Requirements: JavaScript Framework
Demo: https://github.com/poulejapon/fattable
License: MIT License

Time Saving Synchronised Browser Testing

Posted · Category: MIT License, Tools

When you’re making responsive websites, there’s a lot of tweaking and testing to do. BrowserSync makes your workflow faster by synchronising URLs, interactions and code changes across multiple devices. It’s wicked-fast and totally free.

Your scroll, click, refresh and form actions are mirrored to browsers while you test. Browsers are automatically updated as you change HTML, CSS, images and other project files. Ready to use with websites running on PHP, ASP, Rails and more. Fine with static files too.

browser-sync

Requirements: -
Demo: http://www.browsersync.io/
License: MIT License

Fn.js – Encourage Functional Programming Style

Posted · Category: Framework, MIT License

fn.js is a JavaScript library built to encourage a functional programming style & strategy. fn.js aims to support functional practices over performance or established conventions. In order to guide you on the right path, fn.js internals force avoidance of side effects, object mutation, and function state.

fn.js runs in the Node.js or in the browser using normal script tags or via an AMD loader such as RequireJS. It is MIT licensed and hosted on GitHub.

fn

Requirements: JavaScript Framework
Demo: http://eliperelman.com/fn.js/
License: MIT License

Grid – A Simple Guide to Responsive Design

Posted · Category: Framework, MIT License

As of 2013, there are thousands of different devices and screen sizes that browse the internet, so it’s impossible to design layouts to target them all. Instead, we must take a more fluid approach to design.

Grid is a simple guide to responsive design. By following those simple steps, you are on the path to responsive web design mastery. Keep practicing and help make the web a better, more useable place.

grid

Source: http://www.adamkaplan.me/grid/

Clippy.js: Microsoft Agent (Clippy & Friends) in JavaScript

Posted · Category: Demo Tour, MIT License

Clippy.js adds Clippy or his friends to any website for instant nostalgia. It is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website.

Agents are composed of multiple sets of animations. However, unlike your Saturday morning cartoon, the animation is not linear. For example, while Links the cat is idle, behind the scenes a coin is flipped, and 10% of the time Links will turn about in boredom, or scratch behind his ears.

clippy-js

Requirements: JavaScript Framework
Demo: https://github.com/smore-inc/clippy.js
License: MIT License

Bitcore – A Complete Native Interface for Bitcoin Network

Posted · Category: Framework, MIT License

Bitcore is a pure, powerful core for your bitcoin project. Bitcore is a complete, native interface to the Bitcoin network, and provides the core functionality needed to develop apps for bitcoin.

Bitcoin is a powerful new peer-to-peer platform for the next generation of financial technology. The decentralized nature of the Bitcoin network allows for highly resilient bitcoin infrastructure, and the developer community needs reliable, open-source tools to implement bitcoin apps and services. Bitcore unchains developers from fallible, centralized APIs, and provides the tools to interact with the real Bitcoin network.

bitcore2

Requirements: -
Demo: http://bitcore.io/
License: MIT License

Create Progress Bar for Every Objects on the Page

Posted · Category: MIT License, Tools

ProgressJS is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page. You can design your own template for progress bar or customize it simply.

You can use ProgressJs for show the progress of loading contents (Images, videos etc.) on the page to the users. It could be used on all elements including textbox, textarea or even whole body. It is light-weight, easy to use, customizable, free and open-source.

progress-js

Requirements: JavaScript Framework
Demo: http://usablica.github.io/progress.js/
License: MIT License

Build HTML5 Cross Platform Games with Molecule

Posted · Category: Framework, MIT License

Molecule framework has been built for enthusiast game developers with more than five years of experience on mobile gaming and more than ten on general game development.

Due the better compatibility of mobile browsers with actual html5 specifications and the natural evolution of the hardware inside them, html5 mobile gaming arise as a true possibility nowadays; that it’s given rise to Molecule, which borns from the idea of create a simple yet powerful framework to build html5 cross-platform games on an easy and efficient way.

molecule

Requirements: -
Demo: http://www.moleculejs.net/
License: MIT License

Generate Screenshots for Responsive Websites

Posted · Category: Capture, MIT License

Pageres is a command-line tool for generating screenshots in different resolutions for websites. Pageres is focus on sizes: you could script it to generate screenshots of responsive websites. The command-line options allow you to specify many dimensions at once, so it’s easy to generate results for a responsive site.

pageres

Requirements: PhantomJS
Demo: https://github.com/sindresorhus/pageres
License: MIT License

Reveal CSS Animation as You Scroll Down a Page

Posted · Category: MIT License, Tools

WOW.js reveals CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations, but you can easily change the settings to your favorite animation library.

It’s easily customizable, you can change the animation settings like style, delay, length, offset, iterations and etc. It’s fast execution with lightweight code: the browser will like it. It’s licensed under MIT License.

wow-js

Requirements: JavaScript Framework
Demo: http://mynameismatthieu.com/WOW/
License: MIT License

Page 8 of 59...«456789101112»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons