The best thing about a boolean is even if you are wrong, you are only off by a bit.Posts RSS Comments RSS

Archive for the 'Web Designing' Category

Round corners with CSS3. Super Cool.

I was not very fond of CSS, until recently.  I just used html elements to style my pages. But then once I happened to use some simple CSS elements, coz I had basic CSS in my college syllabus. Ever since I’m a great fan and admirer of this simple, kewl technique.. CSS.

CSS Round Corner Menu

I have been fascinated by round cornered elements in web pages. I tried to learn the ‘secret art of round corners!!’. Most of my searches returned tutorials for rounding corners using images, Including this one. It uses 4 corner images and is pretty simple to implement.

A few days ago, I was browsing through some script from DynamicDrive CSS Library, I found an unfamiliar css element: -moz-border-radius. I did a lil research and eventually I got to CSS3. Checkout www.css3.info. CSS3 is still in draft and all browsers have not started to support it. Yet some like Firefox, Safari etc has already started to adopt CSS3.

border-radius (reference) is an element which is included in the forthcoming CSS3. It can be used in the following forms.

If you use border-radius: 4em; , then all the four corners will be rounded by 4em. Or you can use border-radius: 5px 5px 0px 10px;, so you can use individual radii for all the four corners. Or the single attribute can be broken down as follows.

border-top-left-radius: 4em;
border-top-right-radius: 4em;
border-bottom-right-radius: 4em;
border-bottom-left-radius: 4em;

The Gecko Layout Engine which is the basis of Mozilla Firefox uses some equivalent attributes instead of border-radius. The border-radius equivalent in Gecko is -moz-border-radius (reference). It can also take 4 arguments as in -moz-border-radius:15px 0px 15px 0px;. If only 1 attribute is specified as in -moz-border-radius:15px;, the same will be applied for all 4 corners. -moz-border-radius can also be written as 4 different elements as follows.

-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-topleft:15px;

Here is a few examples I made which uses the -moz-border-radius element for rounding corners. See the code of the page and see how simple it is. But remember -moz-border-radius works only in Gecko based browsers, which includes Firefox, NetScape, Camino, SeaMonkey K-Meleon etc (Google’s picture-organization software Picasa is based on Gecko).

That was Kewl, ain’t it? cya, babye.

Popularity: 41% [?]

  • Share/Bookmark

3 responses so far

Free hosting – should you choose? Which is the best?

The web is full of interesting stuff, the more interesting part is that most of them are free. Take the case of web servers. All my websites (spare my projects) lies in free web space. I doubt why would someone go after paid hosting when they can get as good or even better hosting.. for FREE.

Yeah, you must me careful in choosing the hosting provider. Some free hosts sucks.  The main problem with many of the free hosts is uptime (server online time). Actually I liked the free hosting provided by Websites Network, but after a few days, I found myself searching for another one, their uptime is pathetic.

Then I used HostSnake , another good one, and it was new to the scene. Had many good features, but soon they started putting up large banners above and below my pages. Then I was totally desperate and was beginning to believe that all free hosts suck. It was then my friend told me to try x10hosting, the signup process was a bit lengthier, but their service was great. The best thing is ofcourse the uptime, (but you have to signup in their forum!!). Now almost all my sites including this one runs on X10 servers. They are offering MySql databases,addon domains,subdomains and many other features.

So from my experience and experiments with free hosting for over two years, let me point the good ones for you.

x10logo – Adfree, PHP, MySQL, addon domains, subdomains, scripts installer, MX records etc… great uptime too.

Google Pages Logo – No PHP, No addon domains, Easy to use, online page creator, very fast loading, Great for novices. [ Google Pages is no more taking new sign ups, instead they have come up with another hosting service with more features, Google Sites ]

Office Live Logo -Superb hosting! Online page editing, addon domains, email ids, super fast loading etc. Great for novices,small businesses,startups etc. Lots of templates.

110mb hosting is also cool, but some features like addon domain, mysql databases etc are paid features. Worth checking out

These are the best services I have ever encountered. Choose x10hosting if you are really into PHP hosting and projects that require more freedom. Choose Google Pages if you don’t want to spend a lot of time editing your pages and want to get it all done so quick. It is as simple as Google itself. You can opt Microsoft Office Live if you need a Great website for your business, school or personal. More options to configure, but sure they are worth.

Have a lot of fun making a great website. Bye

[ We are offerring professional class hosting at an affordable price, check out the prices ]

Popularity: 11% [?]

  • Share/Bookmark

2 responses so far