Css skeleton for your website

I was creating a website and thought that sharing a crude wire frame for building website would be good idea. Here is my effort at that. Feel free to use it distribute it. This is according to the way i wanted it but you can safely change the layout. Could be a good starting point. Remember to create a new style sheet and not keep it embedd in the html itself.

body {
margin: 0;
padding: 0;
background-color: #eeeeee;
}

#container {
margin: 10px auto;
padding: 5px 10px;
width: 960px;
}

/*<– Header –>*/
#header {
position: relative;
width: 100%;
}

#header #logo {
background-image: url(“LOGO_TRANSPARENT.gif”);
background-repeat: no-repeat;
background-position: left;
display: block;
float: left;
padding: 0 5px 0 0;
width: 360px;
height: 115px;
text-indent: -9999px;
height: 115px;
}

#header #connect {
float: right;
padding: 0 5px 0 0;
width: 400px;
height: 50px;
}

#header #connectto {
float: right;
padding: 0 5px 0 0;
width: 400px;
height: 50px;
background-image: url(“LOGO_TRANSPARENT.gif”);
background-repeat: no-repeat;
background-position: right;
}

/*<– content –>*/
#content {
background-image: url(“stripe_b.png”);
background-repeat: repeat;
position: relative;
width: 100%;
height: 500px;
position: relative;
}

#content #featured {
margin: 0px auto;
padding: 5px 10px;
background-color: white;
height: 350px;
width: 500px;
}

#content #left1 {
height: 50px;
width: 100px;
position: absolute;
top: 10px;
left: 20px;
background-color: white;
position: absolute;
}

#content #left2 {
height: 50px;
width: 100px;
position: absolute;
top: 70px;
left: 20px;
background-color: white;
}

#content #left3 {
height: 50px;
width: 100px;
position: absolute;
top: 130px;
left: 20px;
background-color: white;
}

#content #left4 {
height: 50px;
width: 100px;
position: absolute;
top: 190px;
left: 20px;
background-color: white;
}

#content #left5 {
height: 50px;
width: 100px;
position: absolute;
top: 250px;
left: 20px;
background-color: white;
}
#content #left6 {
height: 50px;
width: 100px;
position: absolute;
top: 310px;
left: 20px;
background-color: white;
}
#content #left7 {
height: 50px;
width: 100px;
position: absolute;
top: 370px;
left: 20px;
background-color: white;
}
#content #left8 {
height: 50px;
width: 100px;
position: absolute;
top: 430px;
left: 20px;
background-color: white;
}
#content #left8:hover {
height: 200px;
width: 400px;
}

/*<– other –>*/
#twitter {
background-color: white;
position: fixed;
top: 200px;
right: 0px;
margin-right: 0px;
width: 180px;
}
#twitter:hover{
left: 0px;
}

<div>
<div>
<h1>Company Logo</h1>
<div><img alt=”tw” src=”test.jpg”> <img
¬†alt=”tw” src=”test.jpg”> <img alt=”tw” src=”test.jpg”></div>
<div>
<p>+001 9837055733</p>
<h6>Address</h6>
</div>
</div>
</div>

<div>
<div>
<div></div>
<div>DcS</div>
<div>DcS</div>
<div>DcS</div>
<div>DcS</div>
<div>DcS</div>
<div>DcS</div>
<div>DcS</div>
<div>Hover effect</div>
</div>
</div>

<div>
<div><h3>Footer goes here</h3></div>
<div><h3>Copyright goes here</h3></div>
</div>

<div>
<h4>twitter widget</h4>
</div>

Young Indian IT staff

I got this forwarded mail today. I guess it is tru to an extent. Take it at face value ūüôā

It’s half past 8 in the office but the lights are still on…

PCs still running, coffee machines still buzzing…

And who’s at work? Most of them??? Take a closer look…

All or most specimens are ??

Something male species of the human race…

Look closer… again all or most of them are bachelors…

And why are they sitting late? Working hard? No way!!!

Any guesses???

Let’s ask one of them…

Here’s what he says… ‘What’s there 2 do after going home…Here we get to surf, AC, phone, food, coffee that is why I am working late…Importantly no bossssssss!!!!!!!!!!!’

This is the scene in most research centers and software companies and other off-shore offices.

Bachelors ‘Passing-Time’ during late hours in the office just bcoz they say they’ve nothing else to do…

Now what r the consequences…

‘Working’ (for the record only) late hours soon becomes part of the institute or company culture.

With bosses more than eager to provide support to those ‘working’ late in the form of taxi vouchers, food vouchers and of course good feedback, (oh, he’s a hard worker… goes home only to change..!!).

They aren’t helping things too…

To hell with bosses who don’t understand the difference between ‘sitting’ late and ‘working’ late!!!

Very soon, the boss start expecting all employees to put in extra working hours.

So, My dear Bachelors let me tell you, life changes when u get married and start having a family… office is no longer a priority, family is… and

That’s when the problem starts… b’coz u start having commitments at home too.

For your boss, the earlier ‘hardworking’ guy suddenly seems to become a ‘early leaver’ even if u leave an hour after regular time… after doing the same amount of work.

People leaving on time after doing their tasks for the day are labelled as work-shirkers…

Girls who thankfully always (its changing nowadays… though) leave on time are labelled as ‘not up to it’. All the while, the bachelors pat their own backs and carry on ‘working’ not realizing that they r spoiling the work culture at their own place and never realize that they would have to regret at one point of time.

So what’s the moral of the story??

* Very clear, LEAVE ON TIME!!!

* Never put in extra time ‘ unless really needed ‘

* Don’t stay back unnecessarily and spoil your company work culture which will in turn cause inconvenience to you and your colleagues.

There are hundred other things to do in the evening..

Learn music…

Learn a foreign language…

Try a sport… TT, cricket………

Importantly,get a girl friend or boy friend, take him/her around town…

* And for heaven’s sake, net cafe rates have dropped to an all-time low (plus, no fire-walls) and try cooking for a change.

Take a tip from the Smirnoff ad: *’Life’s calling, where are you??’*

 

 

 

 

 

IT’S A TYPICAL INDIAN MENTALITY THAT WORKING FOR LONG HOURS MEANS VERY HARD WORKING & 100% COMMITMENT ETC.

PEOPLE WHO REGULARLY SIT LATE IN THE OFFICE DON’T KNOW TO MANAGE THEIR TIME. SIMPLE !

 

 

SOA or SCA is there a difference?

Here is what I think: The whole SOA hype is a pure marketing-excersise. Every developer knows that if you have several different elements in your application (UI, business logic, Data layer, security, hardware interface), all provide¬†services to each other.¬†Did MVC not pave the way?¬†Offering a ‘service’ as a whole in a library or as a hosted service in the form of web services is one and the same, only the media changes.

Just because you are using messaging bus or a web service does not mean the other person who is using an API to do the same is not providing services. Right?

I would rather say SCA (Service component architecture) makes more sense. First of all it describes exactly, what it is doing “service”, what it is “component”.¬†Now you write your components as a library and expose it as you want through an API or as a web service. Is it not doing the same thing as the SOA components?

Yes but what SCA approach typically does is to decouple the application business logic from the details of its invoked service calls.

Wikipedia: “Gartner Group has published a short brief that concluded that the SCA included technology of Service Data Objects (SDO) will enjoy more rapid adoption due to its maturity.

Advantages:

  • caters for all existing Java platform technologies and C++
  • less technology dependence – does not have to rely on the Java programming language, nor XML
  • SDO, which is a technology specification for data access

Disadvantages:

  • lack of support by Microsoft (how typical monopolistic)¬†reduces the relevancy of SCA for a large number of potential users.
  • Specification does not address performance of SOA applications, which continues to be a detractor of adoption.
  • Focusing on portability (instead of interoperability), making it vulnerable to repeat CORBA’s mistakes .

SCA is said to provide interoperability through an approach called “Activation”. It is the method that provides the highest degree of component autonomy, compared to older “mediation” (e.g. JBI) or “Invocation” method used in JCA, as explained by an architect at SAP. “

Now it is again up to the marketing people to decide which one is to be hailed as the “In” technology or buzz word.

Twitter client behind proxy

If you are writing a twitter client in java and unable to make it work behind a proxy, here is a fix:
To obtain an object of URLConnection, use this code.

private URLConnection setProxyAuthAndConnect(String uri) throws IOException {
System.setProperty("http.proxySet", "true");
System.setProperty("http.proxyHost", "ur.proxy.address");
System.setProperty("http.proxyPort", "1000");
System.setProperty("http.proxyType", "4");
System.setProperty("http.proxyUser", "username");
System.setProperty("http.proxyPassword", "pwd");
// This might be required from case to case basis

String proxyUser = “username”;
String proxyPassword¬†= “pwd”;
URLConnection con = new URL(uri).openConnection();
con.setRequestProperty(“Proxy-Authorization”,”Basic ” + new sun.misc.BASE64Encoder().encode((proxyUser + “:” + proxyPassword).getBytes() ));
return con;
}

I have used jwitter library. If you are using it too you will need to modify the URLConnectionHttpClient.java

I have removed:

final HttpURLConnection connection = (HttpURLConnection) new URL(uri).openConnection();

and replaced with:

final HttpURLConnection connection = (HttpURLConnection)setProxyAuthAndConnect(uri);

Well hard coding is not a good idea. So you can write a function to read all the settings from a properties file. If you do not need the proxy settings then all can be set null.

Why looks matter

What if some one says “you will get all the technology, comfort and refinement of a BMW, but inside the body of a¬†1998 Fiat Multipla (Rated as the worst looking car) but price remains the same”; would you buy it? At least I would not!

Ok! the point is that, however good or cutting edge your technology might be, you need a good attractive package to sell it. A non-techi customer will naturally be attracted towards a software that has a good UI and good ergonomics. Features obviously matter. A good example of that is the iPhone. There are Nokia, Sony Ericsson, etc. phones in the market which have far better features and operating systems (e.g. multitasking or running multiple programs at one time.) but iPhone is a hot favourite with the fab generation. (New update to iPhone OS will no longer have that drawback.)

So it is important for you to have a good UI design ready for your software application or website along with the features. Good looks sell!!!