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…

April 16th, 2012

PHP Ninja Manual – PHP Manual Plugin For Chrome

If you’re a PHP prorammer and using Chrome as your web browser, I found a useful plugin that will help you work more efficiency.

PHP Ninja Manual is a plugin for Google Chrome that will add a little PHP icon in Chrome toolbar for easy access to PHP manual. With PHP Ninja Manual you can search in latest PHP documentation in 8 languages.

PHP Ninja Manual is available for free download, hit the link below for more info and download.

PHP Ninja Manual

Link: PHP Ninja Manual

April 3rd, 2012

How Important Is It To Have Keywords In a Domain Name?

How important is it to have keywords in a domain name? This question has been asked for many times, some answers say it is important and some may say it is low impact.

In this video, Matt Cutts, an engineer at Google answers the question about how important of keyword in domain name.

April 2nd, 2012

Fundamental CSS Video Tutorials

If you’re looking to learn how to create a website or blog, CSS is the way to go. This is a nice and free CSS video tutorial series I found on Youtube, you’ll learn the fundamentals of CSS sush as selector, styling link color, styling font, learn how to use div tag, creating CSS menu, box sizing, opacity, position, creating CSS button, before and after pseudo elements and more…

Learning from video tutorial helps you learn fast. The videos are good quality, you can view at HD 720p and the tutor is phpacademy whom is qiute well known and he is a good tutor too.

Here is the sample first 2 video tutorials from the series

CSS Tutorials: Introduction & The Basics

Read More…

March 30th, 2012

Free 17 Styles Content Box With Drop Shadow (PSD)

Design your content box with drop shadow makes it look good and more stand out. And this is a set of free 17 styles content box with drop shadow in different positions. The file is in photoshop PSD format so you can edit to the style as you wanted.

If you’re designing your web laylout and design your content boxes with drop shadow, dowload this PSD set and save your time.

Content Box With Drop Shadow

Read More…