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 .

25 Css 3 Online Tools for Website Developers

CSS3 has bring a revolution in website designing. Before if any one want to show some animation in website he/she has to use javascript or flash. And also there are lots of things like border radius, gradient , transform etc. Using javascript is difficult as compare to css. Now css3 made it very easy. We can add animations , Transformations And Gradients with css3 .

If you don't know how to use these properties. There are several online css3 tools available that generate css. These tools are very easy to use .They provide a user interface. you just need to drag some handles or enter some values and select properties that you want to use. And they will generate css for you. You can generate Gradient,Animations, Buttons, Website menu and many other things by using that tools.Some of these css tools are as follows.

Visit Site

CSS3 GENERATOR

You can Generate css for Border Radius,Shadow and Gradient. Very clean and interactive user interface provide by css3.me.

css-3-generator-online

25 Examples of Inspiring Contact us

Everyone is creating website. Because everyone want to be connected with whole world. So every website has a contact us page by which people can send their queries and can communicate. I think this is very important page for a website. Because if a user want to say something about your website, he or she can do easily by using this page. So this page should be impressive and clean. User should not feel irritation to see this page.
In this post we have a collection of 25 inspiring contact us page. These are very clearly designed page. You can get some idea about your contact us page after see these pages.

In the following list pages have outstanding designs.

Designer takes the advantage of maps and creates colorful maps. And in some pages designer also use map as a background.
Some of the pages is white but some use bright colors to make their page colorful.
And also some used jquery animations in pages as well as they used large text box and large buttons in their pages.

List of Contact Us Pages

contact-us-page-1

contact-us-page-2

contact-us-page-3

contact-us-page-4

contact-us-page-5

contact-us-page-6

contact-us-page-7

contact-us-page-8

contact-us-page-9

contact-us-page-10

contact-us-page-11

contact-us-page-12

contact-us-page-13

contact-us-page-14

contact-us-page-15

contact-us-page-16

contact-us-page-17

contact-us-page-18

contact-us-page-19

contact-us-page-20

contact-us-page-25

contact-us-page-21

contact-us-page-22

contact-us-page-23

contact-us-page-24

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="//www.blogger.com/blogger.g?blogID=4276763109087946480#page1">Button</a>

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

in your class name.

30 Set of Photoshop custom Brushes

Photoshop has made the designer task so easy by providing custom resources like custom shapes, custom brushes, custom patterns etc. With the help of these resources the designer can create awesome designs and can add so many things in his/her designs. That gives a real look to designs.

Photoshop custom brushes are mostly used in designs. With the help of brushes a designer can create different graphics and patterns real like paintings. So in this article you will found 30 photoshop custom brushes that are really useful. You can download them and install them in your photoshop and then you can use them. But don’t forget to read the license.

Flower Brush

flower-custom-brush

25 jQuery Slider

A slider can give an awesome look to your website. No doubt other components like menu etc are also very helpful to create a good design but slider is also an important part of a website. There are many options available for image and content slider. You can write your own slider. But if you are not professional in it, or you can save your time there are ready to use jquery slider plugins for image and content available. You can use any of them.
Here is the list of 25 jquery image and content slider having different animations.

List Of jQuery Slider Plugin

Simple Multi Item Slider

Simple Multi Item Slider

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.

Download Zip file of Social Media Icons

25 + Shopping Cart / Ecommerce Website Designs

Now a days a new trend of shopping is on its peak. I am talking about online shopping. Everybody is busy on shop online. And if you are thinking about to create a Shopping cart Website. You should first select the design of shopping cart website. There is no doubt that the design matters in every site but in shopping cart in matters most. Because if the user not likes design of your site or your design makes irritate to user the user will never visit your site again. There are also lots of others important things to be taken care while creating a shopping cart website. That we discussed later.

Now we are talking about the design. Here are some examples of shopping carts site. That can give an idea about the design.

Shopping Cart / Ecommerce Website Designs

shopping-cart-desgin-2

shopping-cart-website-design-2

shopping-cart-website-design-3

shopping-cart-website-design-4

shopping-cart-website-design-5

shopping-cart-website-design-6

shopping-cart-website-design-7

shopping-cart-website-design-8

shopping-cart-website-design-9

shopping-cart-website-design-10

shopping-cart-website-design-11

shopping-cart-website-design-12

shopping-cart-website-design-13

shopping-cart-website-design-14

shopping-cart-website-design-15

shopping-cart-website-design-16

shopping-cart-website-design-17

shopping-cart-website-design-18

shopping-cart-website-design-19

shopping-cart-website-design-20

shopping-cart-website-design-21

shopping-cart-website-design-22

shopping-cart-website-design-24

shopping-cart-website-design-25

shopping-cart-website-design-23

Subscribe to: Posts (Atom)