WebAppers

/ best free open source web resources /

Shopify

Fattable Creates Table with Infinite Scroll

Posted · Category: MIT License, Tables

Fattable is a javascript Library to create table with infinite scroll, with infinite number of rows and number of columns. Big table don’t do well with DOM. Your scroll will start getting choppy. Also big tables can rapidly grow in sizes. It is not always possible to have clients download or even retain all of the table data.

Fattable includes everything required to load your data asynchronously. The design is up to you. Style the table via css and use your painter to hook up events, and render your content in your cell.

scrollable-table

Requirements: JavaScript Framework
Demo: https://github.com/poulejapon/fattable
License: MIT License

Creditly.js – A Sleek Intuitive Credit Card Form

Posted · Category: Forms, MIT License

Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds. You get credit card validation using the Luhn algorithm for free.

Whenever an error occurs after you call the validate method on a Creditly object, an event will be triggered on the HTML body element. This event, named creditly_client_validation_error, will contain a data object with the selectors of the inputs that failed validation and also the messages of the failed validation.

credit-cards

Requirements: jQuery Framework
Demo: http://wangjohn.github.io/creditly/
License: MIT License

Margot – Adoring Typefamily Designed for Large Sizes

Posted · Category: Fonts, License Free

Margot is an adoring type family designed and optimized for the use in large sizes. Capable of bringing a very human feel to a great variety of typographical purposes.

Margot is vibrant, cheerful and perfectly suited for editorial, posters, corporate identities or signage systems. The three weights and true italics come with a perfect balance of curves and sharp endings, which make this a playful but still strong typeface. And best of all, you can download Margot type family for free.

margot-font

Requirements: -
Demo: http://www.behance.net/gallery/Margot-Free-Font/13819879
License: License Free

Free Photos for Your Commercial & Personal Works

Posted · Category: License Free, Stock Photos

Every designer needs high quality photos in full resolution. So Viktor has decided to offer his own photos in full quality (mostly 3888 px in wide) to you for free in PicJumbo.

You can use them for many different things. For webdesign, sliders, apps, backgrounds or templates for sell. You are not limited. One thing he would really appreciate is an attribution. It’s up to you, it is not necessary but greatly appreciated.

pic-jumbo

Requirements: -
Demo: http://picjumbo.com/
License: License Free

The Pattern Library by the Most Talented Designers

Posted · Category: License Free, Patterns

The Pattern Library is an on going project compiles patterns shared by the most talented designers out there for you to use freely in your designs. I really like the design of the site, which is user-friendly and responsive. You can pick your favorite pattern easily to download as you wish.

pattern-library

Requirements: -
Demo: http://thepatternlibrary.com/
License: License Free

The Float Labels jQuery Plugin

Posted · Category: Forms, License Free

The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. Float Labels jQuery Plugin offers you the possibility to upgrade your forms with this famous pattern.

float-labels

Requirements: jQuery Framework
Demo: http://clubdesign.github.io/floatlabels.js/
License: License Free

How to Create Sticky Table Headers & Columns

Posted · Category: License Free, Tables

Sticky table headers are no longer a stranger to an average website user — unlike on paper when a reader’s eyes can comfortably jump in saccades between top of a lengthy table and the rows of interest, the landscape orientation of most devices makes vertically-long tables hard to read.

Tutorial: Sticky Table Headers and Columns teach us how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it addresses the overflowing table problem including adding support for biaxial headers.

tables

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/StickyTableHeaders/
License: License Free

Flexible & Good-Looking Share Button jQuery Plugin

Posted · Category: Buttons, License Free

All the major social networks have their own share buttons but they are slow-loading, and inject a lot of extra javascript onto your page that’s not needed which makes your page slower. They don’t look sexy and fit nicely with your site like you want, and you can’t change how they look.

Share Button is a simple, light, flexible, and good-looking share button jquery plugin. It doesn’t load any iframes or extra javascript and overall load time is tons faster. It looks simple and clean by default, and can be customized in any and every way. It’s tiny and compact, expanding only when the user actually wants to share something.

share-buttons

Requirements: jQuery Framework
Demo: http://carrot.github.io/share-button/
License: License Free

Swiping and Reordering Lists on Touch Screens

Posted · Category: BSD License, Tables

Slip is a tiny library for interactive swiping and reordering of elements in lists on touch screens. No dependencies. You interact with the library via custom DOM events for swipes/reordering. Call new Slip to make element’s children swipeable and add event listeners.

The current limitation is that it doesn’t scroll page when dragging element to edge of the screen. And there are few bits in animations that could be smoother or more efficient. It is released under BSD Licensed.

slip

Requirements: JavaScript Framework
Demo: http://pornel.net/slip/
License: BSD License

A Collection of CSS3 Powered Hover Effects

Posted · Category: Buttons, MIT License

Hover.css is a collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS and SASS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don’t support these features may need some extra attention to be certain a fallback hover effect is still in place.

hover-css

Requirements: CSS3
Demo: http://ianlunn.github.io/Hover/
License: MIT License

Page 6 of 53«2345678910»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons