December 30th, 2014

Justinmind – Tool for Prototype Website or Mobile App

Justinmind is a tool for creating prototype with some cool features. You can use this tool to prototype websites or mobile apps and run your prototype design for testing purpose on real device like smartphone.

Justinmind

Justinmind

December 29th, 2014

Pure CSS3 Animated Button Pack

Pure CSS3 animated button pack is a set of beautiful CSS3 animated button.

You can download and use the buttons on your website. The button set includes up to 64 colors buttons and shape combinations with 4 different shapes. The buttons have really nice effect.

You can download Pure CSS3 animated button pack for free from the link below.

Pure CSS3 Animated Button Pack

December 28th, 2014

RIOT – Free Image Optimizer Tool

One of the variable Google uses to rank website on its own serach result is page speed load. If you check your website on PageSpeed Insights, you may get a suggestion from Google to optimize images on your website to reduce page load time.

RIOT is a free image optimizer for Windows. Designed for easy to use, you can compare image before and after you optimize the file.

You can download RIOT for free from the link below.

Riot - Free Image Optimizer Tool

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.