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!

July 27th, 2012

Convert Photoshop Shape To CSS3 With CSS3PS

Nice tool for web designers to save time coding CSS. CSS3PS is a free Photoshop plugin that helps us convert shapes that we designed with Photoshop to CSS3 code.

You can create shapes with stroke, border radius, drop shadow, inner glow, outer glow, inner shadow and add gradient overlay to your shape, then the plugin will generate the CSS3 code for you.

This plugin work with Windows or Mac OS X and Photoshop CS3 and later. You can download CSS3PS at no cost.

Convert Photoshop Shape To CSS3 With CSS3PS

Read More…

June 29th, 2012

SEO Serp Workbench – Check the Position On Google

SEO Serp Workbench is a useful plugin for Google Chrome. It is a handy tool to quickly check the position of multiple sites (yours and your competitors) given a keyword. Many countries are supported.

SEO Serp Workbench

Link: SEO Serp Workbench

June 3rd, 2012

Create Responsive Web Layout With Dreamweaver CS6

A new hi-light feature in Dreamweaver CS6 is fluid grid layout. Design web with responsive layout is more and more popular, Dreamwever CS6 provides a tool that will help web deveoper create a fluid grid layout more easy.

You can watch the introduction to fluid grid layout tool in Dreamwever CS6 in the video.

April 27th, 2012

Test Your Responsive Site On iPhone, iPad and Android Online

The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.

Link: Test Your Responsive Site

April 17th, 2012

CSS Position Video Tutorial

The video tutorial about CSS position by Chris Coyier from Css-Tricks. This tutorial will show you the overview of CSS position values, if you’re new to CSS or want to learn more about this topic I think this video is right for you.

This is a quick beginner-level overview of the different CSS position values. In a nutshell: relative allows you to “nudge” and leaves the element’s original position in the page flow. Absolute and fixed allow for exact placement of elements and remove them from the page flow. Fixed positioned elements are unaffected by scrolling. All of them set a new positioning context and allow z-index to work.

April 16th, 2012

CSS3 Box Shadows Effects

CSS3 Box Shadows

Many web designers add shadow to content box to make it more stand out and also look good. If you’d like to have it on your site, I found a tutorial on how to create nice box shadows using CSS3.

The tutorial about CSS3 that I found will show you the sample CSS3 code for creating CSS3 content box shadows in 8 different styles use only CSS without image. Hit the link below for the tutorial or view the demo.

Link: Creating Different CSS3 Box Shadows Effects
View Demo

Read More…