http://ruby.about.com/od/tutorialsontheweb/tp/10waysfree.htm
http://www.rubyist.net/~slagell/ruby/getstarted.html
http://www.ruby-lang.org/en/documentation/quickstart/4/
https://help.ubuntu.com/community/RubyOnRails
http://rubyonrails.org/
http://www.humblelittlerubybook.com/book/
--
Paul OM
Wednesday, January 27, 2010
Wednesday, January 20, 2010
Image Gallery by CSS
<html>
<head>
<style type="text/css">
div.img
{
margin:2px;
border:1px solid #0000ff;
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img
{
display:inline;
margin:3px;
border:1px solid #ffffff;
}
div.img a:hover img
{
border:1px solid #0000ff;
}
div.desc
{
text-align:center;
font-weight:normal;
width:120px;
margin:2px;
}
</style>
</head>
<body>
<div class="img">
<a target="_blank" href="klematis_big.htm">
<img src="klematis_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="klematis2_big.htm">
<img src="klematis2_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="klematis3_big.htm">
<img src="klematis3_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="klematis4_big.htm">
<img src="klematis4_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
</body>
</html>
<head>
<style type="text/css">
div.img
{
margin:2px;
border:1px solid #0000ff;
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img
{
display:inline;
margin:3px;
border:1px solid #ffffff;
}
div.img a:hover img
{
border:1px solid #0000ff;
}
div.desc
{
text-align:center;
font-weight:normal;
width:120px;
margin:2px;
}
</style>
</head>
<body>
<div class="img">
<a target="_blank" href="klematis_big.htm">
<img src="klematis_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="klematis2_big.htm">
<img src="klematis2_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="klematis3_big.htm">
<img src="klematis3_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="klematis4_big.htm">
<img src="klematis4_small.jpg" alt="Klematis" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
</body>
</html>
Readymade CSS
body {
margin: 0px;
padding: 0px;
background-color: ;
background-image: url(../../images/background_yellow.png);
}
div#header {
position: absolute;
width: 100%;
left: 0px;
height: 75px;
top: -4px;
}
div#banner {
background-color: #FFFFCC;
background-repeat: repeat-x;
height: 50px;
}
img#titletext {
top: 40px;
position: absolute;
left: 300px;
}
div#nav{
color : #105BAC;
background-color : #FFFFFF;
height : 15px;
font-size: 80%;
border-top : none;
margin-left: 0px;
border-bottom-style: none;
}
div#nav ul {
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 56px;
margin-right: 0px;
padding: 2px 0 0 0;
}
div#nav ul li {
display: inline;
}
div#content {
position: absolute;
left: 225px;
top: 128px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 91%;
color: #000000;
line-height: 140%;
width: 707px;
height: 532px;
}
div#sidebar {
position: absolute;
top: 129px;
right: 20px;
width: 180px;
font-size : 70%;
left: 15px;
}
div#content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 146%;
color: #990000;
font-weight: normal;
}
div#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #105BAC;
font-weight: normal;
font-size: 120%;
}
div#sidebar div.feature {
font-family: Georgia, "Times New Roman", Times, serif;
color : #666666;
background-color : #fefefe;
border : 1px solid #990000;
margin-bottom : 11px;
padding : 10px;
line-height : 140%;
margin: 0px;
padding: 0px;
background-color: ;
background-image: url(../../images/background_yellow.png);
}
div#header {
position: absolute;
width: 100%;
left: 0px;
height: 75px;
top: -4px;
}
div#banner {
background-color: #FFFFCC;
background-repeat: repeat-x;
height: 50px;
}
img#titletext {
top: 40px;
position: absolute;
left: 300px;
}
div#nav{
color : #105BAC;
background-color : #FFFFFF;
height : 15px;
font-size: 80%;
border-top : none;
margin-left: 0px;
border-bottom-style: none;
}
div#nav ul {
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 56px;
margin-right: 0px;
padding: 2px 0 0 0;
}
div#nav ul li {
display: inline;
}
div#content {
position: absolute;
left: 225px;
top: 128px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 91%;
color: #000000;
line-height: 140%;
width: 707px;
height: 532px;
}
div#sidebar {
position: absolute;
top: 129px;
right: 20px;
width: 180px;
font-size : 70%;
left: 15px;
}
div#content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 146%;
color: #990000;
font-weight: normal;
}
div#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #105BAC;
font-weight: normal;
font-size: 120%;
}
div#sidebar div.feature {
font-family: Georgia, "Times New Roman", Times, serif;
color : #666666;
background-color : #fefefe;
border : 1px solid #990000;
margin-bottom : 11px;
padding : 10px;
line-height : 140%;
Sunday, January 3, 2010
5 habits of Productive, Happy Software Developer
1. Be Marketable-Keep Up To Date Skills and Network Contacts
2.Be the Master of Your Domain
3.Accommodate Your Financial Needs
4.Have a life Outside of Work
5.Properly Manage Expectations
Software Engineering is the combination of Common sense and Discipline.
2.Be the Master of Your Domain
3.Accommodate Your Financial Needs
4.Have a life Outside of Work
5.Properly Manage Expectations
Software Engineering is the combination of Common sense and Discipline.
Subscribe to:
Posts (Atom)