Archive for the ‘CSS And JS’ Category
Useful resources for CSS3
When you start learn CSS3, all of these sites are useful for your learning.
http://www.w3.org/Style/CSS/current-work
http://www.webmonkey.com/tutorial/Get_Started_with_CSS_3
http://dev.opera.com/articles/view/progressive-enhancement-with-css-3-a-be/
http://www.w3.org/TR/CSS-access
http://designshack.co.uk/tutorials/introduction-to-css3-part-1-what-is-it
http://www.css3.info/
http://www.w3.org/TR/css3-layout/
http://www.sixrevisions.com/interviews/six-questions-eric-meyer-on-css3/http:/sixrevisions.com/interviews/six-questions-eric-meyer-on-css3/
http://www.westciv.com/iphonetests/
http://fantasai.inkedblade.net/style/discuss/wasp-feedback-2008
http://dev.opera.com/articles/view/css-3-attribute-selectors/
http://www.w3.org/TR/css3-selectors/
http://www.xhtml.com/en/css/conversation-with-css-3-team/
http://www.mattwilcox.net/archive/entry/id/1031/
http://www.w3.org/blog/CSS
http://www.24ways.org/2006/rounded-corner-boxes-the-css3-way
http://www.smashingmagazine.com/2009/01/08/push-your-web-design-into-the-future-with-css3/
http://www.mandarindesign.com/opacity.html#transintro
http://dev.opera.com/articles/view/styling-forms-with-attribute-selectors/
http://www.nettuts.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/
CSS3 Techniques
Now CSS3 is not fully support in browser, that why we must use these extensions.
-Mozilla/Firefox/Gecko: -moz
-Webkit(Safari/Chrome): -webkit
For Drop Shadow
box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
The drop shadow effect accepts multiple values. First is simply the [...]
How am I changing my blog theme?
I want to change my blog theme in these days after I read a lot of Css , Jquery, Javascript tutorial from
http://www.smashingmagazine.com/ ,http://css-tricks.com/ ,http://net.tutsplus.com/, http://speckyboy.com, http://www.webdesignerwall.com/tutorials/,
http://sixrevisions.com/ and other sites. I feel boring looking my old free wordpress theme. At first I download Wordpress theme and rewrite code which is suitable for my blog theme. In [...]
Door Menu with Jquery
Door ပံုစံ Menu တခုတည္ေဆာက္ဖုိ႕အတြက္ အရင္ဆံုး Photoshop နဲ႕ Width: 800px, height: 101px .jpg တခုကိုတည္ေဆာက္ပါ။ၿပီးလ်င္ shutter နဲ႔ window အတခုစီအတြက္ Width: 200px, height: 100px ဆီရွိတဲ့ .jpg တခုစီတည္ေဆာက္ပါ။ အားလံုးၿပီးသြားရင္ Html နဲ႕ coding ေရးပါမယ္။
ဒါကေတာ့ Html code ပါ။
<html>
<head>
<title>Door Menu Using Jquery</title>
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<ul id=”menu”>
<li class=”shutter” id=”shutter1″><a class=”link” href=”#”>Shutter 1</a></li>
<li class=”shutter” id=”shutter2″><a class=”link” href=”#”>Shutter 2</a></li>
<li class=”shutter” id=”shutter3″><a class=”link” href=”#”>Shutter [...]
Awesome CSS3
Rounded Corners
In CSS3 we can make round corner by using border-radius. Check the below code, we can see how safe our time ..:)
div {
border: 2px solid #434343;
padding: 10px;
background: #e3e3e3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 500px;
}
Text shadow
Text shadow properties make your text with drop shadow.
p
{
text-shadow: 2px 2px 2px #666666;}
Box shadow
Box shadow property add shadow to the box.
Code:
a
{
-moz-box-shadow: 2px 2px [...]
