Posts Tagged with "web design"

CSS rounded corners

Posted by Stanislav Furman on February 26, 2012

Basic approach and main idea

Very often, web designers use CSS rounded corners to make websites nicer. This blog uses rounded corners too. You could use different methods to create rounded corners on your web site, but from my point of view the simplest one of these methods is the method that uses CSS3.

Unfortunately, this method won't work in IE (what a surprise!), but, fortunately, there is a hack exists that can fix this problem.

For most of web browsers the following code will work:


<style>
#container {
  width: 200px;
  height: 200px;
  background-color: #cccccc;	
}
.rounded {
  -moz-border-radius: 10px; /* Works in Firefox */
  -webkit-border-radius: 10px; /* Works in Safari, Chrome */
  border-radius: 10px; /* It's CSS3 */
}
</style>

<div id="container" class="rounded"></div>
Continue reading

How much should a web site cost?

Posted by Stanislav Furman on February 19, 2012

This is a very frequently asked question: "How much should a web site cost?". It's not that easy to answer this question because of a lot of a number of nuances related to website creation.

By chance, I found a very good post where professionals try to determine a formula to calculate the cost for web site creation.

There is also a nice calculator where in a few clicks you can calculate approximate total cost.

Enjoy - http://www.webpagefx.com/How-much-should-web-site-cost.html.


CSS Centering Trick: How to center a div or an image?

Posted by Stanislav Furman on February 15, 2012

From time to time we create HTML/CSS templates where we need to center a div or an image. For some newbies it poses a problem. In this blog post I'll show you one of the ways of CSS centering.

Suppose you have a div or an image (with the size 150px X 100px) that should be centered on the web page. First step you do is the following CSS:


centered {
  position:  fixed;
  top:  50%;
  left:  50%;
}

CSS Centering Trick (image 1)

Continue reading

Looking for an AJAX loading GIF image? Here is a good GIF image generator!

Posted by Stanislav Furman on February 14, 2012

It is a good practice to display an animated image when AJAX request is in progress. Need a nice loading GIFfor that? Use this online service to generate an animated GIF image to display on your page when AJAX is loading - http://www.ajaxload.info

Have fun!