WebAppers

/ best free open source web resources /

Graphic Resources

Awesome CSS Loading Effects for Grid Layout Images

Posted · Category: Gallery, License Free

TutsMix has shared with us some cool CSS loading effects for grid images. You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish to load more images and append them to the gallery.

css-grid-loading-effects

Requirements: JavaScript Framework
Demo: http://tutsmix.com/demo/cool-css-loading-effects-for-grid-images/
License: MIT License

Build Dynamic Physics Interactions with Impulse jQuery

Posted · Category: Framework, MIT License

Impulse is a library for building dynamic physics based interactions, with a focus on mobile web. You can create animations that flow naturally from the user’s movements. Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity.

Impulse is small, weighing in at about 9k minified and gziped. Impulse has no large dependencies. It doesn’t require jquery, but it knows how to work with jquery. Animations flow smoothly from user interactions. When a user swipes an element, it moves at the velocity of their swipe.

impulse

Requirements: JavaScript Framework
Demo: http://impulse.luster.io/
License: MIT License

Haml – HTML Abstraction Markup Language

Posted · Category: Framework, MIT License

Haml (HTML abstraction markup language) is a markup language that’s used to cleanly and simply describe the HTML of any web document without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ASP, and ERB, the templating language used in most Ruby on Rails applications. However, Haml avoids the need for explicitly coding HTML into the template, because it itself is a description of the HTML, with some code to generate dynamic content.

haml

Requirements: –
Demo: http://haml.info/
License: MIT License

FocusPoint.js – jQuery Plugin for Responsive Cropping

Posted · Category: MIT License, Tools

Websites don’t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile – particularly if you’re using a full-screen image. If you have to use the same image file in all these contexts, your subject might be clipped or completely missing, or just really awkward looking.

FocusPoint jQuery Plugin makes sure your image looks great in any container, by ensuring the ‘spare’ parts of your image (negative space) are cropped out before the important parts. It’s made for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject.

focus-point

Requirements: jQuery Framework
Demo: https://github.com/jonom/jquery-focuspoint
License: MIT License

Plain Pattern – An SVG Based Seamless Pattern Maker

Posted · Category: Patterns

Plain Pattern is An SVG based seamless pattern maker. This is currently a work in progress with more features to be added soon. It has been tested on IE 10/11 and the latest versions of Chrome, Firefox and Safari. Not fully tested yet on iOS and Android devices.

plain-pattern

Requirements: SVG Images
Demo: http://www.kennethcachia.com/plain-pattern/
License: License Free

A Simple Responsive Charting Library Built with SVG

Posted · Category: Charts, License Free

Chartist.js is a simple responsive charting library built with SVG. Chartist’s goal is to provide a simple, lightweight and non-intrusive library to responsive craft charts on your website. It’s important to understand that one of the main intentions of Chartist.js is to rely on standards rather than providing a own solution to the problem which is is already solved by the standard.

Chartist works with inline-SVG and therefore leverages the power of the DOM to provide parts of its functionality. This also means that Chartist is not providing it’s own event handling, labels, behaviors and anything else that can just be done with plain HTML, JavaScript and CSS.

chartist

Requirements: JavaScript Framework
Demo: http://gionkunz.github.io/chartist-js/
License: License Free

Parse – The Most Complete Mobile App Platform

Posted · Category: Framework

Parse is a complete mobile app platform that focuses on creating unique & engaging apps on any platform. We take care of everything else your app needs, from the core of your app to analytics and push notifications.

You can instantly add a powerful core, push notifications, and analytics to your app with Parse. With native SDKs for Android, iOS, JavaScript, Unity, and more, Parse has an SDK for everyone, whether you’re creating a desktop or mobile app.

parse

Requirements: JavaScript Framework
Demo: https://parse.com/
License: Terms of Use

Twibble.io – Publish Content from RSS to Twitter Easily

Posted · Category: License Free, Tools

Twibble.io gives you a better way to easily publish content from any RSS feed to Twitter with beautiful imagery in each and every tweet. They automatically pulls featured images and embeds them into each tweet. No fuss. Just beautiful media in each and every tweet.

Their advanced scheduling system allows you to create custom tweet schedules. Tweet every hour, only on certain days or even specific times. Now you can spend more time on the things that matter.

twibble

Requirements: –
Demo: https://twibble.io/
License: License Free

Titan – A Scalable Distributed Graph Database

Posted · Category: Framework

Titan is a scalable graph database optimized for storing and querying graphs containing hundreds of billions of vertices and edges distributed across a multi-machine cluster. Titan is a transactional database that can support thousands of concurrent users executing complex graph traversals in real time.

titan

Requirements: –
Demo: http://thinkaurelius.github.io/titan/
License: Apache 2.0 License

Heatmap.js v2.0 – Dynamic Heatmaps for the Web

Posted · Category: License Free, Stats

Heatmap.js makes dynamic heatmaps for the web. This JavaScript library will help you make your 3 dimensional data speak up. Use heatmap.js v2.0 to add new value to your project, build a business based on it, study and visualize user behaviour, and much more.

Heatmap.js v2.0 is the most advanced heatmap visualization library on the web. It has a light footprint (~3kB gzip) and with the new 2.0 release heatmap.js just got faster, with a new rendering module stronger, to handle even more datapoints (40k+), easier to use so you can get up to speed quickly easier to extend for custom functionality.

heatmap-js

Requirements: JavaScript Framework
Demo: http://www.patrick-wied.at/static/heatmapjs/
License: License Free

Page 61 of 319...«575859606162636465»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons