WebAppers

/ best free open source web resources /

Shopify

PintJS – A Small, Concurrent Grunt JS Runner

Posted · Category: Framework, MIT License

Pint is a small, asynchronous, dependency aware wrapper around Grunt attempting to solve some of the problems that accompany a build process at scale.

A typical Gruntfile starts with, at a minimum, some variation of: jsHint, jasmine, LESS, handlebars, uglify, copy, and clean stack. Just these half dozen or so plugins can balloon your Gruntfile upwards of 300 lines and when you add complex concatenation, cache busting, and versioning can cause it to grow well in to the 1000+ lines. Pint allows you to break up and organize your build into small testable pieces.

pint

Requirements: Grunt Framework
Demo: http://www.pintjs.com/
License: MIT License

Javascript Framework for Building Brilliant Applications

Posted · Category: Framework, MIT License

Mithril is a client-side Javascript MVC framework. It’s a tool to make application code divided into a data layer, a UI layer, and a glue layer. Mithril is around 3kb gzipped, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.

The goal of the framework is to make application code discoverable, readable and maintainable, and hopefully help you become an even better developer. Unlike some frameworks, Mithril tries very hard to avoid locking you into a web of dependencies: you can use as little of the framework as you need.

mithril

Requirements: JavaScript Framework
Demo: http://lhorie.github.io/mithril/
License: MIT License

A Google Analytics Plugin for Measuring Page Scrolling

Posted · Category: GPL License, MIT License, Tools

Scroll Depth is a small Google Analytics plugin that allows you to measure how far down the page your users are scrolling. It monitors the 25%, 50%, 75%, and 100% scroll points, sending a Google Analytics Event at each one.

You can also track when specific elements on the page are scrolled into view. On a blog, for example, you could send a Scroll Depth event whenever the user reaches the end of a post. The plugin supports Universal Analytics, Classic Google Analytics, and Google Tag Manager.

scroll-depth

Requirements: -
Demo: http://scrolldepth.parsnip.io/
License: MIT, GPL License

Scout Realtime – Better “Top” for Modern Developer

Posted · Category: MIT License, Tools

Scout Realtime is a better top command: it gives you disk, memory, network, CPU, and process metrics. And it gives you smooth-flowing charts for everything. Troubleshooting is so much easier when you can see a few minutes worth of realtime data instead of watching individual numbers flash on your terminal window.

You need Ruby 1.9.3+ on your server to run scout_realtime. And you need a public IP or domain name to view scout_realtime in your browser.

scout-realtime

Requirements: Ruby 1.9.3+
Demo: http://scoutapp.github.io/scout_realtime/
License: MIT License

Metalsmith – A Pluggable Static Site Generator

Posted · Category: Framework, MIT License

Metalsmith is an extremely simple, pluggable static site generator. In Metalsmith, all of the logic is handled by plugins. You simply chain them together.

Metalsmith works in three simple steps: Read all the files in a source directory. Invoke a series of plugins that manipulate the files. Write the results to a destination directory. Since everything is a plugin, the core library is actually just an abstraction for manipulating a directory of files.

metalsmith

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

Gremlins.js Simulates Random User Actions

Posted · Category: MIT License, Tools

Gremlins.js is a monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins.

Gremlins.js simulates random user actions: gremlins click anywhere in the window, enter random data in forms, or move the mouse over elements that don’t expect it. Their goal: triggering JavaScript errors, or making the application fail. If gremlins can’t break an application, congrats! The application is robust enough to be released to real users.

track-users

Requirements: Javascript framework
Demo: https://github.com/marmelab/gremlins.js
License: MIT License

Make Magical Scroll Interaction with Scroll Magic Plugin

Posted · Category: Framework, GPL License, MIT License

ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar. It’s the plugin for you, if you want to start an animation at a specific scroll position, synchronize an animation to the scrollbar movement, pin an element at a specific scroll position (sticky elements).

You can easily add a parallax effect to your website with ScrollMagic. You can call functions when the user hits certain scroll positions or react in any other way to the current scroll position. ScrollMagic aims to support all major browsers in recent versions: Firefox 26+, Chrome 30+, Safari 6+, Opera 19+, IE 9+.

scroll-magic

Requirements: jQuery Framework
Demo: http://janpaepke.github.io/ScrollMagic/
License: MIT, GPL License

Durandal – Designed to Make Single Page Applications

Posted · Category: Framework, MIT License

Durandal is a cross-device, cross-platform client framework written in JavaScript and designed to make Single Page Applications (SPAs) easy to create and maintain. They have used it to build apps for PC, Mac, Linux, iOS and Android. Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There’s little to learn and building apps feels comfortable and familiar.

MVC? MVP? MVVM? Yes. Messaging, navigation, modals? Check. Durandal has the features you need to build whatever apps you can imagine; the apps of today and of tomorrow. Let your creativity soar. Durandal is built to handle the plumbing and makes it easier to focus on building rich webs apps with JavaScript faster.

2014-03-03_132610

Requirements: jQuery framework
Demo: http://durandaljs.com/
License: MIT License

Responsive Modal Windows with Hash Tracking

Posted · Category: MIT License, Popup

Remodal is a flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking. All modern browsers are supported. You can easily define the background container for the modal(for effects like a blur).

remodal

Requirements: Javascript framework
Demo: http://vodkabears.github.io/remodal/
License: MIT License

How to Create Sticker Effect with Sticker.js

Posted · Category: MIT License, Tools

Sticker.js is a javaScript library that allows you to create a Sticker Effect. There is no dependencies (jQuery not required). It works in most of major browsers that support CSS 3 (IE10+). It is licensed under MIT License.

stickers

Requirements: Javascript framework
Demo: http://stickerjs.cmiscm.com/
License: MIT License

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons