Friday, June 12, 2009
Sunday, May 24, 2009
Ganeshiyer.net
Thanks to the money I got from Text Link Ads I have bought myself a domain name and web hosting :) Thats right fellas http://ganeshiyer.net will be up and running soon. I chose Hostgator to host it as they accept Paypal and they had all the features I wanted.
I'll continue writing on ganeshnomicks about web designing and stuff and I'll preview my designs and codes on ganeshiyer.net.
I'll continue writing on ganeshnomicks about web designing and stuff and I'll preview my designs and codes on ganeshiyer.net.
Wednesday, April 29, 2009
Wednesday, September 3, 2008
Text-Link-Ads Pays
Yeah thats right...I received 40$ from TLA last month and another 40$ this month. I have been running their ads for a while and its great to get some money :)
Sorry for not posting...I have been busy with my studies and will be busy till June of next year...but still I'll try to write something :)
Sorry for not posting...I have been busy with my studies and will be busy till June of next year...but still I'll try to write something :)
Thursday, April 10, 2008
New Design : Ganesh02 - Aqua Reaction
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuETPnI4X0NJuL4HS27R43TY2CBryhH2VGpxf6G4C1E3qdykIsXmRDCYljRPXH-JPYl-wPOlRFEJTLF6q2MJKkgf4IJAK0Ulnop1TqxykIwNLWDHXTg6R1Sto7MiBhnRudncH18SJ_0A/s200/1438.jpg)
Download it from: Opendesigns
Thursday, March 20, 2008
Safari 3.1 supports HTML5
I have never been an Apple guy. I remember using Safari on windows when it was launched in beta, and it didn't took long for me to figure out that it wasn't for me. But Apple has just rolled out Safari 3.1 on Tuesday and its looks kinda impressive.
It is blazing fast, has got a cool UI, new cool features but the thing that has really got me interested is the new features that have the potential to transform web design in the future. First is CSS animations. Yep you read it right, Safari supports CSS animations. Another interesting feature is font downloading. That's right, web designers no need not limit themselves to narrow set of 'web safe' fonts.
But still I guess I'll stick with my firefox because I am still not sure how stable this new version of safari is gonna be. But still I hope that other browsers will also implement html5 features...fast!
PS: I am sorry to have not posted any stuff on the blog. I was having my exams so I couldn't find time to write.
It is blazing fast, has got a cool UI, new cool features but the thing that has really got me interested is the new features that have the potential to transform web design in the future. First is CSS animations. Yep you read it right, Safari supports CSS animations. Another interesting feature is font downloading. That's right, web designers no need not limit themselves to narrow set of 'web safe' fonts.
But still I guess I'll stick with my firefox because I am still not sure how stable this new version of safari is gonna be. But still I hope that other browsers will also implement html5 features...fast!
PS: I am sorry to have not posted any stuff on the blog. I was having my exams so I couldn't find time to write.
Monday, February 4, 2008
Create Awesome Text Shadows With Pure CSS
I love finding ways to use css to replace unnecessary usage of images. In this tutorial I will teach you to create cool text with shadow without using any images or javascript. Here is my end result
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uIN70rEXb36YU650LBvq619KzizlM4qkURm7Vlh2yb_2wWiQIcDe3k3kkLnmrRf42l8CbXdaTTeh0oYzh19vWM9q6BR8YD8DhLg6RWZTrCllc5gFm4=s0-d)
The CSS:
#title{
z-index: 2;
color: #333333;
position:fixed;
font-size: 30px;
left:5px;
top:5px;
}
#shadow{
z-index: 1;
font-size: 30px;
color: #C0C0C0;
position:fixed;
left:8.5px;
top:8.5px;
}
<!doctype html public "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="title">
<h1>Test</h1>
</div>
<div id="shadow">
<h1>Test</h1>
</div>
</body>
</html>
This is done by using z-index property of elements in CSS. The shadow should be placed behind the text by assigning it a z-index lesser to that of the text. If you want to increase the distance of the shadow from the text then change the left and top properties.
So the next time you want to create a nice little text with shadow instead of jumping onto your Photoshop, use this technique.
Post in the commnets if you have anything to say about this technique, blog or want to show off your implementation of this technique.
The CSS:
#title{
z-index: 2;
color: #333333;
position:fixed;
font-size: 30px;
left:5px;
top:5px;
}
#shadow{
z-index: 1;
font-size: 30px;
color: #C0C0C0;
position:fixed;
left:8.5px;
top:8.5px;
}
The HTML:
<!doctype html public "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="title">
<h1>Test</h1>
</div>
<div id="shadow">
<h1>Test</h1>
</div>
</body>
</html>
This is done by using z-index property of elements in CSS. The shadow should be placed behind the text by assigning it a z-index lesser to that of the text. If you want to increase the distance of the shadow from the text then change the left and top properties.
So the next time you want to create a nice little text with shadow instead of jumping onto your Photoshop, use this technique.
Post in the commnets if you have anything to say about this technique, blog or want to show off your implementation of this technique.
Labels:
Accessibility,
CSS,
Designing,
tutorial,
Usabilility
Subscribe to:
Posts (Atom)