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

Official iPhone 6 Plus and Apple Product Images

Posted · Category: License Free, PS Tutorials

Apple has released iPhone 6 and iPhone 6 Plus a couple of days ago. There are thousands of developers around the world have helped make the App Store a success. Apple has created some guidelines so developers can benefit from the Apple identity and contribute to its strength. They have released a set of official apple product images.

To display your app on Apple products, use the product images provided. Vertical and horizontal images are provided for each approved product color. Overlapping product images are provided for presentation of multiple Apple products on a single layout. The screen on the Apple product is blank so that you can display your app in the screen area.

apple-images

Requirements: -
Demo: https://developer.apple.com//app-store/marketing/guidelines/#images
License: License Free

Image Comparison Slider with CSS3 and jQuery

Posted · Category: Gallery, License Free

Image Comparison Slider is a handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user ‘feel’ the product.

A comparison image slider is one of those. If you look at the Sony Ultra HD TV product page, they use this approach to emphasize the difference between their display resolution and a standard one. Google uses it to show how cool is a Google+ Photos filter.

image-comparison

Requirements: CSS3 and jQuery Framework
Demo: http://codyhouse.co/demo/image-comparison-slider/index.html
License: License Free

Open Source of Ragnarök Online for Web Browsers

Posted · Category: GPL License

roBrowser is an open source project based on the game Ragnarök Online. It’s not afficiliate by anyway with Gravity. The concept is to reproduce the game using awesome new web technologies (HTML5, Javascript, WebGL) to bring it to Web Browsers.

Since roBrowser run into a Web Browser, it also mean it’s cross-plateform and can run into multiples OS (Windows, Linux, Macintosh, …) instead of the original client limited to Windows. It should also run fine on others devices ( televisions, smartphone, tablettes, computer) if the device support openGL ES 2.0 and is enough powerfull to support the game.

ro-online-server

Requirements: WebGL, JavaScript, HTML5, and more
Demo: http://www.robrowser.com/
License: GPL License

Manage and Monitor Unix Systems with Monit

Posted · Category: Stats

Monit is a small Open Source utility for managing and monitoring Unix systems. Monit conducts automatic maintenance and repair and can execute meaningful causal actions in error situations.

You can use Monit to monitor daemon processes or similar programs running on localhost. Monit is particular useful for monitoring daemon processes, such as those started at system boot time from /etc/init/ For instance sendmail, sshd, apache and mysql. You can also use Monit to monitor files, directories and filesystems on localhost. Monit can monitor these items for changes, such as timestamps changes, checksum changes or size changes.

monit

Requirements: Unix Systems
Demo: http://mmonit.com/monit/
License: AGPL 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

The High Velocity Web Framework For Java and Scala

Posted · Category: Framework

The Play Framework combines productivity and performance making it easy to build scalable web applications with Java and Scala. It’s built on Akka, Play provides predictable and minimal resource consumption (CPU, memory, threads) for highly-scalable applications.

Play is developer friendly with a “just hit refresh” workflow and built-in testing support. With Play, applications scale predictably due to a stateless and non-blocking architecture. By being RESTful by default, including assets compilers, JSON & WebSocket support, Play is a perfect fit for modern web & mobile applications.

play-framework

Requirements: -
Demo: https://www.playframework.com/
License: Apache 2.0 License

The Most Complete iOS Design Kit You’ve Ever Seen

Posted · Category: License Free, PS Tutorials

InVision are obsessed with helping people become better product designers, thinkers, and creators of web and mobile products. That’s why they are so excited to introduce you to TETHR.

TETHR is the most beautiful, complete iOS design kit you’ve ever seen, and it also happens to be free. The kit features retina-ready, clean modern designs that can be mixed and matched to simply create beautiful iPhone interfaces. It includes 8 PSD files, 138 templates, and more than 250 individual components.

ios-design-kit

Requirements: -
Demo: http://www.invisionapp.com/tethr
License: License Free

Page 5 of 265«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons