WebAppers

/ best free open source web resources /

Shopify

Fit.js – Put Elements to Fit in the Way You Want

Posted · Category: License Free, Tools

Sometimes, the standard CSS properties just can’t manipulate elements to fit in the way you want them to, or your fit methods need to be more dynamic, or you’re not using the DOM at all and need to perform these computations more abstractly.

Either way, if you’ve ever needed to work out how an object of any size should fit into another of any size, or find yourself writing the same code to do this over and over again, you’ll understand how fit.js might be useful. Fit.js has a very simple purpose and that is to help you fit things into other things.

fit-js

Requirements: JavaScript
Demo: http://soulwire.github.io/fit.js/
License: License Free

Extract Inline CSS Styles from HTML Document

Posted · Category: License Free, Tools

ExtractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you. ExtractCSS is an open source project, you can check out the repository at GitHub.

extract-css

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

CountUp.js Animates Numerical Data in Interesting Way

Posted · Category: License Free, Tools

CountUp.js is a dependency-free, lightweight JavaScript “class” that can be used to quickly create animations that display numerical data in a more interesting way. Despite its name, countUp can count in either direction, depending on the startVal and endVal params that you pass. Bower and Component .json files are included, as well as a coffeescript version.

countup-js

Requirements: JavaScript
Demo: http://inorganik.github.io/countUp.js/
License: License Free

Saved.io – The Fastest Way to Save Bookmarks

Posted · Category: License Free, Tools

We were often losing bookmarks or simply not saving them because there was no easy way to do it across devices. To solve this problem we have Saved.io. It’s a solution that is super fast and easy to use, requires no extensions, and is future proof – it will work in any browser.

Saved.io is ridiculously simple to use – just type “saved.io/” in front of any URL in your address bar, hit enter and you’ve just saved a bookmark. Anthony Feint has purposefully left out Tags, Folders, Descriptions, Notes etc. from this app. Saving a bookmark should be fast.

save-io

Requirements: -
Demo: http://saved.io/
License: License Free

Hugo – A Fast and Easy to Use Static Site Generator

Posted · Category: Tools

Hugo is a static site generator written in GoLang. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website.

Hugo makes use of markdown files with front matter for meta data. A typical website of moderate size can be rendered in a fraction of a second. A good rule of thumb is that Hugo takes around 1 millisecond for each piece of content. It is written to work well with any kind of website including blogs, tumbles and docs.

hugo-framework

Requirements: -
Demo: http://hugo.spf13.com/
License: Simple Public License

Red Pen – Fast and Productive Way to Get Feedback

Posted · Category: License Free, Tools

Red Pen made it fast and productive to get feedback from your colleagues and clients. Test ideas, seek perspective, and get approval. Simply Drag and drop an image into the Red Pen homepage, and point at areas of the design and give contextual feedback. Your data won’t be sold or shared. You retain ownership of your uploads.

red-pen

Requirements: -
Demo: https://redpen.io/
License: License Free

Hackpad – Sharing Smart Collaborative Documents

Posted · Category: License Free, Tools

Hackpad is a simple tool to edit, organize and share documents. Hackpad eliminates confusion by clearly indicating who wrote what, and what changes were made to a document.

Hackpad includes many intuitive features to help you collaborate and share seamlessly. Just click the plus sign in the navigation bar to start a new pad. Check out their Hackpad Feature Help pad to learn about everything Hackpad does.

hackpad

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

Rails Assets – Free Assets Management in Rails

Posted · Category: License Free, Tools

Rails Assets is the solution to assets management in Rails. It is the frictionless proxy between Bundler and Bower. It automatically converts the packaged components into gems that are easily droppable into your asset pipeline and stay up to date. Gems created by Rails Assets work great with any Sprockets-based application.

rails-assets

Requirements: Ruby on Rails
Demo: https://rails-assets.org/
License: License Free

Simple Loading Spinners Animated with CSS

Posted · Category: License Free, Tools

SpinKit contains some simple but awesome loading spinners animated with CSS. They use CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser. If you’re building a site with users running IE9 and below, you’ll want to detect support for the CSS animation attribute, and implement a fallback animation (e.g. a GIF.)

loading-spin

Requirements: CSS
Demo: http://tobiasahlin.com/spinkit/
License: License Free

How to Add Interactive Snow Animation to Your Website

Posted · Category: License Free, Tools

Would you like to add a beautiful interactive snow animation to your website? OXP created a plugin which helps you create and control festive snow on your website using HTML5 Canvas. There is an abstract interface to let you control how the snow behaves without diving into the source code. They have also added a few functions such as responsive, a snow direction etc.

let-it-snow

Requirements: HTML5 Canvas
Demo: http://www.onextrapixel.com/examples/let-it-snow/
License: License Free

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons