/ best free open source web resources /


CSS3 Patterns Created Only with CSS3 Gradients

Posted · Category: License Free, Patterns

CSS3 Patterns Gallery contains all the beautiful patterns that are able to create with CSS3 gradients. The patterns themselves should work on Firefox 3.6+, Chrome, Webkit nightlies, Opera 11.10+ and IE10+.

However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Opera doesn’t support radial gradients and Gecko is quite buggy with them).


Requirements: CSS3 Support Browsers
Demo: http://leaverou.me/css3patterns/
License: License Free

Easy Way to Add Style & Validation to Forms

Posted · Category: Forms, MIT License

Formly allows an unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.

Formly is a light little fella. 17kb in total for the full and 14kb for the minified version. It has been tested on iPhone/iPad, Chrome 8.0+, Firefox 3.0+, Safari 4.0+, Internet Explorer 7.0+.


Requirements: jQuery Framework
Demo: http://thrivingkings.com/formly/
License: MIT License

Allows Webpage to Interact with Kinect using Javascript

Posted · Category: Framework, GPL License

DepthJS allows any web page to interact with the Microsoft Kinect using Javascript. Navigating the web is only one application of the framework they built – that is, they envision all sorts of applications that run in the browser, from games to specific utilities for specific sites.

The great part is that now web developers who specialize in Javascript can work with the Kinect without having to learn any special languages or code. DepthJS is open source under the AGPL license.


Requirements: Javascript Framework
Demo: http://depthjs.media.mit.edu/
License: AGPL License

Ajax AutoComplete jQuery Plugin for Textfields

Posted · Category: Forms, MIT License

Ajax Autocomplete for jQuery allows you to easily create autocomplete / autosuggest boxes for text input fields.

It is built with focus on performance. Results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

It has been tested on IE 7+, FF 2+, Safari 3+, Opera 9+. And it is is freely distributable under the terms of an MIT-style license.


Requirements: jQuery Framework
Demo: http://www.devbridge.com/projects/autocomplete/jquery/
License: MIT License

Real-time Comments Built For the Social Web with Livefyre

Posted · Category: Tools

Livefyre is a real-time engagement platform focused on building a community around the content of your website. It replaces your outdated comment section with a live stream of comments, images, videos, tweets, and Facebook posts.

Livefyre is built from the ground up for the social web, focused on bringing the conversation back to your content and giving your community the most quality online conversation experience possible, with the people, communities, and topics that they care about the most.

Best of all, Livefyre is free for websites with less than 20M monthly pageviews. Please feel free to try it out yourself.


Requirements: –
Demo: http://livefyre.com/
License: Free for websites with less than 20M monthly pageviews

jQuery Content Slider Awkward Showcase

Posted · Category: CC License, Gallery

Awkward Showcase is a plugin for the JavaScript Framework jQuery. We call it a Content Slider. But it can do more then just slide the content. For example you can add tooltips, enable thumbnails, activate dynamic height and lots more.

It supports different View Modes. The showcase is easy to implement and very easy to customize in CSS. A slide can contain any type of HTML element. It’s an infinity slide. It is compatible with all the Major Browsers (Win & Mac).


Requirements: jQuery Framework
Demo: http://www.awkwardgroup.com/sandbox/awkward-showcase…
License: Creative Commons License

30 CSS3 Progress Bars 100% Free for Download

Posted · Category: License Free, Upload

Galen Gidman has made a set of 30 CSS3 Progress Bars – each it’s own color. He is offering them as a 100% free download. Those progress bars were using no images what-so-ever… just CSS3. You can use them wherever you like, even in commercial projects.

You can also check out Pure CSS Progress Bar with Animation and CSS Javascript Progress Bar we mentioned before. I am sure they will be useful when creating web applications.


Requirements: CSS3 Supported Browsers
Demo: http://lab.galengidman.com/progress-bars/
License: License Free

Discover Micro Frameworks & Micro Libraries with Microjs

Posted · Category: Framework, MIT License

How much library code do you really need – 50K? 100K? 150K? More? How much of that do you really use?

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only – and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.

Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.


Requirements: –
Demo: http://microjs.com/
License: MIT License

A Simple Framework-Independent Notification System

Posted · Category: MIT License, Popup

Humane JS was heavily inspired by humanmsg project for jQuery. Marc Harter removed the jQuery dependency, add support for CSS transitions, and have more control over the timing.

Humane JS tries to be as unobtrusive as possible to the user experience while providing helpful information that is clear and grabs the users attention. It is framework independent. Customizable. It has been tested on IE6+, Firefox 3+, Chrome 9+, Safari 3+, Opera 10+.


Requirements: Javascript Framework
Demo: http://wavded.github.com/humane-js/
License: MIT License

Checking Quality of Your Code with Holmes.CSS

Posted · Category: License Free, Tools

The holmes.css is useful for checking the quality of your code (up to W3C HTML5 standards), nitpicking over ensuring markup is valid and semantic and accessility guidelines are met, and when you are tasked to fix up and debug an old, OLD website.

The holmes.css file will display either an error (red outline), a warning (yellow outline), or a deprecated style (dark grey outline) for flags such as: Missing required attributes on tags, Potentially improvable markup, Deprecated and Non-W3C Elements and Non-W3C Attributes.


Requirements: –
Demo: http://www.red-root.com/sandbox/holmes/
License: License Free

Page 149 of 283...«145146147148149150151152153»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons