WebAppers

/ best free open source web resources /

Shopify

Test Responsive Websites with Dimensions Toolkit

Posted · Category: License Free, Tools

Are you sick of having to constantly press that refresh button? Well no more. Dimensions Toolkit is compatible with all JavaScript auto-refreshers, so no more incessant button bashing.

Dimensions Toolkit is all for accurate measurements and sizes. We can control the dimensions of the preview by dragging handles, entering specific values manually or choosing from a selection of popular device measurements.

The toolkit is set to the default breakpoints of 320px, 480px, 768px & 1024px. Using the custom breakpoints feature, Dimensions allows you to change these values to anything you desire.

demensions-toolkit

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

Extract Every Layers from PSD with Project Parfait

Posted · Category: License Free, Tools

Project Parfait is an experimental service for designers and developers, who turn Photoshop comps into code-based designs. It lets you quickly and easily extract what you need from a PSD comp.

Project Parfait lets you do the following directly in your browser: Extract color, gradient and font info from a PSD, Copy text and CSS, Get accurate measurements between elements, Export production-ready optimized images.

Project Parfait is ideal for developers and designers who regularly receive Photoshop comps, and translate them into code-based designs. It makes it easier to extract vital information from PSDs. Developers working on native iOS, Android, Mac, and Windows applications may also find Project Parfait valuable.

parfait

Requirements: -
Demo: https://projectparfait.adobe.com/
License: License Free

Raindrop Makes Bookmarks More Vivid and Functional

Posted · Category: License Free, Tools

Raindrop makes bookmarks more vivid and functional. Save important pages, articles, video or photo in one click. Organize collection contents and share with friends.

Raindrop saves not just bookmarks but associated content depending on page type. If it’s an article, it will be cut and saved with the bookmark. The same applies to video, photo and presentations. So you can organize thematic collections with different content. Collections can be made public and used in your application or a website using API.

smart-bookmark

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

PourOver – Fast Filtering and Sorting Large Collections

Posted · Category: License Free, Tools

PourOver is a library for simple, fast filtering and sorting of large collections. It allows you to build data-exploration apps and archives that run at 60fps, that don’t have to to wait for a database call to render query results.

PourOver is built around the ideal of simple queries that can be arbitrarily composed with each other, without having to recalculate their results. You can union, intersect, and difference queries. PourOver will remember how your queries were constructed and can smartly update them when items are added or modified. You also get useful features like collections that buffer their information periodically, views that page and cache, fast sorting, and much, much more.

pourover

Requirements: JavaScript framework
Demo: http://nytimes.github.io/pourover/
License: License Free

Seen.js Renders 3D Scenes into SVG or HTML5 Canvas

Posted · Category: Tools

Seen.js renders 3D scenes into SVG or HTML5 Canvas. Seen.js contains a simple abstraction on top of the graphics capabilities of SVG and HTML5 Canvas elements. All of the other components of this library are agnostic to the type of context it will be rendered in.

Seen.js contains a looping, event-firing class for animating scenes. The render context contains a method .animate() which will create and return an animator that is set up to invoke the context’s .render() method. To modify the scene on every frame, listen to the ‘beforeRender’ event.

Seen.js includes adapters for mouse rotation and mousewheel zooming. For best results, use a quaternion to create a rotation matrix from the x,y movement of the mouse. The zoom adapter directly returns a scale factor that can be applied to your scene’s model.

seenjs

Requirements: JavaScript frameworks
Demo: http://seenjs.io/
License: Apache 2.0 License

A Tiny but Perfect jQuery Scrollbar Plugin

Posted · Category: MIT License, Tools

Perfect Scrollbar is a tiny but perfect jQuery scrollbar plugin. The scrollbar does not affect the original design layout. The design of the scrollbar is fully customizable. You can change nearly all css styles of the scrollbar. The scrollbar design has no dependency on scripts.

Perfect Scrollbar support ‘update’ function. Whenever you need to update the size or position of the scrollbar, just update. Additionally, perfect-scrollbar do use ‘scrollTop’ and ‘scrollLeft’, not absolute position or something messy.

perfect-scrollbar

Requirements: jQuery framework
Demo: http://noraesae.github.io/perfect-scrollbar/
License: MIT License

Flick Through Content with Flickerplate jQuery Plugin

Posted · Category: Tools

Flickerplate is a cool jQuery plugin that lets you flick through content. This plugin is by definition a jQuery plugin and so is required. It also requires Modernizr for touch detection and the jQuery.Finger library for touch events. Both jQuery and a custom build of Modernizr are supplied.

Flickerplate is configurable through a variety of ways. You can either setup the options through the Javascript call or you can set the options via data attributes on the actual element. Some options can even be set globally and on each list item.

flickerplate

Requirements: jQuery frameworks
Demo: http://getwebplate.com/plugins/flickerplate
License: Apache License

Dat – Open Source Data Package Managment

Posted · Category: BSD License, Tools

Dat is an open source tool that enables the sharing of large datasets, the goal being a collaboration flow similar to what git offers for source code. The dat project is officially a project of the US Open Data Institute, a not-for-profit organization based in the United States, but they work towards sharing data across the galaxy.

However, it isn’t quite ready for prime time yet, but if you want to play around with the pre-alpha version of dat please check out the dat repository on GitHub.

dat-data

Requirements: -
Demo: http://dat-data.com/
License: BSD License

Picturefill – A Smart Responsive Images Approach

Posted · Category: GPL License, MIT License, Tools

Picturefill is a Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill natively supports HD(Retina) image replacement. While numerous other solutions exist, picturefill has the added benefit of performance for the user in only being served one image.

Picturefill works best in browsers that support CSS3 media queries. Internet Explorer 8 and older have no support for CSS3 Media Queries, so in the examples above, IE will receive the first data-src image reference. Picturefill supports a broad range of browsers and devices, provided that you stick with the markup conventions provided.

picturefill

Requirements: JavaScript frameworks
Demo: http://scottjehl.github.io/picturefill/
License: MIT, GPL2 License

Grid List – 2D Resizable and Responsive List of Items

Posted · Category: Tools

GridList is a drag and drop library for a two-dimensional resizable and responsive list of items. An agnostic GridList class that manages the two-dimensional positions from a list of items within a virtual matrix. A jQuery plugin built on top of the GridList class that translates the generic items positions into responsive DOM elements with drag and drop capabilities.

Please note that the current implementation is for a horizontal grid. This means that the number of rows is configurable, whereas columns extend dynamically, based on the number, size and position of items placed inside the grid.

grid-list

Requirements: jQuery Framework
Demo: http://ubervu.github.io/grid/
License: Apache 2.0 License

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons