WebAppers

/ best free open source web resources /

Shopify

How to Make Flappy Bird with HTML5 and JavaScript

Posted · Category: Information, License Free

Flappy Bird is a nice little game with easy to understand mechanics, and Thomas thought it would be a perfect fit for an HTML5 game tutorial. So in this tutorial: How to make a Flappy Bird in HTML5, he is going to make a simplified version of Flappy Bird, in only 65 lines of Javascript with the Phaser framework.

flappy-bird

Requirements: HTML5 & JavaScript
Demo: http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-1/
License: License Free

Bucky – Open Source Real User Monitoring

Posted · Category: License Free, Stats

Bucky is a client and server for sending performance data from the client into statsd + graphite, OpenTSDB, or any other stats aggregator of your choice.

It can automatically measure how long your pages take to load, how long AJAX requests take and how long various functions take to run. Most importantly, it’s taking the measurements on actual page loads, so the data has the potential to be much more valuable than in vitro measurements.

bucky

Requirements: -
Demo: http://github.hubspot.com/bucky/
License: License Free

Document Your Photoshop Mockups with Ink Plugin

Posted · Category: License Free, Tools

Handling mockups to developer teams can be tricky. As a designer, sometimes I wrongly assume that everyone knows about how photoshop shapes, effects, and typography works. Sometimes lack of specifications leads to inaccurate front-end outputs. Sometimes the final product just doesn’t look exactly as expected.

Ink Photoshop Plugin helps you providing few extra important informations about your mockups by documenting your layers, from typography to effects and shape sizes.

ink-ps-plugin

Requirements: Photoshop CS6 / CC
Demo: http://ink.chrometaphore.com/
License: License Free

Sample Avatars for Interface Design with UI Faces

Posted · Category: License Free, Tools

Finding sample avatars for interface design can be hard and annoying too. However uifaces can make your life simple. UI Faces is a online tool that have growing number avatars collection.

It provides a interface to adjust the avatar size, spacing and border radius of avatars. After adjusting the avatar according to your requirement you save the avatar by right clicking on avatar. This tool was born from the daily toil of finding sample avatars for UI mockups, and created by Caleb Ogden.

ui-face

Requirements: -
Demo: http://uifaces.com/
License: License Free

Create a Card Layout that Let Your User Flip Through

Posted · Category: License Free

Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. There are several new animation options so that you can personalize it to your own liking. You can use callbacks to perform actions before or after the modal opens. Modern browsers such as Chrome, Firefox, and Safari on desktop have been tested.

tip-cards

Requirements: jQuery Framework
Demo: http://www.thepetedesign.com/demos/tip_cards_demo.html
License: License Free

Croppic – Open Source Image Cropping jQuery Plugin

Posted · Category: Capture, License Free

Croppic is an image cropping jquery plugin that will satisfy your needs and much more. Simply upload an image, and then you are able to crop the image as you like with the zooming in and out functionality. It works in IE 10+, chrome, and firefox. It uses FormData so there is no IE9 and prev versions support at the moment.

jquery-crop

Requirements: jQuery Framework
Demo: http://www.croppic.net/
License: License Free

Nightwatch.js – Browser Automated Testing Done Easy

Posted · Category: License Free, Tools

Nightwatch.js is an easy to use Node.js based End-to-End (E2E) testing solution for browser based apps and websites. It uses the powerful Selenium WebDriver API to perform commands and assertions on DOM elements.

It’s simple but powerful syntax which enables you to write tests very quickly, using only Javascript and CSS selectors. No need to initialize other objects and classes, you only need to write the test specs. Built-in command-line test runner which enables you to run the tests either altogether, by group or single.

nightwatch-js

Requirements: Node.js
Demo: http://nightwatchjs.org/
License: License Free

Hemingway Makes Your Writing Bold and Clear

Posted · Category: License Free, Tools

Hemingway is a web application that makes your writing bold and clear. Hemingway highlights long, complex sentences and common errors; if you see a yellow highlight, shorten the sentence or split it. If you see a red highlight, your sentence is so dense and complicated that your readers will get lost trying to follow its meandering, splitting logic.

Adverbs are helpfully shown in blue. Get rid of them and pick verbs with force instead. You can utilize a shorter word in place of a purple one. Mouse over it for hints. Phrases in green have been marked to show passive voice.

hemingway

Requirements: -
Demo: http://www.hemingwayapp.com/
License: License Free

InstantClick.io Makes Your Website Instant

Posted · Category: License Free, Tools

Despite the huge bandwidth increases, websites don’t get much faster. This is because the biggest botteneck in loading web pages is latency. InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases.

Before a visitor clicks on a link, he hovers over that link. Between these two events, 200 ms to 300 ms usually pass by. InstantClick makes use of that time to preload the page, so that the page is already there when you click. InstantClick uses pushState and Ajax, a combo known as pjax.

instant-click

Requirements: JavaScript Framework
Demo: http://instantclick.io/
License: License Free

Editorially Makes Collaborative Writing Easy

Posted · Category: License Free, Tools

Editorially is a new collaborative writing and editing platform. Their goal is to support and encourage that writing process — from the first flash of inspiration all the way through to publication, and at every point in between.

Editorially achieves this goal in many ways: a Markdown-based writing environment lets you focus on the words and create clean markup easily; collaboration tools let you invite friends and trusted colleagues to review or edit your work; a document version system lets you mark points in a document’s history and compare versions to see what changed; notes and activity feeds encourage you to reflect on your work, for yourself and for others; and discussion threads recognize that the conversation around a text is just as important as the text itself.

editorially

Requirements: -
Demo: https://editorially.com/
License: License Free

Page 7 of 94«34567891011»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons