WebAppers

/ best free open source web resources /

Graphic Resources

Makes the Height of Selected Elements Equal with jQuery

Posted · Category: MIT License, Tools

MatchHeight.js makes the height of all selected elements exactly equal. It’s a more robust equal heights plugin that correctly handles mixed padding, margin, border, box-sizing, rows, groups. It handles images and responsive layouts by automatically updating when needed.

To test, apply different combinations of options below to try different edge case scenarios. You can also resize the browser to test the responsive updating. It is released under MIT License.

match-height

Requirements: jQuery Framework
Demo: http://brm.io/jquery-match-height-demo/
License: MIT License

Authentication and Authorization without Passwords

Posted · Category: License Free, Tools

Passwordless is a modern node.js module for express that allows authentication and authorization without passwords by simply sending one-time password (OTPW) tokens via email or other means. It utilizes a very similar mechanism as the reset password feature of classic websites.

It’s faster to implement compared to typical user auth systems. It’s better for your users as they get started with your app quickly and don’t have to remember passwords. And also, it’s more secure for your users avoiding the risks of reused passwords.

passwordless

Requirements: Node.js
Demo: https://passwordless.net/
License: License Free

How to Create A Really Cool Icons Filling Effect

Posted · Category: License Free, Tools

Sometimes you just want to create something cool. Maybe for one of those pages – about us, our history etc – where you want to come up with something unique to support your brand. Icons Filling Effect can help you design a cool web page with just few icons. It is an eye-catching filling effect for your icons, that can be used to make a simple page look cool and dynamic.

filling-icons

Requirements: JavaScript Framework
Demo: http://codyhouse.co/gem/icons-filling-effect/
License: License Free

Blast.js – Blast Text Apart to Make it Manipulable

Posted · Category: MIT License, Tools

Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.

Blast is highly accurate; it neither dumbly splits words at spaces nor dumbly splits sentences at periods. Features include: 1) By traversing text nodes, all HTML, event handlers, and spacing are preserved. Thus, you can safely apply Blast to any part of your page. 2) Automatic class and ID generation make text manipulation simple. 4) Blast can be fully undone with a single call. 5) All Latin alphabet languages and UTF-8 characters are supported.

blast-js

Requirements: JavaScript Framework
Demo: http://julian.com/research/blast/
License: MIT License

Create Keyboard Shortcuts to DOM with DomFlags

Posted · Category: License Free, Tools

DomFlags chrome extension offers a new way to interact with the DevTools. For the first time ever, you can now create keyboard shortcuts to DOM elements.

DomFlags are like bookmarks for navigating the DOM tree. They help you track and navigate to important elements so styling can be a breeze. The extension has auto-inspect features that help you re-engage elements with pinpoint accuracy to speed your DevTools flow.

domflags

Requirements: Chrome Browser
Demo: http://domflags.com/
License: License Free

Ocrad.js – Optical Character Recognition in JavaScript

Posted · Category: License Free, Tools

Ocrad.js is a pure-javascript version of the Ocrad project, automatically converted using Emscripten. It is a simple OCR (Optical Character Recognition) program that can convert scanned images of text back into text. Clocking in at about a megabyte of Javascript with no hefty training data dependencies.

Unlike GOCR.js, Ocrad.js is designed as a port of the library, rather than a wrapper around the executable. This means that processing subsequent images doesn’t involve reinitializing an executable, so processing an image can be done in as little as an eighth of the time it takes GOCR.js to do the same.

ocrad-js

Requirements: JavaScript
Demo: http://antimatter15.github.io/ocrad.js/demo.html
License: License Free

A Fast Anonymous Browser Fingerprinting JS Library

Posted · Category: MIT License, Tools

Fingerprinting is a technique, outlined in the research by Electronic Frontier Foundation, of anonymously identifying a web browser with accuracy of up to 94%.

A browser is queried for its agent string, screen color depth, language, installed plugins with supported mime types, timezone offset and other capabilities, such as local storage and session storage. Then these values are passed through a hashing function to produce a fingerprint that gives weak guarantees of uniqueness. No cookies are stored to identify a browser.

FingerprintJS is a fast browser fingerprint library. Written in pure JavaScript, no dependencies. By default uses Murmur hashing and returns a 32bit integer number. Hashing function can be easily replaced. Feather weight: only 1.2 KB when gzipped.

fingerprint-js

Requirements: JavaScript Framework
Demo: http://valve.github.io/fingerprintjs/
License: MIT License

A JavaScript Powerful CSV Parser for Web Browsers

Posted · Category: MIT License, Tools

There’s a thousand CSV libraries for Javascript. Papa Parse is different. It’s written with correctness and performance in mind. Papa is the first multi-threaded CSV parser that runs on web pages. It can parse files gigabytes in size without crashing the browser. It correctly handles malformed or edge-case CSV text. It can parse files on the local filesystem or download them over the Internet. Papa is boss.

Privacy advocates also use Papa Parse to avoid having to transmit sensitive files over the Internet. Now all the processing can be done locally on the client’s computer. This is especially significant considering some organizations’ policies.

csv-parser

Requirements: JavaScript Framework
Demo: http://papaparse.com/
License: MIT License

A Free Tool to Monitor and Implement DMARC

Posted · Category: License Free, Tools

DMARC is a standard that prevents spammers from using your domain to send email without your permission — also known as spoofing. In combination with SPF and DKIM, a DMARC policy in DNS allows you to set rules to reject or quarantine emails from sources you do not know or trust. As part of the DMARC spec, ISPs (Gmail, Yahoo, Microsoft and more) who implement DMARC will also generate reports on sending activity for your domain.

Postmark DMARC is a free tool to monitor & implement DMARC. They will process reports from major ISPs about your domain’s DMARC alignment and turn them into beautiful, human-readable weekly email digests, absolutely free.

dmarc

Requirements: –
Demo: http://dmarc.postmarkapp.com/
License: License Free

Serve Responsive Retina Images with Dense.js

Posted · Category: MIT License, Tools

Dense is a jQuery plugin that offers an easy way to serve device pixel ratio aware images, bringing in retina support to your website. Clear the blurry, images be crisp.

The responsive, retina-ready image is implemented by simply including the jQuery plugin on the page and calling its $.fn.dense() initializer method. The initializer method is set to target those img elements that should serve retina-ready images when needed. The plugin can be included and invoked by using either browser globals or AMD.

dense-js

Requirements: jQuery Framework
Demo: http://dense.rah.pw/
License: MIT License

Page 15 of 58...«111213141516171819»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons