/ best free open source web resources /


Lazyr.js – A Small Library for Lazy Loading Images

Posted · Category: MIT License, Tools

Lazyr.js is a small, fast, modern, and dependency-free library for lazy loading images. Lazy loading boosts page speed by deferring the loading of images until they’re in (or near) the viewport. This library makes it completely painless – maximizing speed by keeping options to a minimum.

The scroll event has been debounced to minimize the weight on the browser, and images are revealed within rAF to ensure optimal rendering. For each image, put a placeholder in the src attribute, the regular image in the data-layzr attribute, and the retina image in the data-layzr-retina attribute.


Requirements: JavaScript
Demo: http://callmecavs.github.io/layzr.js/
License: MIT License

A Responsive, Magazine-like Layout with Animated Grid

Posted · Category: License Free, Tools

Today Codrops has shared a Grid Item Animation Layout with us. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid and in the second demo, the whole layout moves to the left while the grid item is expanding. The expanding element is not animating in width and height but instead its original dimensions are already of the expanded size and we simply scale it down initially. By setting classes, we control the transitions of all the elements: the grid item elements’ disappearance and the content elements’ appearance.

The layout is responsive down to mobile using a media query technique that involves setting the breakpoints based on the grid item size and the sidebar. For this we use Sass, which allows us to set these kind of variables easily. The approach we are using here is mainly mobile-first, but we also do some specific restructuring for small screens.


Requirements: –
Demo: http://tympanus.net/Development/AnimatedGridLayout/
License: License Free

Google Prediction API with RESTful Interfce

Posted · Category: Tools

You can use Google’s Prediction API machine learning algorithms to analyze data and predict future outcomes using a familiar RESTful interface. You can easily predict future trends using historical data. Route messages, detect spam and recommend products for users by using Prediction API.

Your data is replicated across multiple data centers using Cloud Storage. Most prediction queries take less than 200ms. Greater performance is available. Prediction API can integrate with App Engine, and the RESTful API is available through libraries for many popular languages, such as Python, JavaScript and .NET. Limited usage is free for the first six months. Beyond that, Prediction API’s comprehensible pricing comes with a 99.9% availability service level agreement. Like other Cloud products, you pay for what you use.


Requirements: –
Demo: https://cloud.google.com/prediction/
License: See License Agreement

Rainyday.js – Rendering Raindrops with JavaScript

Posted · Category: GPL License, Tools

The idea behind Rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. It is a pure JavaScript library which uses HTML5 features so it’s supported by most of the modern browsers. It is licensed under GNU GPL license.


Requirements: JavaScript Framework
Demo: http://maroslaw.github.io/rainyday.js/
License: GPL License

Cachet HQ – Open Source Status Page System

Posted · Category: Tools

Cachet HQ is an open source status page system, for everyone. It shows beautiful & simple service statuses. Cachet has been beautifully built, both by design and code. Using Bootstrap 3, Cachet is completely responsive and works perfectly on mobile, tablet and desktop devices.

Cachet supports several languages straight away, with more translations being worked on every day. Within the Dashboard you’re able to setup metrics – a measurement of something. Using the API you can then send the metric a “point” or a measurement of the metric. This is great for displaying your number of Visitors, or new sign ups etc.


Requirements: –
Demo: https://demo.cachethq.io/
License: See License Agreement

Space.js – HTML-Driven Narrative 3D-Scrolling

Posted · Category: License Free, Tools

For our messages to communicate across efficiently, we need to create a powerful connection between the user and our medium. Today we are going to explore a new way of presenting stories on the web. And for this Patrik Goethe has created an open-source and free to use JavaScript library called space.js. It’s basically parallax technologies used for narration. Think of it as a bicycle for content presentation.

The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility. The core of the library is to divide our HTML into frames, or space-frames as we call them her (to not conflict the common class name “frame”).


Requirements: HTML5
Demo: http://www.slashie.org/space.js/
License: License Free

Restive.js – Make Website Responsive or Adaptive Easily

Posted · Category: MIT License, Tools

Restive.js is a jQuery Plugin that helps you quickly and easily add features to your Web Site to enable it respond and adapt to virtually every Web-enabled Device. Using a combination of Device Detection, Advanced Breakpoints Management, and Orientation Management, Restive.js will give your Web site an uncanny ability to stay robust in the face of a constantly changing device landscape.


Requirements: jQuery Framework
Demo: http://restivejs.com/
License: MIT License

Click Magick – Next-Gen Click Tracker and Link Manager

Posted · Category: Tools

Click Magick is the next-generation ad tracking and link management system that makes every click you get more profitable. It was specifically designed to track all types of direct response advertising – including everything from PPC ads on Google, Bing, and Facebook, to CPV ads on networks like LeadImpact and 50onRed, to banner ads, “Solo Ads”, links you post on forums, and everything inbetween. It even lets you add custom pop ups and “MagickBars” to any page.

Unlike with most other trackers, Click Magick allows you to easily track entire marketing funnels starting with the first opt-in all the way to the last upsell or downsell. It can even track clicks from your follow-up emails and attribute any resulting actions or sales to the proper sales funnel – giving you the most accurate stats possible.

Screen Shot 2015-03-25 at 4.54.03 pm

Source: http://clickmagick.com/

Dug.js – Pull Feeds of Content from JSONP to HTML

Posted · Category: License Free, Tools

Dug.js was designed to be a lightweight, simple, library-independent script to pull in feeds of content available on the web as JSONP to display on your site. There are a few parameters that you can pass into dug to do some additional schnazzy things. Dug.js is completely free! it is 100% free under the WTFPL — no link backs or anything needed.


Requirements: JavaScript Framework
Demo: http://rog.ie/blog/dugjs-a-jsonp-to-html-script
License: License Free

4K Video Downloader to Backup your YouTube Channel

Posted · Category: Tools

YouTube is the most common platform for sharing videos these days and once you’ve uploaded a video to YouTube, you lose some amount of control over it. YouTube has the rights to withhold or completely erase your content if it breaches any of their copyright or royalty related policies. The worst thing that could even happen in that scenario is when you don’t have your videos backed up to your local hard drive. Before you let yourself lose your entire library of YouTube videos due to some unforeseeable circumstances, it would be preferable that you take timely backups. These backups of your own YouTube videos will also allow you to view them offline, on your own devices. While downloading your own royalty-free YouTube videos, you would need a right tool that will make the entire process less daunting and time consuming.

4kdownload 4

Although many people make use of online file downloaders, you shouldn’t settle for them if you are looking for more options and a much better control over the quality of downloads. One such free tool that will let you backup YouTube videos and the one we will be talking about here is 4K Video Downloader.

Getting started with 4K Video Downloader

4K Video Downloader is a free tool with cross-platform support, available for Windows, Mac OS X and Ubuntu. The tool can be downloaded for free from their official website and the installer is a little over 20MB in size. Once you are done with the downloading and installation, you would be presented with a screen seen above. This uncluttered application makes your YouTube video downloading process worthwhile.

What this tool offers in advantage to its online counterparts is some advanced options like file quality, embedded subtitles, iTunes syncing and much more, which we will be discussing in detail further. Read the rest of this entry »

Page 4 of 51«123456789»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons