/ best free open source web resources /


20 Things I Learned about Browsers and the Web

Posted · Category: Information

Chrome team decided to write an online guide for everyday users who are curious about the basics of how browsers and the web work, and how their evolution has changed the way we work and play online. Called “20 Things I Learned about Browsers and the Web“, this online guidebook is built in HTML5, JavaScript and CSS3.

The app utilizes the History API to provide a clutter-free URL structure that can be indexed by search engines. The HTML5 canvas element is used to enhance the experience with transitions between the hard cover and soft pages of the book. The page flips, including all shadows and highlights, are generated procedurally through JavaScript and drawn on canvas.


Source: http://www.20thingsilearned.com/

Create 84 GUI Icons Using Pure CSS

Posted · Category: Icons, License Free

Pure CSS GUI icons is an experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints.

Some of these GUI icons can only be created in browsers that support CSS3 transforms. It has been tested on Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+. However, this is not a “production ready” CSS icon set yet.


Requirements: Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+
Demo: http://nicolasgallagher.com/pure-css-gui-icons/
License: License Free

Giveaway 5 x Licenses of WordPress Developer Club

Posted · Category: Announcement

RocketTheme’s WordPress Theme Club is a new club based on the highly popular Joomla Template Club. These wordpress themes provide a stunningly unique blog design to enable you to stand out from the crowd. Their extensive community forums allow you to quickly get help and learn how to bring your own ideas to life.

They offer a variety of subscription options to satisfy the needs of any individual, organization or business. RocketTheme Developer level club memberships extend the regular clubs with added benefits with the sole intention to make your life as a developer easier.

RocketTheme is very kind to giveaway 5 x Licenses of WordPress Developer Club ($250 each) to our readers. Simply leave a comment about how you would use the themes under this giveaway contest. We will pick 5 lucky person and announce the winners on 28st Nov. What are you waiting for?


VexFlow – Open Source Music Notation Rendering API

Posted · Category: MIT License, Sound

VexFlow is an open-source web-based music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG. The score below can be rendered in your browser.


Requirements: Javascript Enabled
Demo: http://www.vexflow.com/
License: MIT License

Offline Learning Pack for jQuery

Posted · Category: Information, License Free

AddyOsmani has just shared jQuery 1.4.3 Offline Learning Kit for anyone interested in tweaking their jQuery skills offline. It includes printable reference sheets so that whenever you’re wondering what selector or method might be best to use, you will have access to material that can assist with that. The pack also comes with all the 1.4.3 documentation in an easily browseable offline format (with all our API examples included).

This pack also includes a jQuery Mobile demo application – one for PHP developers and another for Rails developers. Rebecca Murphey’s excellent jQuery Fundamentals book is a wonderful starting point for increasing your knowledge and skills with both jQuery and JavaScript in general as well. You will find exercises for this included in the pack.


Requirements: –
Demo: http://addyosmani.com/blog/jq143offlinelearningkit/
License: License Free

More Informative & User Friendly Download Experience

Posted · Category: GPL License, Upload

jDownload is a plugin built to assist file downloads and make the download experience more informative and user friendly. jDownload is built on jQuery UI and displays a UI dialog with information on the downloadable file before asking the user to confirm the download. It is built on jQuery 1.4.2, jQuery UI 1.8.1. And it has been tested on Safari 4, Firefox 3, IE8, 7 & 6.


Requirements: jQuery Framework
Demo: http://jdownloadplugin.com/
License: GPL License

How to Create a Safari Extension using Extension Builder

Posted · Category: Information, License Free

Safari 5, the latest version of Apple’s web browser, introduces extensions. Safari extensions are small add-ons that you can use to expand Safari’s capabilities, built using simple HTML, CSS and JavaScript. In this tutorial: How to Create a Safari Extension from Scratch, you will learn the basics of extension development by creating a simple extension using Safari 5’s Extension Builder.


Requirements: Safari 5 Browser
Demo: http://net.tutsplus.com/tutorials/other/how-to-create-a-safari…
License: License Free

Find a Good Typekit Font with The Great Typekit Table

Posted · Category: Fonts, License Free

Finding a good Typekit font for long blocks of text is hard, but Sleepover has made it a little easier for ya. They have sifted through the Typekit library and pared it down to the following The Great Typekit Table according to two simple rules: first, the font had to have lowercase, uppercase, bold, italic, and bold italic; second, the font couldn’t be hand writing, script, or mono space.


Requirements: –
Demo: http://www.sleepoversf.com/the-great-typekit-table//
License: License Free

SpryMap – Google Maps-like Click and Drag Window

Posted · Category: CC License, Maps

SpryMap is a super lightweight (2.8 KB), dependency free Javascript widget that turns any HTML element into a Google Maps-like click and drag window. SpryMap is released under the creative commons license, essentially you’re free to use it and adapt it for any personal or commercial purposes.

When using this script, you are given full control over how you want the map to act. What coordinates do you want it to start at? Do you want it to animate to a stop, or stop immediately when the user releases the mouse? Do you want the dragging to stop when an edge is hit? Would you like soup or salad with that? SpryMap aims to give you full control over how it acts.


Requirements: Javascript Enabled
Demo: http://candrews.net/sandbox/spryMap/
License: Creative Commons License

Parse RSS Feeds and Display Images with Lumebox

Posted · Category: Gallery, GPL License

The Lumebox is an Open-Source Lightbox clone written as a JavaScript jQuery plugin with a few added features. One of the main features is that it can parse RSS feeds just as easily as displaying images.

The Lumebox also searches the post or page for links leading to images (and RSS-feeds) and opens them in a popup instead of following them. The Lumebox was written using jQuery 1.4.3. The Lumebox plugin is released under the GNU GPL.


Requirements: jQuery Framework
Demo: http://anders.zakrisson.se/projects/lumebox/
License: GPL License

Page 154 of 275...«150151152153154155156157158»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons