Online Css3 Box Shadow Generator

Css3 has made a revolution in web designing. Many properties of css3 are very useful to make a website more attractive. One is box shadow. Before css3 we need to add images for show shadow. But now it is possible with css3 . Here is online free tool for creating box shadow and generate a clean css.




Inset

Shadow color


View Code


Size

Horizonatl size
vertical Size

Spread

Blur Radius
Spread



Read more

Think Css3 Button Maker



Button

View Code


preview


Top


Bottom


Border


Text


Text hover



Size

Vertical
Horizontal




Text

Font Family

Text Size



Border

Border Radius
Border Size





Read more

Center Div with css 3 Different Techniques

center-image-div-with-css-3
A Web designer has to take care of many things while designing a Website. One is how to center the content exactly horizontally and vertically. There are many techniques and some new properties of css3 available by which you can center the content. Following I have gave some example how to center the content with css. And the best part is these techniques will work in case of dynamic height and width .

Read more

25 Css 3 Online Tools for Website Developers

Read more

25 Examples of Inspiring Contact us

Read more

Add New Icon in jquery Mobile

Jquery mobile is a branch of jquery that used to develop mobile application. You can develop stunning mobile application with jquery mobile. And this is not so difficult because jquery mobile has provide all inbuilt components like buttons ,textboxes, list view, icons etc that you can use and can develop your application. You do not need to write so much code.

And also you can customize in according to your theme and design. In this post I will discuss about how to add new icon in jquery mobile as we use icons like data-icon="arrow-r". You can create your own icon by defining a css class. You just need to add .ui-icon- in your class name and then you can use that class as a data icon. If you want to add sound icon. You can define your class as follows.

.ui-icon-sound-ico{
// write css for sound
}

Now you can use this class name as data icon in your html, but do not write .ui-icon- while writing data icon. Only need to write sound-ico . Example is as follows.

<a data-icon="sound-ico" data-iconpos="left" data-role="button" href="http://www.blogger.com/blogger.g?blogID=4276763109087946480#page1">Button</a>
Add New Icon in jquery Mobile

You can add as many icon by defining classes by adding < code>.ui-icon-
in your class name.


Read more

30 Set of Photoshop custom Brushes

Read more

25 jQuery Slider

Read more

Commonly Used Social Media Icons Vector And Psd Free

Social Media icons are very important for a website .Mostly In two ways one is seo and other is design. Social Media icons play important role while designing a website. Here is a vector of most commonly used social media icons buttons. These are glossy and having border. That give them a 3d button look.

social-media-glossy-button-icon

Download Zip file of Social Media Icons

Read more

25 + Shopping Cart / Ecommerce Website Designs

Read more
IF you have any suggestions or any article then write in comments we will contact you.