Business promotion is a main task of any business.  To  grow your business, you must promote your business. Well, there are many different way to promote your business. In simple words we can say that we can promote business by marketing our website into many different social media sites like facebook, twitter and much more. Now many people also use whatsapp for business marketing. This is also a good idea.

However you must understand some rules before promote your business into any social or third party website

  • You should follow SEO rules
  • Take care regarding content while marketing
  • Highlight your product or service keywords
  • Followup any inquiry generated from your business promote
  • Create attractive banner for promote your business
  • Start your business marketing from local market and then go for global market

Credit : https://www.beyondmart.com/blog/business-promote-service-provider-company/

Sketch With Material Design

If you are designer then this article is for you. I did not write this article. Actually i got this useful article from http://www.smashingmagazine.com/2015/05/15/sketch-with-material-design/

So i will give credit to smashingmagazine for this article.

01-stickersheet-opt

The tools are an extension of our hands, and as such, must be versatile, fast and intuitive. Much has changed between the era of offset printing presses and the digital era of multiplatform screens.

Developers have tried to adapt our tools, but Sketch is perhaps the most successful application in this regard its creators have taken the swelling began again and has a smaller feature set fit for purpose. What may seem on the surface to be a simple drawing tool nails done in the basic workflows of digital design. The latest version of Sketch (3.2) came with something special for those interested in the ultimate visual design language Google: the sheet material design labels. In this tutorial, we will design a test application with the help of Sketch and label sheet material design.

If you want to know more about this then please visit at  http://www.smashingmagazine.com/2015/05/15/sketch-with-material-design/

Should i build my own CSS Framework or need to create my own customized one ?

We do not need to create custom CSS grid, framework or whatever you like to call it. There are already so many professional frameworks are availabe. We dont need to waste time on those which is already available in marketing with remove all those bugs which may occur in our custom css framework.

How ever there are advantages and disadvantages to use third party css framework. Before use it, think that is it required to use it for small task or not. Suppose your site is simple and you can create your website in responsive with few links of code, then i suggest dont use css framework, because generally css framworks have large files. In this case, instead of get benefit from css framework, it may overload on your page even if it is simple. So before use it you just think yourself. I am not telling that css framework is bad. It is already good to use it, but it depends on situation and your website design layout. In market there are so many css framework like  Twitter Bootstrap Grid module, Zurb Fundation, 960.gs, The 1140px Grid, and more.

I suggest to create you own css framework and use it if possible in your small scale website design. You website will load very very fast if your css will be in small size. You can measure it when you will use both css framework and your custom css. Finally, its your own choise what you want to use.

How to create shadow using pure css property

Hello Friends,

Now html5 and css3 are more important in web design. There are some browser where it does not fully support html5 and css3 like internet explorer. However microsoft trying to support fully html5 and css3 tags like firefox and chrome.   At present i am not comparing any browser, because our aim to  create shadow in div box using pure css property. So now lets see our main goal.

Following is a simple css scripts.

div
{
box-shadow: 10px 10px 5px #888888;
}

This will add shadow in each div box.   but suppose you want to shadow in any specific div then you can do as under

<style>#mydiv { box-shadow: 10px 10px 5px #888888; }</style>

<div id=”mydiv”> this is content of div </div>
supports

Primary syntax :

box-shadow: h-shadow v-shadow blur spread color inset;

The box-shadow property attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional inset keyword.  The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset.

With many other ‘experimental’ CSS3 properties, you’ll need to use the following prefixes to support Mozilla and Webkit:

#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

Understanding shadow property with dia gram :

shadow css property

Live example :

#testdiv{

    box-shadow: 0 0 5px 5px #888888;
    float: left;
    height: 65px;
    padding:7px;

text-align: center;

    width: 160px;
    display :block;

background-color: #EEEEEE;
}

 

 

this is test this is test this is test

Responsive CSS Framework By Gumby

Are you a web designer and planning to start or create responsive web design ? If yes, then i would like to refer you a Gumby Framework.  This css framework as following features

1) Fluid-Fixed layout self-optimizes for desktop and mobile resolutions.
2) Gumby Framework defaults to a 960 footprint. Designers and coders rejoice
3) Engineered to be there when you need it, and get out of your way when you don’t.
4) Gumby Framework includes multiple types of grids with different column variations which enables you to be flexible throughout an entire project’s lifecycle. From concept to deployment, Gumby Framework follows your lead.
icon_codebaseGumby Framework includes several types of networks with different variations of that column to be flexible throughout the entire life cycle of a project. From concept to implementation, Gumby Marco follows suit.

For more detail you can visit http://gumbyframework.com/

Version : Gumby 2

 

Responsive web design – HTML 5

What is responsive web design ?

Responsive web design (often abbreviated to RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)

Elements of responsive web design :

It used css3 media query. Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser

Now learn how to create responsive web design :

portrait-landscape responsive web design

This shows the the most significant screen sizes, from the smallest to the largest.

Fashion phones:
128×220 Samsung F210
240×400 LG favorite. Prada and Viewty.
Handheld touchscreens of the iPhone variety:
240×440 Various Palm and HP
240×480 LG KF700
Typical Palm/Blackberry form factor. US enterprise with portrait or square displays:
240×240 Samsung F210
240×260 Blackberry Pearl 8100
320×240 Various
320×320 Palm and Samsung
Clamshell:
640×480 HTC X7500, Qtek 9000, etc.
800×352 Nokia E90 Communicator
800×400 Sony Ericsson Xperia X1

Example of responsive menu :

responsive-code

/* small screens */

@media screen and (max-width: 44em) {

body {

margin:1.5em 0;

}

nav[role=”full-horizontal”] {

ul {

padding:0 .5em;

}

ul > li {

width:100%;

padding:.45em .25em;

margin:0 0 .55em 0;

&:after {

box-shadow:none;

}

}

}

}

Output :

menu-responsive

 

5 Best and simple Beautiful Business Card Design

We will like to share some  beautiful collection of business card  for you. As you know that Business card is the way to represent of your nature of work. Business card impress to your business as well. Attractive card attracts more people. This is the most important visual identity of every business man. Beautiful designs always attract users and make your identity different to others.

I have founded some beautiful business card as under for your reference :

attractive=business-card attractive=business-card business-card business-card business-card