
Three Mental Tricks to Deal with People Who Annoys You!
Get Big
Float Down the Stream
Is procrastination eating into your valuable study time? Does it stop you from making the change to a healthier lifestyle or affecting your performance at work? ...
Every single rupee counts, especially during downturn; adopting a method to your purchasing and spending pattern could indeed help you manage your household better...
What is the difference between winning and being a winner? You all would be thinking that why I am making a similar post like the last time. Don't worry in this post I w...
At some point in the various journeys we embark on in our lives, we get to a part where we feel like giving up. Sometimes we give up before we even start and other t...
Ancient wisdom suggests if you start your meal with heavy and sweet food, then move on to the savory part, and finally finish off with salad, you'll digest better ...
This is no way to start the morning, though it's probably the most common way: Hit snooze over and over until you're aggravated enough to get up or play mean tr...
A little boy got angry with his mother and shouted at her, "I hate you, I hate you." Because of fear of reprimand, he ran out of the house. He went up to the valley and shouted, "I hate you, I hate you," and the echo returned, "I hate you, I hate you." Having never heard an echo before, he was scared, and ran to his mother for protection. He said there was a bad boy in the valley who shouted, "I hate you, I hate you." The mother understood and she asked her son to go back and shout, "I love you, I love you." The little boy went and shouted, "I love you, I love you," and back came the echo. That thought the little boy a lesson - that our life is like an echo: We get back what we give.
If you are a designer in this day and age you are probably designing for handheld devices like smartphones and tablets. We live in a polarizing world where on one side we have native apps and on the other the web, with responsive sites and web apps. Designing in this environment requires understanding of the context you will be designing for, therefore, testing on devices. There are several ways to create prototypes, from paper to motion in After Effects. For me, basic HTML, CSS3 and JavaScript do the best job because they allow me to test on the phone with an incredible level of accuracy.In this post I will start sharing some tips on how to create basic HTML/CSS3/JS prototypes. The idea is to enable you to test your designs on phones, tablets or web. I will also assume that you know a little bit of HTML and CSS, but of course you can learn that online or doing the reverse engineer. So in this first post I will show you how to create a simple prototype with a few icons and basic transitions. You can then apply to your own designs. The coolest thing is that you can create a super smooth prototype with this simple technique.
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta charset="utf8">
<title>Prototype</title>
</head>
<body>
<div id="home" class="sc selected">
<ul>
<li class="link none" page-load="screen1"></li>
<li class="link slideup" page-load="screen2"></li>
<li class="link slideleft" page-load="screen3"></li>
<li class="link slideright" page-load="screen4"></li>
<li class="link slidedown" page-load="screen5"></li>
<li class="link 3dright" page-load="screen6"></li>
<li class="link 3dleft" page-load="screen7"></li>
</ul>
</div>
<div id="screen1" class="sc">
<header>
<a class="back link none" page-load="home">Back</a>
<h1>Screen 1</h1>
</header>
</div>
<div id="screen2" class="sc">
<header>
<a class="back link backdown" page-load="home">Back</a>
<h1>Screen 2</h1>
</header>
</div>
<div id="screen3" class="sc">
<header>
<a class="back link slideright" page-load="home">Back</a>
<h1>Screen 3</h1>
</header>
</div>
<div id="screen4" class="sc">
<header>
<a class="back link slideleft" page-load="home">Back</a>
<h1>Screen 4</h1>
</header>
</div>
<div id="screen5" class="sc">
<header>
<a class="back link backup" page-load="home">Back</a>
<h1>Screen 5</h1>
</header>
</div>
<div id="screen6" class="sc">
<header>
<a class="back" page-load="home">Back</a>
<h1>Screen 6</h1>
</header>
</div>
<div id="screen7" class="sc">
<header>
<a class="back" page-load="home">Back</a>
<h1>Screen 7</h1>
</header>
</div>
</body>
</html>
@import "reset.css";
html, body{
width: 100%;
height: 100%;
}
body{
padding: 0;
margin: 0;
width: 100%;
height: 100%;
position: relative;
}
.sc{
width: 100%;
height: 100%;
position: absolute;
display: none;
z-index: 10;
}
.sc.selected{
display: block;
z-index: 11;
}
#home ul{
width: 100%;
height: 100%;
text-align: left;
}
#home ul li{
height: 72px;
width: 72px;
background: #fff;
display: inline-block;
margin: 22px 0 0 22px;
border-radius: 6px;;
}
#home{
background: #333;
}
#screen1{
background: #2C3E50;
}
#screen2{
background: #E74C3C;
}
#screen3{
background: #3498DB;
}
#screen4{
background: #ECF0F1;
}
#screen5{
background: #2C3E50;
}
#screen6{
background: #E74C3C;
}
#screen7{
background: #3498DB;
}
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="google.fastbutton.js"></script>
<script src="jquery.google.fastbutton.js"></script>
$(document).ready(function() {
$(".link").fastClick(function () {
screen = "#" + $(this).attr("page-load");
if($(this).hasClass("none")){
$(".sc").removeClass("selected");
$(screen).addClass("selected");
}
})
})
if($(this).hasClass("slideleft")){So the code below will first add a class "previous" to the current screen, that's already selected. Then it will position the screen to show off the screen using "$(screen).css({x:$(window).width() + "px"})" that means, the screen will be position in the width of the window "$(window).width()" to get the value and move it in the X axis to that point. Example, if your screen is an iPhone, it will move the new screen at 640px. Then the class "selected" will be added in order to make it visible. At this point you will have 2 screens with the class "selected".
$(".selected").addClass("previous");
$(screen).css({x:$(window).width() + "px"}).addClass("selected");
$(".previous").transition({x:"-" + $(window).width() + "px"},300,"ease");
$(screen).transition({x:"0px"},300,"ease",function () {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(".sc").removeAttr("style");
});
}
if($(this).hasClass("slideup")){
$(".selected").addClass("previous");
$(screen).css({y:$(window).height() + "px"}).addClass("selected");
$(screen).transition({y:"0px"},300,"ease",function() {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(".sc").removeAttr("style");
});
}
if($(this).hasClass("slidedown")){
$(".selected").addClass("previous");
$(screen).addClass("selected");
$(screen).css({y:"-" + $(window).height() + "px"});
$(screen).transition({y:"0px"},300,"ease",function() {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(".sc").removeAttr("style");
});
}
if($(this).hasClass("slideleft")){
$(".selected").addClass("previous");
$(screen).css({x:$(window).width() + "px"}).addClass("selected");
$(".previous").transition({x:"-" + $(window).width() + "px"},300,"ease");
$(screen).transition({x:"0px"},300,"ease",function () {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(".sc").removeAttr("style");
});
}
if($(this).hasClass("slideright")){
$(".selected").addClass("previous");
$(screen).css({x:"-" + $(window).width() + "px"}).addClass("selected");
$(".previous").transition({x:$(window).width() + "px"},300,"ease");
$(screen).transition({x:"0px"},300,"ease",function () {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(".sc").removeAttr("style");
});
}
if($(this).hasClass("backdown")){
$(".selected").addClass("previous");
$(screen).show();
$(".previous").css("z-index","24").transition({y:$(window).height() + "px"},300,"ease",function() {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(screen).addClass("selected");
$(".sc").removeAttr("style")
});
}
if($(this).hasClass("backup")){
$(".selected").addClass("previous");
$(screen).show();
$(".previous").css("z-index","24").transition({y: "-" + $(window).height() + "px"},300,"ease",function() {
$(".previous").removeClass("selected");
$(".previous").removeClass("previous");
$(screen).addClass("selected");
$(".sc").removeAttr("style");
});
}
Download Files
John, a woodcutter, worked for a company for five years but never got a raise. The company hired Bill and within a year he got a raise. Then John resented Bill's getting a raise after only a year and went to his boss to talk about it. The boss said, "You are still cutting the same number of trees you were cutting five years ago. We are a result-oriented company and would be happy to give a raise if your productivity goes up." John went back, started hitting harder and putting longer hours but he still wasn't able to cut more trees. He went back to his boss and told him his dilemma. The boss told John to go talk to Bill. "Maybe there is something Bill knows that you and I don't." John asked Bill how he managed to cut more trees. Bill answered, "After every tree I cut, I take a break for two minutes and sharpen my axe. When was the last time you sharpened your axe?"When was the last time you sharped your axe? Past glory and education don't count for much. We have to continuously sharpen the axe.
Andrew Carnegie came to America from Scotland as a young boy. He started out by doing odd jobs and ended up as one of the largest steel manufacturers in United States. At one time, he had 43 millionaires working for him. A million dollars is a lot of money today, but in the 1920s it was worth much more!What is your focus? Search for the gold. If you are looking for what is wrong with people or with things, you will find many faults. What are we looking for? Gold or dirt? Even in paradise, fault finders will find faults.Most people find what they are looking for.
Someone once asked Mr. Carnegie how he dealt with people. Andrew Carnegie replied, "Dealing with people is a lot like digging for gold: When you go digging for an ounce of gold you have to move tons of dirt. But when you go digging you don't go looking for the dirt, you go looking for the gold."
Andrew Carnegie's reply has a very important message. Through sometimes it may not be apparent there is something positive in every person and every situation. We have to dig deep for positive.
There was a man who made his living selling balloons at a fair. He had balloons of many different colours, including red, yellow, blue, green and many more. Whenever business was slow, he would release a helium-filled balloon into the air. When the children saw the balloon go up, they all wanted one. They would come up to him, buy a balloon and his sales would go up. All day, he continued to release a balloon whenever the sales slowed down. One day, the balloon man felt someone tugging at his jacket. He turned around and a little boy asked, "If you release a black balloon, would that also fly?" Moved by the boy's concern, the man replied gently, "Son, it is not the colour of the balloon, it is what's inside that makes it go up."The same principle applies to our lives: It's what's inside that counts. And what's inside of us that makes us go up is our attitude.
Every single rupee counts, especially during downturn; adopting a method to your purchasing and spending pattern could indeed help you manage your household better.Every household is in India is feeling the pulse of the changing economic dynamics. While investing carefully during these testing times is one aspect that every woman of a house pays utmost attention to, listing things that will make life simpler is another aspect that would ease the tension off on how money flows out of your bank account.
Phailin has the potential to be one of the deadliest storms on Earth for the past several decades. It’ll strike India’s east coast within the next 24 hours.
Vulnerability is a function of the disaster itself (e.g. storm strength), the socio-economic vulnerability of those affected, and the adaptive capacity or resilience of those affected. Many of the 40 million people in the path of Phailon have are highly socio economically vulnerable with low adaptive capacity = human disaster. Katrina or Andrew times a factor of perhaps 100 or more…India is already evacuating and preparing for Cyclone Phailin. However, the outer rain bands of the storm is already over land, and the weather is expected to continue to deteriorate. Storm surge of 20 feet or higher is possible. Flooding is very likely as the system is very large. This storm will likely be extremely devastating for their economy along the coast.
One could be a winner without a winner and one can be a loser with a medal if winning is not kept in perspective.
Are you an avid reader? A book worm, who loves collecting books? But do you get depressed every time you take a look at your teeming book-shelf.If you want to be a proud bibliographer and maintain all those precious books you've collected over years, here are a few tips on how to neatly arrange your book shelf.
Google Inc has overhauled its search algorithm, the foundation of the Internet's dominant search engine, to better cope with the longer, more complex queries it has been getting from Web users.Amit Singhal, senior vice president of search, told reporters on Thursday that the company launched its latest "Hummingbird" algorithm about a month ago and that it currently affects 90 percent of worldwide searches via Google.
Go watch someone do something impossible. Then go do something impossible yourself. One person can change the world. Be that person.“Everything around you that you call life was made up by people who are no smarter than you.” – Steve Jobs