WebAppers

/ best free open source web resources /

Graphic Resources

Raneto – An Open Source Knowledgebase for Nodejs

Posted · Category: Framework, MIT License

Raneto is a free, open source Knowledgebase platform for Node.js that uses static Markdown files to power the knowledgebase. Raneto can be called a “static site generator” of sorts as it doesn’t require a database. All of your content is stored in the content folder in Markdown (.md) files and the entire knowledgebase structure and content is generated by Raneto.

This is good because it’s: 1) Simple: You can create and manage an entire knowledge base using your favorite text editor. 2) Flat: Raneto is a “flat file” CMS, meaning no database woe’s, no MySQL queries, nothing. 3) Fast: Raneto is seriously lightweight and doesn’t use a database, making it super fast.

raneto

Requirements: Node.js Framework
Demo: http://raneto.com/
License: MIT License

The Best Typefaces from Google Web Fonts Directory

Posted · Category: Fonts, License Free

Beautiful Web Type is a showcase of the best typefaces from the Google web fonts directory. There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Check out the examples to get the typeface from the Google web fonts directory.

google-web-fonts

Requirements: Google Web Fonts
Demo: http://hellohappy.org/beautiful-web-type/
License: License Free

A Flexible jQuery Plugin to Style Select Elements

Posted · Category: Forms, MIT License

Select-or-Die is a jQuery plugin to style select elements. If you feel like adding a placeholder that’s displayed before anything is selected. Once a selection has been made the placeholder will be removed until the user clicks the SoD again. You can also add a prefix that’s displayed in front of the selected option.

When enabled “Keyboard Cycle”, it allows the user to cycle the list using his/hers arrow keys. Lets say an option have been added to the native <select>, then you might want to update the SoD to reflect the native <select>. Then it’s just a matter of running the update method and the SoD will update with the new option.

select-or-die

Requirements: jQuery Framework
Demo: http://vst.mn/selectordie/
License: MIT License

A Lightweight & Customisable WYSIWYG editor

Posted · Category: Forms, License Free

Trumbowyg is a light, translatable and customisable WYSIWYG editor jQuery plugin. Beatiful design, generates semantic code, comes with a powerful API. Editor and generated code are optimized for HTML5 support. Compatible with all recents browsers like IE8+, Chrome, Opera and Firefox.

All existing WYSIWYG editors are larger than 45kB. Trumbowyg is only 15kB which means faster page loading. No useless features, just the necessary ones to generate a clean and semantic code. Options and design are entirely configurable ot suit your needs.

editor

Requirements: jQuery Framework
Demo: http://alex-d.github.io/Trumbowyg/
License: License Free

A Flexible jQuery Plugin for Sorting & Pagination

Posted · Category: GPL License, Menu

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure. It supports data sources: PHP + MySQL, ASP.NET + Sql Server, PHP + SQLite. It works with JavaScript templates like Handlebars, Mustache etc.

jPList supports XML + XSLT. It works in all major browsers. For non-commercial, personal, or open source projects and applications, you may use jPList for free under the terms of the GPL V3 License.

jquery-data-grid-controls

Requirements: jQuery Framework
Demo: http://jplist.com/
License: GPL v3 License

Improve Offline Experience Using Asynchronous Storage

Posted · Category: Tools

localForage is a JavaScript library that improves the offline experience of your web app by using asynchronous storage (via IndexedDB or WebSQL where available) with a simple, localStorage-like API.

localForage uses localStorage in browsers with no IndexedDB or WebSQL support. Asynchronous storage is available in the current versions of all major browsers: Chrome, Firefox, IE, and Safari (including Safari Mobile). localForage supports both a callback-based and Promises-based API, so you can use whichever you prefer.

local-storage

Requirements: JavaScript Framework
Demo: http://mozilla.github.io/localForage/
License: Apache License

A Highly Modular Framework for JavaScript Apps

Posted · Category: Framework, MIT License

Ampersand.js is a highly modular, loosely coupled, non-frameworky framework for building advanced JavaScript apps. It’s a well-defined approach to combining a series of intentionally tiny modules.

Everything is a CommonJS module. No AMD, UMD, or bundling of any kind is included by default. The clarity, simplicity, and flexibility of CommonJS just won. Clear dependencies, no unnecessary wrapping/indenting, no extra cruft. Just a clearly declared set of dependencies in package.json.

ampersand-js

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

Google’s Design Guidelines, Assets and Resources

Posted · Category: Framework, License Free

At Google they say, “Focus on the user and all else will follow.” They embrace that principle in their design by seeking to build experiences that surprise and enlighten their users in equal measure.

Google always challenged themselves to create a visual language for their users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. Google Design spec is a living document that will be updated as they continue to develop the tenets and specifics of material design. You can read their design guidelines, download assets and resources.

google-design

Source: http://www.google.com/design/

How to Create Minimalist Newsletter Subscription Form

Posted · Category: Forms, License Free

Subtle, minimalist and intuitive UI is what I like most about web design, having the visual part of it in mind. The design is in details. Refine each of them in the context of user experience and you’re almost perfect.

Newsletter subscription form is the detail that can easily get you one step closer to the perfection. There are quite a few things you can do with it, such as floating label, unusual visual approach, etc. But there’s one thing we’ll surely do now: hide the submit button by default and only show it if user enters the correct email address. Here we got Minimalist Newsletter Subscription Form.

minimalist-newsletter-subscription-form-1

Requirements: JavaScript Framework
Demo: http://osvaldas.info/minimalist-newsletter-subscription-form
License: License Free

Showcase of Innovative, Beautiful Dashboard Designs

Posted · Category: Inspiration

Dashboard design is a tricky business. It’s difficult to get right, but I think many of these examples have lots of good things going for them.

The Design Inspiration has brought together a showcase of innovative, stunningly beautiful dashboard concepts & designs to help inspire you. If you’re about to start a project that deals with data visualization, hopefully this collection will give you some inspiration into how you can show your information in a useful, simple and uncluttered way.

dashboard-design

Source: 25 Innovative Dashboard Concepts and Designs

Page 68 of 319...«646566676869707172»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons