WebAppers

/ best free open source web resources /

Shopify

Adding Facebook Login with jQuery.FBLogin Plugin

Posted · Category: MIT License, Tools

Adding a Login with Facebook option to your web app is a pain! The process requires multiple requests to the Facebook API, and usually results in a messy callback soup that you get stuck managing.

jQuery.fblogin simplifies logging in with Facebook by jQuery. You will need a valid Facebook App Id and the Facebook JS SDK loaded to use the plugin. If you have used the jQuery.ajax() method before then using fblogin should seem familiar. Simply call $.fblogin(options) where options is an object with the desired settings.

login-with-facebook-jquery

Requirements: jQuery Framework
Demo: http://blog.shakainteractive.com/fblogin/
License: MIT License

Create HTML Time Sheets with Timesheet.js

Posted · Category: Calendar, MIT License

Timesheet.js is a simple JavaScript library to create HTML time sheets. You can visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript.

Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by mighty you.

timesheet-js

Requirements: JavaScript Framework
Demo: http://semu.github.io/timesheet.js/
License: MIT License

Dimensions – Measure Everything You See in the Browser

Posted · Category: MIT License, Tools

Dimensions is a browser extension for coders to measure screen dimensions. Currently only available for Chrome. You can measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. For the best experience set a keyboard shortcut in the chrome setting at the end of the extensions list to quickly enable and disable Dimensions.

Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. Best of all, Dimensions is Open Source and hosted on Github.

dimensions

Requirements: -
Demo: http://felixniklas.com/dimensions/
License: MIT License

Host Web IRC Client on Your Own Server with Shout

Posted · Category: Chat, MIT License

Shout is a web IRC client that you host on your own server. It stays auto-connected with no configuration. It offers a great desktop (web-based) UI, including embedded images, videos, tweets, pastebins, and more. And it offers fantastic mobile apps for both iOS and Android, for both phone and tablet form factors. Best of all, it’s free for download and released under MIT license.

irc-shout-chat

Requirements: -
Demo: http://demo.shout-irc.com/
License: MIT License

Build Dynamic Physics Interactions with Impulse jQuery

Posted · Category: Framework, MIT License

Impulse is a library for building dynamic physics based interactions, with a focus on mobile web. You can create animations that flow naturally from the user’s movements. Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity.

Impulse is small, weighing in at about 9k minified and gziped. Impulse has no large dependencies. It doesn’t require jquery, but it knows how to work with jquery. Animations flow smoothly from user interactions. When a user swipes an element, it moves at the velocity of their swipe.

impulse

Requirements: JavaScript Framework
Demo: http://impulse.luster.io/
License: MIT License

Haml – HTML Abstraction Markup Language

Posted · Category: Framework, MIT License

Haml (HTML abstraction markup language) is a markup language that’s used to cleanly and simply describe the HTML of any web document without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ASP, and ERB, the templating language used in most Ruby on Rails applications. However, Haml avoids the need for explicitly coding HTML into the template, because it itself is a description of the HTML, with some code to generate dynamic content.

haml

Requirements: -
Demo: http://haml.info/
License: MIT License

FocusPoint.js – jQuery Plugin for Responsive Cropping

Posted · Category: MIT License, Tools

Websites don’t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile – particularly if you’re using a full-screen image. If you have to use the same image file in all these contexts, your subject might be clipped or completely missing, or just really awkward looking.

FocusPoint jQuery Plugin makes sure your image looks great in any container, by ensuring the ‘spare’ parts of your image (negative space) are cropped out before the important parts. It’s made for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject.

focus-point

Requirements: jQuery Framework
Demo: https://github.com/jonom/jquery-focuspoint
License: MIT License

Duo – Next Generation Package Manager for Frontend

Posted · Category: Framework, MIT License

Duo is a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless. Duo was designed from the ground up to grow alongside your application, making your three main workflows incredibly simple: Creating quick proof of concepts, writing modular components, building large web applications.

package-manager

Requirements: JavaScript Framework
Demo: http://duojs.org/
License: MIT License

Ment.io – Angular @Mentions with Macros

Posted · Category: Forms, MIT License

Ment.io gives you @mentions and macros widget based on AngularJS, but with no dependencies on jQuery. The mentio directive is applied to any element that accepts selectable text input and exposes an ngModel. The mentio directive watches the ngModel of the element for changes. If the user enters a sequence of non-wihtespace characters starting with a trigger character, a typeahead menu appears.

ment-io

Requirements: AngularJS Framework
Demo: http://jeff-collins.github.io/ment.io/
License: MIT License

Intuitive Grid Control with jQuery Bootgrid Plugin

Posted · Category: MIT License, Tables

jQuery Bootgrid Plugin is nice, sleek and intuitive. A grid control especially designed for bootstrap. Simply include jQuery, jQuery Bootgrid and Bootstrap libraries in your HTML code. Specify your data URL used to fill your data table and set ajax option to true directly on your table via data API. And then select the previously defined table element represents your data table and initialize the bootgrid plugin with one line.

jquery-bootgrid

Requirements: jQuery Framework
Demo: http://www.jquery-bootgrid.com/
License: MIT License

Page 1 of 61123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons