WebAppers

/ best free open source web resources /

Graphic Resources

ExtJS Grid Accepts Data Dragged from Spreadsheet

Posted · Category: MIT License, Tables

If we could drag our tabular data into grids from other programs we could circumvent the need to upload a data file to a web server to be read and parsed, then spit back out to our browser in a readable format.

Anyone who has ever had to parse Excel files on the server side knows how much of a pain it is, we might be lucky if we get a CSV file or some other simple format, but in the real world the end user running their spreadsheet program has no clue what simple tabular data is.

Shea Frederick has created a DataDrop plugin that is used on an ExtJS grid, giving that grid the ability to accept data dragged from spreadsheet programs such as Excel and OpenOffice Calc right into the grid to create rows of data.

DataDrop Spreadshete

Requirements: ExtJS Framework
Demo: http://www.vinylfox.com/datadrop-drag-grid-data-from-spreadsheet/
License: MIT License

IxEdit – Javascript Interaction Design Tool for the Web

Posted · Category: GPL License, Tools

IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.

To implement interactions on a web page, programming with JavaScript is needed. However, it is hard to manage JavaScript for many designers. Therefore, making well-designed web interactions is difficult in general. IxEdit solves this problem. If you have basic knowledge about HTML and CSS, you can create interactions as you like. JavaScript coding is no longer needed.

Requirements: –
Demo: http://www.ixedit.com/
License: GPL License

JoobsBox – Extensible Open Source Job Board

Posted · Category: BSD License, eCommerce

JoobsBox is an extensible open source job board. The goal is to have the JoobsBox as a framework, light and fast and let the community to expand this, limited only by their desires and imagination. Plugins can extend JoobsBox to do almost anything with their job board.

Themes allows the community to share their templates and find the right look for their job board. JoobsBox focus will be towards standards, usability and users needs. You are free to use it for anything from your job section of your blog to a job board that will surpasse Yahoo HotJobs. You might want to look at alternative open source job board solution: JobberBase as well.

Open Source Job Board

Requirements: –
Demo: http://demo.joobsbox.com/
License: New BSD License

Baseline Grid Framework with Typographic Standards

Posted · Category: CC License, Framework

Baseline is a framework built around the idea of a “real” baseline grid. Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography.

Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

Baseline is free and will always be free, it is a way to give back to the web community and promote better typography. It is licenses under a Creative Commons Attribution-Share Alike 3.0 Unported License.

Baseline Framework

Requirements: –
Demo: http://baselinecss.com/
License: Creative Commons License

Design a Transparent Website Layout in Photoshop

Posted · Category: PS Tutorials

Would you like a Transparent Website Layout? It can be very useful if you would like to have a different theme for your website, but do not want to change too much of the design. Simply changing the background image can also give you a whole different feeling sometimes. We are going to teach you how to design a transparent website layout in Photoshop. Hope you would find it useful.

Final Result

A Transparent Website Layout is what we are about to make. You can click on the image to see a full-scale version.

Read the rest of this entry »

Page 3 of 3«123
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons