WebAppers

/ best free open source web resources /

Shopify

Gridlover – Typographic System with Modular Scale

Posted · Category: Fonts, License Free

Gridlover gives you adjustable css for font sizes, line heights and margins. The default css output is for body, p and h1 – h4 headings, but you can of course apply your adjusted values to any element by editing the css.

Simply drag the numbers in the top toolbar left and right to adjust their value. Elements in Gridlover are always kept aligned to a pixel perfect baseline grid. The font scale in Gridlover is calculated by stepping up the font size by the scale factor for each heading level. Line heights are fitted to the font size.

grid-lover

Requirements: -
Demo: http://www.gridlover.net/
License: License Free

Awesome UX Kit with 26 AI Wireframes for iOS7

Posted · Category: License Free, PS Tutorials

Awesome UX kit is a free set of 26 Adobe Illustrator wireframe templates and two custom brushes, designed by George Vasyagin. At this point “Awesome UX kit” is totally FREE and comes for iOS7 (iPhone) version only. Tablet and Desktop versions coming very soon.

awesome-kit

Requirements: -
Demo: http://awesomekit.me/
License: License Free

Brick – Web Fonts that Actually Look Good

Posted · Category: Fonts, License Free

In the age of the Internet, we’ve found ourselves in yet another typographic battle. In an effort to speed up loading times, we’ve compressed fonts, and along the way, we’ve lost the majority of the quality of rendered type.

Let’s change that. The fonts served by Brick are clones of the original, converted without modification to several formats for wider browser compatibility. All fonts are served as WOFF-compressed versions of the originals—no quality lost.

bricks-fonts

Requirements: -
Demo: http://brick.im/
License: License Free

Free Download: Avatars and Emoticons Vector Set

Posted · Category: CC License, Icons

An avatar is the graphical representation of the user or the user’s alter ego or character. An emoticon or smiley is a pictorial representation of a facial expression to express a person’s feelings or mood. They are massively use in e-mail, chat, text messages and other forms of communication to dramatize the plain text.

This Avatars and Emoticons Vector set contains over 1,000 combinations available in AI and EPS format that have been lovingly and exclusively prepared for WebAppers readers. You can create your own avatar with those heads, hair, eyes, mouth and accessories icons.

customize-emoticonos

Read the rest of this entry »

Pictaculous – A Color Palette Generator via Email

Posted · Category: Color Schemes, License Free

Ever wondered what colors to use with an image? Just email a picture to Pictaculous, and they’ll send back some color suggestions. Simple as that.

There are many tools out there that will analyze the colors of an uploaded picture, but the beautiful thing about Pictaculous is you can snap pictures from your mobile device, then get your results within minutes. All while you’re on the go. Think about it. When are you always inspired? When you’re out hiking, shopping, at the bookstore, on vacation, etc.

email-palette

Requirements: -
Demo: http://www.pictaculous.com/
License: License Free

Free Download: 150 Simple Outlined Icons

Posted · Category: Icons, License Free

Outlined Iconset is a simple but useful icon set, completely free now and ever. Currently 150 icons are available, and more are planned to come. The package includes PSD, AI, sliced SVGs and an awesome Webfont ready to be included in your website. Aim of the project is to create also a custom Icon Font as an alternative to the svgs for web development.

outlined-icons

Requirements: -
Demo: http://freebiesbug.com/psd-freebies/150-free-outlined-icons…
License: License Free

Glyphr – A Free HTML5 Based Font Editor

Posted · Category: Fonts, License Free

Glyphr is a free, html5 based font editor. Font design has a high barrier of entry. Professional font design programs are very complex, and quite expensive. Glyphr is accessible, streamlined, and made for font design hobbyists, and it’s free.

You can create complex shapes, copy & paste, flip ‘em around or lock them down, drag & resize to your heart’s content. Edit paths with cubic Bezier curves. Define a shape once, like an ‘o’, and re-use it across many characters, like ‘bdgpq’. Make changes to the Linked Shape, and it updates all the characters linked to it.

font-designer

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

Tiff – A Visual Typeface Diff Tool

Posted · Category: Fonts, License Free

Tiff is a typeface diff tool that visually contrasts the differences between two fonts. It’s a tool to help comparing two fonts while learning about typography. At this point, Google Web Fonts serves as the only source of external fonts for Tiff. Since the app uses some features only available in HTML5 and CSS3, use recent versions of modern web browsers for maximum compatibility.

tiff

Requirements: -
Demo: https://tiff.herokuapp.com/
License: License Free

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

Page 5 of 52«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons