Open-Source

Web Development Free Testing Tools

Testing tools are the basic necessity of developers that they often need to check their coding. These testing tools help developers in carrying out necessary tests to check their website is working fine in all important areas. It is the responsibility of the developer to check everything from loading speed to potential hack vulnerabilities before handling the website to the client.
Here, we have also listed a collection of some essential web development tools. We hope that this collection proves to be the best for you. Here is the full list after the jump. Enjoy!

Load Impact

Automated and on-demand performance testing for the DevOps-minded. Load test your website, web app, mobile app or API instantly with up to 1.2 million concurrent users, there is also PRO version.

Link Checker

LinkChecker is a free, GPL licensed website validator. LinkChecker checks links in web documents or full websites.

Sqlmap

sqlmap is an open source penetration testing tool that automates the process of detecting and exploiting SQL injection flaws and taking over of database servers.

Firebug Firefox Extension

The most popular and powerful web development tool.

Resize My Browser

A simple, useful and beautiful browser window resize app for Web designers and developers.

Css Validator

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.

Screenqueri.es

Screenqueri.es is a Pixel Perfect Media Queries Debugging & Responsive Design Testing Tool.

Pingdom Tool

Enter a URL to test the load time of that page, analyze it and find bottlenecks.

Feed

This is the W3C Feed Validation Service, a free service that checks the syntax of Atom or RSS feeds.

Essential Free Mac Apps for Designers & Developers

In this round up, we are showcasing a list of 8 most essential Mac apps for the designers. This list is especially intended for those designers who are switching from Windows or using a Mac for the first time. However, experienced Mac users will also find these apps very useful. Development of different types of apps has made developers’ lives easier.
So, browse through this collection and try exploring these apps and choose which one you would opt for. Do let us know what you think about this compilation. Your comments are always more than welcome. Enjoy!

Imagine

Imagine is practical writing at its best. A simple, clean, readable layout and all you’d ever expect from a simple text editor, but so much more. You no longer need TextEdit, or Word. Imagine can do it all for you, in a faster, more beautiful package.

HandBrake

HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

Alfredapp

Alfred saves you time when you search for files online or on your Mac. Be more productive with hotkeys, keywords and file actions at your fingertips.

Anxiety

Anxiety is a super-lightweight To-do list application for Mac OS X Leopard that synchronizes with iCal and Mail. Its aim is to provide a streamlined, easily accessible interface to add and check off your tasks, while remaining poised to melt into the background at a moments notice.

Adium

Adium is a free instant messaging application for Mac OS X that can connect to AIM, MSN, XMPP (Jabber), Yahoo, and more.

Inkscape

Inkscape is a professional vector graphics editor for Windows, Mac OS X and Linux. It’s free and open source.

The Unarchiver

Inkscape is a professional vector graphics editor for Windows, Mac OS X and Linux. It’s free and open source.

35 Best HTML5 Development Tools To Save Your Time

Are you running out of time? Want to save your time without compromising on the quality of your work? Here is the solution for you. Have a look at this collection of 35 best and most useful HTML5 development tools that not only save your time but also improve your productivity as well. The introduction of HTML5 has greatly modernized the designing and development industry and completely altered the way development was done before.

Check them out and pick the ones you like the best. We hope that you will like this collection and find these amazing HTML5 development tools useful for you. Feel free to share your opinions with us via comment section below. Your comments are always more than welcome. Let us have a look. Enjoy!

HTML KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

Patternizer

Patternizer is an easy to use stripe pattern generator. It’s lots of fun and free!

Font Dragr

A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

CreateJS

A suite of Javascript libraries & tools for building rich, interactive experiences with HTML5.

Sprite Box

Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. It is based on the principle of using the background-position property to align areas of a sprite image into block elements of a web page. It was made using a combination of JQuery, CSS3 and HTML5, and is totally free to use.

Adobe Typekit

Adobe TypeKit is a cloud-based service that offers a vast library of web safe fonts to add flair to your webpage designs. Learn more.

Online 3D Sketch Tool

A drawing application that lets you save and share replays of your work with friends.

Liveweave

Liveweave is a HTML5, CSS3 & JavaScript playground for web designers and developers.

The HTML5 Test

The HTML5 test – How well does your browser support HTML5?

Moqups

The most stunning HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes.

Stitches

Stitches – An HTML5 sprite sheet generator.

SproutCore

SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web.

Zebra

HTML5 Canvas Rich UI JavaScript Library.

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Webdirections

Rendera

Type in your HTML code and see it rendered in realtime. Then style it with CSS. You can use any of the HTML5 or CSS3 tags your browser supports.

CanvasLoader Creator

The Heartcode CanvasLoader Creator is a free online tool which you can use to generate scripted preloaders (spinners or throbblers) for your HTML projects. The Creator is using the CanvasLoader UI Library.

On/Off Flipswitch HTML5/CSS3 Generator

Generate pure CSS3 On/Off flipswitches with animated transitions.

Adobe Edge Animate

Adobe Edge Animate is the premier HTML software with integrated tools for creating compliant cross-browser animation and other content.

Initializr

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

LimeJS

LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

CreateM

Create.js is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to work on almost any content management backend.

Twitter Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Foundation

The most advanced responsive front-end framework in the world.

Skeleton

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.

Montage HTML5 Framework

An HTML5 framework for building modern Web Apps.

Edge Code

Adobe Edge Code (Preview) is a lightweight HTML and CSS editing tool that includes preview, quick editing, and integrated visual design features to help you speed up the development of your projects.

Edge Inspect

dobe Edge Inspect is a workflow and preview tool for testing and simulating across multiple mobile web browsers.

Edge Webfonts

Adobe Edge Web Fonts provides access to a suite of free web fonts to use immediately in your websites.

PhoneGap Build

Adobe PhoneGap Build is a cloud-based service for creating apps without downloading iPhone, Android, or Blackberry SDKs.

Html5 Video Voting

This tool allows you to gather feedback on your videos. Voting is exquisitely simple. All you do is click on the video and use the spacebar to submit your vote, it will automatically populate the bar graph above.

HTML5 Reset

This tool allows the developer a way of resetting the clock. It enables web designers to take their old website designs and re-write them as if the first code they every dealt with was HTML5.

Video.js

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.

Mercury Editor

Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers.

Maqetta

Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.

42 Fresh Tools And Resources for Developers And Designers

In this round up, we are presenting a collection of 42 new resources and tools for the developers and designers. These tools and resources can save their time and let them perform their job quite easily and effortlessly, thus increasing the productivity. Every designer and developer makes use of some sort of time saving tools. Therefore, we thought to compile a collection of 42 new and useful resources and tools for developers and designers.
Here is the full collection after the jump. We hope that you will like this collection. Feel free to share your opinions with us via comment section below. Your comments are always welcome. Enjoy!

CSS Modal

CSS Modal is built out of pure CSS. JavaScript is only for sugar. This makes them perfectly accessible. The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.

JSHint

JSHint is a tool that helps to detect errors and potential problems in your JavaScript code. To start enter your JavaScript below and click the Lint button.

Light Table IDE

Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work.

CSS Trashman

The trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel.

Prepros

Preprocessing just got easier with Prepros Enjoy the dead simple design & development workflow.

Browserhacks

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

Learn CSS Layout

This site teaches the CSS fundamentals that are used in any website’s layout.

PiCSSel-art

PiCSSel-art is a very useful drawing tool to draw pixel art and get it in CSS. Draw pixel art using CSS only.

Markdown.css

CSS to make HTML markup look like plain-text markdown.

Validatrn

Cross Browser HTML5 Form Validation.

LESS Prefixer

LESS Prefixer is a set of LESS mixins that let you use vendor-prefixed CSS properties without the prefixes. It uses some simple conventions and gets out of the way so you can use the CSS you already know, but with less typing.

Csscss – A CSS Redundancy Analyze

Csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

CSSO – Structural Optimization of CSS Files

CSSO (CSS Optimizer) is a CSS minimizer unlike others. In addition to usual minification techniques it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.

Cascade Framework

Semantic and non-semantic grid layouts, base templates, table designs, navigation elements, typography and lots, lots more.

Responsable Framework

Responsable uses the power of less and sass to bring you a perfect responsive framework.

jQuery Learning Center

There’s a lot more to learn about building web sites and applications with jQuery than can fit in API documentation. If you’re looking for explanations of the basics, workarounds for common problems, best practices, and how-tos, you’re in the right place!

Mueller Grid System

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.

Pure

A set of small, responsive CSS modules that you can use in every web project.

PocketGrid

Tiny and powerful CSS grid system.

Kraken

A lightweight, mobile-first boilerplate for front-end web developers.

.Fitgrid

.FITGRD is the lightweight & sexy looking responsive grid for your next awesome website.

Mosto Framework for Forms

A lightweight framework for forms.

Typeplate

Frameworks make decisions for you about how to organize, structure and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that.

Topcoat

CSS for Clean & Fast Web Apps.

Flatdoc

Flatdoc is the fastest way to create a site for your open source project.

svg.js

A lightweight library for manipulating and animating SVG.

Midway.js

Midway.js makes it super easy to automatically center the responsive elements on your websites.

WideArea

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

Countable.js

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped.

Packery

Packery makes your crazy & clever layout a real thing. Be clever. Get crazy.

Highlight.js

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

Intern

Intern takes the stress out of testing your Web app.

Chart.js

Easy, object oriented client side graphs for designers and developers.

Draggabilly

Make that shiz draggable.

React

A JavaScript library for building user interfaces.

Pedestal

An open source tool set for building web applications in Clojure.

Helios

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary.

RoughDraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

Red Pen

Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast. It remembers you— no project management, no complexity, no bullshit.

Fake Images Please?

When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text.

Preboot

Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle.

18 Free Responsive Bootstrap Themes And Resources

Are you looking for some freebie responsive bootstrap theme? I your answer is yes, then look no further. You have come to the right place. In this round up, we are presenting 18 top and free responsive bootstrap themes, skins as well as resources for you. All of these themes are suitable for WordPress, Joomla or any web projects. In addition, these themes come with unlimited sources that include responsive layout designs that are compatible with all mobile devices, form as well as button managers that drag components into the HTML editor to generate code on the fly.

Enjoy looking into this collection and have more fun in using them for your works. Do let us know what you feel about this round up. So browse through and splash!

Twitter Bootstrappers

This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy.

Bootstrap Admin

A clean, minimalistic administration theme based on Twitter’s Bootstrap.

Bootstrap WysiHTML5

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

X-editable

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

Tonic – Free Twitter Bootstrap WordPress Theme

Big bold text, rounded images, colorful buttons are some of the features you’ll find in Tonic. Play around with the new Theme Options customizer to get it working for your site.

BootstrapWP

Use Bootstrap with WordPress for a solid base for custom theme development.

Fashionistas

Fashionistas is a bold and fun theme built on Bootstrap, suitable for magazine style blogs.

jQuery UI Bootstrap

This is a live preview of jQuery UI Bootstrap – a project we started to bring the beauty of Twitter Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

Grid displayer for Twitter Bootstrap

In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.

Twitter Bootstrap Button

Twitter Bootstrap Button Generator – the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

Roots Theme

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap that will help you make better themes.

Kickstrap

A complete kit for making websites. The first of its kind, Kickstrap is a no-install front-end framework with apps, themes, and extras.

Bootstrap 0.9.3

This one uses the Atom 2.0 core, which is in beta stage. So back-up your theme settings before doing upgrades, because most likely you will loose them, as they are not final. You should only use this theme for testing and experimental purposes until 1.0 is released.

WordPress Bootstrap theme

We’ve built the WordPress Bootstrap theme so that it could be used as-is or as a starting point for theme developers. It’s built on top of the brilliant Bones theme framework by Eddie Machado and based on v2.1.1 of Twitter’s Bootstrap.

Customizr

Enjoy designing your website live from the WP customizer screen. Choose your options : skin, logo, social profiles, slider, layout, home featured blocks… you can even customize your css live.

JSN Boot

Free Joomla Bootstrap Template.

Bootstrappage

Great Opportunity for the Bootstrap Web Templates Developers: Get Free templates from the bootstrappage.com modify them optimized them and send back to bootstrappage for sell and make money.

Bootstrap for WordPress

Simply install it like you would any other WordPress theme and your on your way.

14 Online Code Editors For Web Designers And Developers

Looking for some online code editors, but could not find out up-to-date and most recent online editors? If yes, then this post is for you. Majority of the online code editors on the web are outdated, depreciated and are not for the modern web design. This is the reason why we have compiled this post.

Below, you will discover some useful and fresh online code editors that you would actually want to use. Without any further ado, we are presenting the complete list of 14 online code editors that you would actually consider using. Let us have a look at this collection.

Codeanywhere

Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).

CSSDesk

CSSDesk is a online HTML/CSS sandbox. Experiment with CSS, see the results live, and share your code with others.

jsdo.it

jsdo.it is a coding community for front-end engineers such as web designers, mark-up engineers, and JavaScript engineers. This is an online editor where you can try running your codes as you write. You can save your codes online as well as show them to the public as your work. Don’t worry even if you are not confident in your skill! Arrange shared codes and learn cutting-edge techniques.

BuildorPro

BuildorPro uses visual, code editing and debugging tools to provide an extremely agile method of creating and managing your site’s design & markup.

Squad

Squad is a web-based collaborative code editor. We make it simple to open, edit and share code in real time.

Codeita

Codeita is cloud-based software for prototyping and developing websites and web applications. It allows users to work together in a social environment, to create, edit and deploy web projects in a LAMP software bundle. Codeita makes it easy for developers to manage code, files and databases right from a browser-based dashboard.

Drawter

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.

ShiftEdit

Free online IDE for web development with built-in FTP.

Maqetta

Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.

Jsfiddle

Mootools shell, easy test you snippets before implementing.

Cloud IDE

Codenvy IDE, A multi-tenant, hosted development environment that enables social coding – the collaborative development of applications, gadgets and mashups that can be deployed to a PaaS.

Dabblet

An interactive CSS playground and code sharing tool. Dabblet saves to Github gists and offers many conveniences for CSS editing.

Thimble, by Mozilla

Thimble makes it ridiculously simple to create your own web pages. Write and edit HTML and CSS right in your browser. Instantly preview your work. Then host and share your finished pages with a single click. Easy, huh?

Cloud9

Your code anywhere, anytime… Write, run, and debug your code with our powerful and flexible cloud IDE. Collaborate on your workspaces publicly, or keep them private. The choice is yours!

11 Useful And Free CSS UI Kits

We have previously presented many user interface (UI) kits for our designers fellows but rarely have compiled UI kits that have been exclusively built with CSS. This is something that many designers are looking for. So, look no further as here we are presenting 11 free CSS UI Kits for you. All of these 11 UI kits have been coded with CSS and contain a wide range of common web UI elements. These UI kits and more precisely the common web UI elements are the resources that you will need to build your own wireframe. We hope that you will find this collection useful for you.

Here is the full list after the small jump. We hope that you like this collection. Feel free to download as many as you like. Also, let us know what you think about this compilation. Your comments are always more than welcome. Enjoy!

CSS User Interface UI Kit

Gumby Framework provides huge buttons, navigation and other CSS UI kits which are easy to implement.

Ui.css

ui.css is a tool for creating clean user interfaces for the web. The download includes a css file with styles for all the elements, including :hover and :active states.

Designer CSS UI Kit

This UI kit has been designed and hand-coded from scratch in HTML5 taking advantage of modern CSS3 techniques, it includes a range of common user interface elements and font stacks, which look beautiful in modern browsers and degrade gracefully in Internet Explorer.

CSS3 UI Kit

Here is fully coded CSS3 UI Kit. This includes everything from a search box, checkboxes, radio buttons, and more! Everything is code.

Icon Deposit CSS3 UI Kit (PSD+CSS)

This CSS3 UI Kit includes everything from GUI switches and buttons, to radio buttons and checkboxes. I also included the Photoshop PSD file for those who want to edit the design or make the images bigger.

All CSS UI-kits

This set includes web CSS UI elements that works in both bright and dark enviroments.

Pure CSS UI Kit

Massive CSS3 UI Kit

A huge assortment of UI elements made in nearly only CSS. Only one image (the arrow of the dropdown), no javascript, no extra markup.

Metro UI CSS

Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI. This set of styles was developed as a self-contained solution.

CSS Grid UI Set

Futurico UI HTML

Futurico UI HTML is written using the SASS preprocessor. If you are not familiar with SASS you can use the CSS version instead

 

40 Amazing Yet Free Visualization Libraries: Charts, Diagrams And Flowcharts

Here, we have come up with an interesting round up of some beautiful visualization libraries. Presenting collected data to the users is a very common need in web application or software. There was a time when data was presented simply through numbers and words even the complicated data like traffic statistics and clicking hits. That was pretty simply method. Now, time has changed and so the methods of presenting data to the users. These days, presenting data in plain words or numbers do not seem effective at all.

With the technology advancements, internet users have developed some standard methods to present data to users. They include the use of statistical charts and graphs. Presenting data in the form of charts and graphs makes it easy for the users to understand it. For today’s round up, we are presenting you some useful visualization libraries, charts and diagrams so that you can speed up the process of locating certain data through the collected information. Here is the full list after the jump. We hope that you will like this collection. Have fun!

Highcharts

Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart types.

CSS Chart Generator

Enter all the necessary information for your chart. The single items are explained and predefined, so you can simply start changing values. When you are done adding your values, simply click the send button and your chart will be generated in no time and you will receive a link which you can use to display the chart on your page.

AwesomeChartJS

AwesomeChartJS is a simple Javascript library that can be used to create charts based on the HTML 5 canvas element. The main goal during development was to pick sane defaults in order to let the user create simple charts quickly with just a couple of lines of code. One can create at almost no time bar, pie, doughnut and Pareto charts.

Arborjs

A graph visualization library using web workers and jQuery.

InfoVis

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

Online Chart Generator

The best online chart and graph generator tool, generate amazing 3D graphs instantly in few seconds.

HumbleFinance

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5.

RGraph

RGraph is a HTML5 charts library that uses the HTML5 canvas tag to draw and supports over twenty different types of charts. Using the new HTML5 canvas tag, RGraph creates these charts inside the web browser using JavaScript, meaning quicker pages and less web server load. This leads to smaller page sizes, lower costs and faster websites.

CanvasXpress

CanvasXpress is a javascript library based on the canvas tag implemented in HTML5.

Protovis

Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.

DhtmlxGantt

Use our open source Gantt chart to illustrate a project schedule. You may show the dependency relationships between activities as lines between those activities. Current schedule status can be seen at a glance with percent-complete shadings. Projects, tasks, and activities are comfortably organized into a tree structure (left of the Gantt chart), which can be expanded/collapsed by a single mouse click. Mouseover popups show detailed activity properties.

Smoothie Charts

A JavaScript Charting Library for Streaming Data.

Gliffy

Professional-quality flowcharts, diagrams, floor plans, technical drawings and more. Gliffy works directly in your browser!

Cacoo

Cacoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge.

ChartGo

Create a graph online quickly. ChartGo is a graph maker tool. Simply follow these steps; pick your settings, paste your data and click the create button.

Google Chart Tools

Google chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.

Creately

Quickly draw organizational charts with our easy to use tools. No downloads or installations, so you can get started immediately.

yEd Graph Editor

yEd is a powerful desktop application that can be used to quickly and effectively generate high-quality diagrams. Create diagrams manually, or import your external data for analysis. Our automatic layout algorithms arrange even large data sets with just the press of a button.

XML/SWF Charts

XML/SWF Charts is a simple, yet powerful tool to create attractive charts and graphs from XML data.

BARCHART Generator

With Make bar chart you can create barchart online tool piechart graph without applet bar graph creation make a bar graph image for your report- create make save for free chart freechart data input chart.

Online Chart Tool

Charts are a great tool because they communicate information visually. On Onlinecharttool.com you can design and share your own charts online and for free.

DhtmlxChart

dhtmlxChart is a JavaScript charting library for generating cross-browser HTML5 charts. It supports the most common chart types: line, spline, area, bar, pie, donut, scatter, and radar charts. For complex charting needs, you can create a chart series, plotted separately side by side, or stacked.

Grapher

Hohli Charts

Ajax MGraph

DIY Chart

DIY (Do it yourself) Chart is a Web-based, simple and powerful online tool to create interactive charts and graphs from static or dynamic data which may be generated using any scripting language.

Xml/Swf Charts

A simple, yet powerful tool to create attractive charts and graphs from dynamic XML data.

ChartDemo

Piecolor

Fooplot

Online graphing calculator and function plotter.

Axiis

Axiis is an open source data visualization framework designed for beginner and expert developers alike. Whether you are building elegant charts for executive briefings or exploring the boundaries of advanced data visualization research, Axiis has something for you.

Fly Charts

FlyCharts is our new version (2.0) of flash charts component. The second version brings you more ways to visualize your data, much more rich and customizable interface, fast and easy tuning of your component. And it’s still free for private persons, still tiny and fast!

Fusion Charts

FusionCharts Free is an open-source Flash charting component that can be used to render data-driven & animated charts in your web applications, desktop applications and presentations. It is a cross-browser and cross-platform solution that can be used with PHP, ASP, ASP.NET, JSP, ColdFusion, Python, RoR, simple HTML pages or even PowerPoint Presentations.

Jfree Chart

JFreeChart is a free 100% Java chart library that makes it easy for developers to display professional quality charts in their applications.

Open Flash Chart

Open Flash Chart, is open source. It is free to use and you get the source code to fiddle with.

pChart

pChart is a PHP class oriented framework designed to create aliased charts. Most of todays chart libraries have a cost, our project is intended to be free. Data can be retrieved from SQL queries, CSV files, or manually provided. This project is still under development and new features or fix are made every week.

Raphaeljs

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action.

Plotkit

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

ChartGizmo

With your free account from ChartGizmo you can now create charts for your website, blog and social network profiles. ChartGizmo may be useful for those who need to visualize financial, scientific or other type of data.

DrawAnywhere

No download, no-install. Log in from anywhere & draw.

 

Infographic: The State Of Open Source Adoption

The goal of this infographic was to highlight assumptions and myths that the proprietary community might be existing under, namely, that open source was somehow inferior to proprietary software. But if you want to know the truth with facts and statistics so this graphic is for you. This infographic illustrated on the data collected in the surveys on systems management in 2006, 2007, 2008 and 2009 to determine systems management usage trends among IT professionals who attended the USENIX Large Installation System Administration (LISA) conference.

From data collection to execution of this infographic was done by Zenoss. We would love to know what you are thinking while viewing this infographic. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter.

7 Communication Software That Every Linux User Should Know About

Linux is an excellent open source operating system, but the reason why many people hesitate to try it is because of the limited number applications available. Today, we have gathered a list of useful instant messaging clients which every Linux users should try.

You are welcome if you want to share more communication sofware for linux OS that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Diggas well to get updated.

Kopete Instant Messenger

Kopete is a multi network instant messaging client which supports many services including AIM, ICQ, Windows Live Messenger, Yahoo, Jabber, Gadu-Gadu, Novell GroupWise Messenger, and more. Kopete also features tools to enhance your instant messaging experience, such as message encryption, archiving, and many other fun and useful effects.

kopete

Empathy

Empathy is a messaging program which supports text, voice, and video chat and file transfers over many different protocols including Google Talk, MSN, IRC, Salut, AIM, Facebook, Yahoo!, Gadu Gadu, Groupwise, ICQ and QQ.

empathy

Pidgin

Pidgin is one of my favorite instant messaging clients which allow users to connect to many chat networks including AIM, MSN, Yahoo, Gtalk and many more. Other features include file transfers, away messages, buddy icons, custom smilies, and typing notifications. There are numerous plugins available which improves the functionality of the Pidgin.

pidgin

aMSN

aMSN is an free open source MSN Messenger clone which allow users to connect to MSN and chat with their friends. Other features include Offline Messaging, Voice Clips, display pictures, custom emoticons, multi-language support (around 40 languages currently supported), webcam support, sign in to more than one account at once, full-speed File transfers, group support and much more.

amsn

Gwibber

Gwibber is an open source micro-blogging client which helps users connect to all the popular social networking sites including Twitter, Facebook, FriendFeed and many more. Other feature of Gwibber include URL shortener, spell checking support, multicolumn interface to view different streams and much more.

gwibber

xChat

xChat is an IRC chat software for Linux which allows you to join multiple chat rooms at the same time, talk publicly, private conversations, file transfers and more.

xchat

BitlBee

BitlBee is another excellent open source IM client for Linux which enables users to log in to multiple IM protocols including XMPP/Jabber (including Google Talk), MSN Messenger, Yahoo! Messenger, AIM and Twitter.

bitblee