December 27th, 2014

Generate SVG Loading Icons Online

Loading.io is a free tool for generate little icons that indicate loading in progress in application. You can choose a loading icon from template and generate as SVG, CSS or Gif animation.

SVG Loading icon is a graphic format used in Illustrator, many web applications use it on the web for loading icon.

SVG Loading

December 22nd, 2014

Free Download Beautiful SVG Loading

SVG (Scalable Vector Graphics) is an image format for vector graphics. You may see little loading icons from many websites or or mobile apps that use SVG as loading icons.

If you’re looking for a loading icon for your web application. This is a free beautiful set of SVG loading icon, built purely in SVG, no CSS or JS. Download free from the link below.

SVG Loading

December 22nd, 2014

Brackets – Free Open Source Text Editor From Adobe

Brackets is an open source text editor form Adobe. Hi-light features of Brackets are inline editor, live preview, preprocessors support (SCSS and LESS) and preview extension that lets you open PSD file in Brackets and pull out design information form the file.

Brackets is support extensions, some popular extensions are Theme for Brackets, Code Folding, Beautify (format you code), Emmet (Improve your HTML & CSS workflow) and Brackets Git (Git integration)

You can download Brackets at no cost from the link below.

Brackets

Brackets

December 20th, 2014

Test Responsive Web Design With Chrome Plugin – Responsive Web Design Tester

If you’re looking for a tool for testing your responsive web design. There is Responsive Wed Design Tester, a free plugin for Google Chrome.

With this tool, you can preview your responsive web design with Google Chrome. This tool will adjust the sceen size of Chrome to match screen size of iPhone, iPad, Android phone and tablet. If you don’t find anything that suits your needs, you can add your devices.

This tool is free, you can download at the link below.

Responsive Web Design Tester

Responsive Web Design Tester

Link: Responsive Web Design Tester

October 26th, 2014

Sequal Pro – Free MySQL Management For Mac OS X

There’re many database management tool. Sequal Pro is a free good database mangment tool, designed specifice for MySQL and Mac user. The interface is nice and clean.

If you are a Mac web developer, programmer or software developer. You should download and install this tool on your machine.

DBeaver - </p>
<p>Universal Database Manager

Link: More info and download Sequal Pro

October 26th, 2014

Create Arrowheads With Photoshop Line Tool (Video Tutorial)

In this tutorial, you’ll learn how to use line tool to create line with arrowheads. The line tool is used to create simple straight lines, but actually, it can use to create aroowhead too.

August 10th, 2012

The Tools of Modern Mac-Based Web Development

If you’re a web developer and using A Mac, you should watch this video. This video will show you tools that help you design and develop web application more efficiently.

August 9th, 2012

Try Ruby – Learn Ruby Online With Interactive Tool

Ruby is a nice programming language, more and more programmers adopt it. Try ruby is an interactive tool that you should try if you want to learn Ruby.

Try Ruby

Link: Try Ruby

August 3rd, 2012

DBeaver – Free Open Source Database Management Tool

If you’re working with database and looking for a free tool for managing database, Dbeaver is a good one. Dbeaver is an open source project and this tool currently cupport MySQL, Oracle, PostgreSQL ,IBM, DB2, Microsoft SQL Server, Sybase, ODBC, Java DB (Derby), Firebird (Interbase), HSQLDB, SQLite, Mimer, H2, IBM Informix, SAP MAX DB, Cache, Ingres, Linter, Teradata, Any JDBC compliant data source.

You can download DBeaver at no cost and this tool is available for all major OS, Windows, Mac OS, Linux and ect.

DBeaver - Universal Database Manager

Link: More info and download DBeaver

July 30th, 2012

Generate CSS Box With Arrow With CSS Arrow Please!

Useful tool for web designer. CSS Arrow Please! is a nice and simple tool for generate a CSS box code with arrow and no image used. You can put the arrow on the top, down, left or right of the box and adjust color and size easily.

CSS Arrow

Link: CSS Arrow Please!