Posts Tagged with "web design"

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>

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.

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%;
}

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!