Open Source Resources for Web Application Developers

We love that neat little “pull to refresh” feature on our devices, but wouldn’t it be awesome if it was for the web? Well, that’s what Hook is here to do.

They took a concept from mobile phones and tablets and made it work for the web. Simply scroll down a bit, and then back up to the top. The page will be automatically refreshed. Hook is as simple as it gets for all kinds of users. From developers to novices, just follow the easy set of instructions and you’ll be Hooking in no time.

Requirements: JavaScript Framework
Demo: http://usehook.com/
License: License Free

With Paperkit you can easily generate online the exact type of graph paper (grid paper) that you need. Use the toolbar to adjust the settings. You have full control over spacing between grid lines, margin size, stroke color and width as well as paper size. A live preview will help you evaluate your design. There are five formats available: A4, A3, legal, tabloid and letter. You can use units that you are comfortable with (millimeters or inches).

Once you decide on the parameters of your template and you are satisfied with its design you can download it to your hard drive. A blank template will be provided as a ready to print PDF file. It will open in a new window – you can immediately print graph paper or save it by clicking the right button. Whether you need to write something down, draw a sketch or a wireframe you can easily adjust the paper to your needs.

Requirements: -
Demo: http://paperkit.net/
License: License Free

Try jQuery is a combination of videos, interactive console challenges, and writing code in the browser. You’ll need about 2 hours of time to make it through everything. There is a gentle introduction to what jQuery is, and what it can do.

It tells you how to search and walk through the DOM with selectors and traversing. Add & remove from the DOM, more traversing, and user events. Listen for events, handle them, and change the default event behavior of web browsers. Before landing, tame CSS with jQuery and animate elements on the page.

Requirements: jQuery Framework
Demo: http://try.jquery.com/
License: License Free

Have a good interface is key to guide them through the content and meet their expectations. A good User Interface is consistent and can make a website easier to understand and use. Also, a beautiful UI can be a critical point for users when deciding between two websites or applications.

Here you will find the simple and Fresh UI Kit by Abhimanyu Rana. You can download it directly here. Also, you can take a look at A Comprehensive Collection of Free UI Kits & Templates we have published some time ago as well.

Requirements: -
Download: http://d.pr/f/rEyg
License: License Free

Docverter lets you get going immediately without having to set up your own document conversion tools. Docverter wraps several open source projects to make your documents come out perfect every time. Convert plain text documents written in HTML, Markdown, or LaTeX to PDF, Docx, RTF or ePub with a simple HTTP API.

When you make an API request, Docverter takes your input documents and runs them through pandoc, the incomparable document conversion system. Depending on your output selection, Docverter may run it through a customized HTML->PDF converter or an ebook converter. Docverter then returns the beautifully rendered document to you. Docverter is open source software. Run it on your own hardware or on Heroku.

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

A koken (pronounced like “spoken”) is a stage assistant in traditional Japanese theater. They work behind-the-scenes handling scenery, props and assisting actors. Koken is a free system designed for photographers, designers, and creative DIYs to publish independent web sites of their work.

Koken is built to offer photographers, designers and artists a different kind of publishing platform. One that is focused primarily on images, can be used on your own web server, and offers robust publishing tools for web sites as original and unique as the artist themselves.

Koken comes with a free publish services plugin for Adobe Photoshop Lightroom that makes updating, editing and replacing content easy as well.

Requirements: PHP 5.2.0 or higher / MySQL 5 or higher / ImageMagick
Demo: http://koken.me/
License: License Free

Redacted Font is a font for quick mock-ups and wireframing for clients who do not understand latin. It keeps your wireframes free of distracting Lorem Ipsum.

This project is inspired by BLOKK. BLOKK has unusually large character widths, which adds much length to “standard” bits of dummy text, and also creates unecessarily ragged rags in my copy. Redacted solves this by using sane character widths; matching narrow, regular, and wide blocks to their respective characters. This gives a more realistic look to the text and helps it fit into narrow columns like real text would.

Requirements: -
Demo: https://github.com/christiannaths/Redacted-Font
License: License Free

Freepik is a search engine that helps graphic and web designers to locate high quality photos, vectors, illustrations and PSD files for their creative projects.

Freepik tracks and locates free graphic content on the Internet and it displays the results in an orderly layout for easy access. Freepik makes it easier for you to find the files you need without manually searching dozens of websites.

Freepik Robots visit hundreds of web sites searching for free graphic resources, they read the contents of these sites and they select them if useful. An algorithm determines the content’s value and it ranks the results according to quality and relevance criteria. This is why you find the very best inspiration for you projects.

Source: http://www.freepik.com/

Smashing Magazine has released the Polaris UI Pack, which is a set of beautiful UI components. It includes Edit Boxes, Check Boxes, Radio Buttons, Page Navigation, Menu, Buttons, etc. You can use this set in any of your projects, and even learn with it, by examining each component to see how it is put together.

Components are made in Adobe Photoshop using Shape Layers (vector elements). Therefore, you can increase or decrease the size of each element without any loss of image quality. In addition, the set contains 48 fully scalable vector icons with outline styles.

Requirements: -
Download Link: http://www.smashingmagazine.com/2013/02/02/freebie…
License: License Free