WebAppers

/ best free open source web resources /

Shopify

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

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

50K Designers Use Code-Free Website Creation: Webydo

Posted · Category: Tools

There are many ways one can choose to create a website nowadays. You can start building the website from scratch, something that requires a lot of resources, or you can use a website builder, something that helps you build your site without requiring any background in coding or development. The best solution though for the creative professional design, is to have a platform where you can start from a blank canvas and not have to write code. Curious which pro website creator we’re talking about?

image001

As you can see, there are lots of solutions, but few of them really stand out. Let us introduce you to Webydo, the professional (B2B) online website design platform that allows you to create a responsive website intuitively and with premium professional results. Specifically created with the professional designers needs in mind, Webydo’s platform allows you to create impressive HTML websites without writing any code. There are no limitations, and the process is very fast.

On top of that, the platform uses an integrated CMS, which provides its users with the means to update the website content at any given time, if the need for such thing arises. Read the rest of this entry »

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

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

Analyze Your Website Speed and Performance

Posted · Category: Tools

Sitespeed.io is an open source tool that helps you analyze your website speed and performance based on performance best practices and metrics. It collects data from multiple pages on your website, analyze the pages using the rules and output the result as HTML or JUnit XML.

You can analyze one site, analyze & compare multiple sites or let it run in your CI tool to make sure that your site is always built the best way for speed. Sitespeed.io is released under the terms of the Apache License Version 2.0.

sitespeed-io

Requirements: -
Demo: http://www.sitespeed.io/
License: Apache 2.0 License

Zoom In any Element When Resizing and Scrolling

Posted · Category: MIT License, Tools

Zoomerang.js is a drop-in library that allows your users to zoom in on almost any element on your existing page. No setup, arbitrary styling. This is largely inspired by Medium’s avatar zoom in effect, with improvements (you can resize / scroll the page when it’s zoomed in and it still works).

It works best on fixed size elements such as display: block, display: inline-block and img elements. CSS Transform is required. Please note that it depends on the way browsers handle CSS transforms and has limited compatibility.

zoomerang-js

Requirements: JavaScript Framework
Demo: http://yyx990803.github.io/zoomerang/
License: MIT License

Mondrian – Open Source Vector Graphics Web App

Posted · Category: MIT License, Tools

Mondrian is a free vector graphics web app like Adobe Illustrator or Inkscape. Mondrian offers all the tools needed to create, modify, and export simple SVG files. Mondrian also supports undo/redo through a file history API that stores operations.

The entire app is written in Coffeescript. You have to manually compile the app every time you make changes. Mondrian officially supports only the latest desktop stable versions of Chrome, Firefox, and Safari. All of the Mondrian code and documentation is available under the MIT License.

drawing

Requirements: -
Demo: https://github.com/artursapek/mondrian
License: MIT License

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons