WebAppers

/ best free open source web resources /

Shopify

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

Duo – Next Generation Package Manager for Frontend

Posted · Category: Framework, MIT License

Duo is a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless. Duo was designed from the ground up to grow alongside your application, making your three main workflows incredibly simple: Creating quick proof of concepts, writing modular components, building large web applications.

package-manager

Requirements: JavaScript Framework
Demo: http://duojs.org/
License: MIT License

Ment.io – Angular @Mentions with Macros

Posted · Category: Forms, MIT License

Ment.io gives you @mentions and macros widget based on AngularJS, but with no dependencies on jQuery. The mentio directive is applied to any element that accepts selectable text input and exposes an ngModel. The mentio directive watches the ngModel of the element for changes. If the user enters a sequence of non-wihtespace characters starting with a trigger character, a typeahead menu appears.

ment-io

Requirements: AngularJS Framework
Demo: http://jeff-collins.github.io/ment.io/
License: MIT License

Intuitive Grid Control with jQuery Bootgrid Plugin

Posted · Category: MIT License, Tables

jQuery Bootgrid Plugin is nice, sleek and intuitive. A grid control especially designed for bootstrap. Simply include jQuery, jQuery Bootgrid and Bootstrap libraries in your HTML code. Specify your data URL used to fill your data table and set ajax option to true directly on your table via data API. And then select the previously defined table element represents your data table and initialize the bootgrid plugin with one line.

jquery-bootgrid

Requirements: jQuery Framework
Demo: http://www.jquery-bootgrid.com/
License: MIT License

Open Source Transactional HTML Email Templates

Posted · Category: MIT License, Webmail

Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers. All these things have to be thought about and tested. It’s no surprise developers don’t want to deal with this when there is a backlog of more important priorities.

Transactional HTML emails often get neglected. Mailgun has tried to remove some of the pain for you and open-sourced a collection of common templates for Transactional HTML Email. Each template is responsive and each has been tested in all the popular email clients.

transactional-email

Requirements: -
Demo: http://blog.mailgun.com/transactional-html-email-templates/
License: MIT License

A Simple Way to View Website Performance Metrics

Posted · Category: Charts, MIT License

PerfBar is a simple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. PerfBar is a tool that puts dozens of metrics at the tip of your fingers with just a single script include.

Once set up, PerfBar adds a collapsable bar to the bottom of your website that displays the metrics for the current session. Here’s what it looks like in action on the project’s homepage.

perfbar

Requirements: -
Demo: http://lafikl.github.io/perfBar/
License: MIT License

Pattern Bolt – A Collection of SVG Pattern Backgrounds

Posted · Category: MIT License, Patterns

PatternBolt is a fine selection of SVG pattern background, packed in a single CSS or SASS (scss) file, just include the css file in your project and add a class to your element to insert a pattern.

You can change color palette changing the background-color of your element and the pattern size changing the background-size of the ‘:after’ element. As the pattern is added in a ‘:after’ level, you still can manipulate your DOM element as you want, adding a bg-color, a bg-picture, a gradient, or both. As they are vectors they never pixelate, not even on retina screens.

patternbolt

Requirements: -
Demo: http://buseca.github.io/patternbolt/
License: MIT License

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

Pagekit – A New Modern CMS to Create and Share

Posted · Category: Framework, MIT License

Pagekit is a modular and lightweight CMS built with modern technologies like Symfony components and Doctrine. It provides an awesome platform for theme and extension developers. Pagekit gives you the tools to create beautiful websites. No matter if it’s a simple blog, your company’s website or a web service.

Pagekit is published for free under the MIT license. You are free to modify, share and redistribute it without any limitations. It is up to you how you want to license your themes and extensions. Use the MIT, GPL or any other license. This gives you as a developer real freedom.

pagekit

Requirements: -
Demo: http://pagekit.com/
License: MIT License

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

Page 1 of 60123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons