Sunday, November 22, 2009

Grappling with a wealth of guilt

Washington Post Staff Writer
Friday, November 20, 2009

Young heirs seek moral balance between inherited windfalls, social responsibilities

 

One night in Adams Morgan, the sons and daughters of lawyers and corporate executives padded into a friend's rowhouse for a kind of group therapy session about their families' wealth.

They are young people who have inherited or stand to inherit big money, and they are spending their post-college years living modestly and working to address the needs of the poor, hungry and politically disadvantaged. But the privilege they grew up with and the money coming their way nag at them in ways few people not in their position can fathom.

Burke Stansbury, 33, a nonprofit administrator who inherited $1 million in stock three years ago, opened up about how his newborn's breathing problems were forcing him to reconsider how much of his fortune he should use for his family and how much to give away.

"Those of us with wealth and progressive values resist the privilege and actually deny it because of this inequality that exists in society," said Stansbury, who has spent his time since college working for a nonprofit organization devoted to labor issues in Latin America.

"We're not going to accept that form of privilege," he said. "But when it comes to [my son's] health care, we're not going to mess around. You're going to take advantage of [the money]. It's a real blessing, but it's not fair."

The dinner in Adams Morgan was held at the home of a private school teacher who inherited $1.5 million. It was a rare chance for members of the Resource Generation, a nonprofit group whose 35-and-younger members devote themselves to philanthropic work for social justice, to talk about their guilt and their views on social inequalities without fear of eye-rolling from people who might view them as spoiled rich kids playing at helping the downtrodden.

"Can I share something on my mind?" asked Liz Goldberg, 25, a nonprofit development associate whose father is a partner at the consulting firm KPMG. "I have epilepsy, and I require certain things over the year. Most recently, it was an MRI, and I can't afford it on my own, so I am forced to rely on my parents. I think of myself as independent, but I am not able to reconcile that payment."

Janelle Treibitz, 28, a part-time waitress who performs with the Puppet Underground performance group, which raises money for grass-roots organizations, could relate.

"In Vermont [this year], I broke my finger and didn't have insurance," said Treibitz, whose father is chief executive of a Colorado company that designs visual presentations for court trials. "I got my X-ray and gave [the hospital] a fake name and walked out. Is that okay that I am doing that -- taking up resources because I am refusing to take money from my parents?"

Inspired and challenged

The young wealthy are keenly aware that there is little public sympathy for the moral doubts they struggle with. In a harsh economy, few people worry about the insecurities of heirs in their 20s and 30s who choose to work in social change philanthropy.

But these young people represent a huge amount of money, and some feel not only inspired but also challenged by the choices they face.

Since the late 1990s, after a Boston College study concluded that $41 trillion would be passed from one generation to the next over the first five decades of the 21st century, several banking and nonprofit organizations have initiated programs catering to the emotional and financial literacy needs of young heirs. (The tally of wealth that will be inherited has since risen to about $50 trillion, according to the college.)

This year, the Council on Foundations started a Next Generation task force to explore ways to support young philanthropists.

Washington's chapter of the Resource Generation, many of whose members work in the arts, education and other nonprofit groups, has forged connections by giving young heirs a place where they can divulge their insecurities. At the recent dinner, those who have not inherited their wealth grappled with their decisions to live a low-wage existence in Washington.

"I definitely feel like I am at war between my desires instilled in me to eat out at nice restaurants and my better sense and principles," Treibitz said in an interview. "If I make different choices when I am older, I hope to God they're coming out of principles. Everyone changes. My great-grandmother was a communist in her 20s and a total conservative in her 90s. I won't rule out anything."

The stratosphere of wealthy Americans of any age has shrunk in the past two years. The number of children of millionaires has decreased from 26 million in 2007 to 19 million, according to the Center on Wealth and Philanthropy at Boston College. The number of millionaire homes in which the head of household is 35 or under has also dropped, from about 370,000 in 2007 to about 250,000, according to the center.

Juggling ambivalence

For Stansbury, who works at the Committee in Solidarity with the People of El Salvador, housed above a Mount Pleasant church, his $1 million inheritance at age 30 triggered crosscurrents of ambivalence.

He grew up in Seattle, the son of a lawyer and interior decorator, went to private school, played lacrosse and enrolled at Georgetown University. But he disliked the college's preppy scene, so he dropped out after a year and traveled around Mexico with a friend in an orange 1974 Volkswagen pop-top van.

"In Mexico, I saw really extreme poverty," said Stansbury, who lives in a $1,600-a-month one-bedroom basement apartment in Mount Pleasant with his partner, Krista Hanson, and their newborn, Lucas. "I saw deforestation. I saw more problems in the world than I saw in my private school. I saw an uprising in Chiapas of indigenous people -- corn farmers -- against trade policies, and I discovered solidarity activism."

When he returned, he transferred to the University of Montana. After graduating, he began working on behalf of Salvadorans. He was making $25,000 a year at the Solidarity Committee and now works there part time. At 30, he inherited $1 million in a trust set up by his grandfather, John G. Molz, who made his money in real estate and a wine business.

Stansbury has invested his inheritance in "socially responsible" mutual funds, he said, and monitors his investments closely.

When he learned that Costco was opening a store in Mexico that would entail cutting down trees and displacing a "sacred community, I put together an action at a shareholders meeting," he said. "They opened the store but made concessions. People were still upset, but the company clearly got the message."

At Resource Generation meetings, Stansbury vents about politics and critiques his inheritance, which he says perpetuates social inequalities and what he views as an insulated upper class. (He supports increasing estate and capital gains taxes.)

Life's complications

When Nigel Greaves joined Resource Generation, he found the members' hand-wringing about inherited money a bit much.

"The conversations were hard for me to hear at first," said Greaves, 32, a filmmaker who does not come from wealth but joined the group because he believes in its social change mission.

"This idea of guilt and not understanding or knowing what you can do with the money can be frustrating for someone who doesn't have a familiarity with the group. But I have more of an appreciation of that journey now."

But for those with money coming their way, the questions seem to get harder. Now that he has a child, Stansbury said he can no longer view his inheritance as a pot of money to be donated to causes. "We've just started thinking about it. I want to provide the best health care for Lucas, which is going to be a real need."

What about nannies and private school?

"I'd like to have my kids be exposed to more diversity, something less sheltered than where I went to school," said Stansbury, sitting in his living room and surrounded by books on subjects such as Karl Marx and the farm crisis in Mexico. "It depends on where we live."

Posted via web from sdn's posterous

How to get local results on ShopSavvy

The most compelling feature about ShopSavvy is NOT the ability to scan a barcode, instead it is the ability to expose inventory and pricing information from local retailers.  In the Android version of ShopSavvy our standard screen had a Web tab and a Local tab that exposed the number of results for each.  If the user scans an item that we don’t have a local result for we show “0″ as the number of results.  Over the past year we have regretted this decision as users will email us letting us know they aren’t pleased we don’t have local results.  In our iPhone version we fixed this issue.

In the iPhone version of ShopSavvy if you scan an item WITHOUT local prices we simply show a tab that says “Prices”.  If we have local prices we show the two tabs, i.e. Web and Local price.  By not calling attention to the fact that we don’t have a local price for an item we don’t get many emails from annoyed users relative to local results.  Of course, in our world, not many is hundreds so I thought I would explain how to get local results on ShopSavvy.

Most new users (i.e. the vast majority of support emails) download ShopSavvy at their house and begin scanning items they already to own.  Many of these items are grocery related and we don’t cover groceries very well (read more here).  The rest are old books and DVDs – many of these are still available online, but they are no longer in local stores.  These ‘DEMO’ scans often yield poor results, a) the items are no longer sold in local stores, b) they are of groceries and c) the barcodes are hard to read.  We have received hundreds of negative ratings from these users even though they have never actually tried to use ShopSavvy to shop.  My advice?  Use ShopSavvy when you shop – you will be surprised how helpful ShopSavvy can be.

The reason ShopSavvy performs well in retail stores is fairly obvious.  First, the items sold in one retail store are likely sold in other retail stores – meaning we will have local inventory and price.  Major local retailers carry between 10,000 and 100,000 items – this is out of millions of items.  Second, the lighting in retail stores is often far better than the lighting in your house – this means scanning will be faster.  Third, the barcodes are almost always printed on flat surfaces – this means scanning will be faster.  Trying to scan items in your house means you are scanning items that might not be currently sold, might have hard to read barcodes and scanning in low light.  Before you give us a poor review or rating, please actually use ShopSavvy when you are shopping for Christmas.

 

http://www.biggu.com/

via: http://www.biggu.com/2009/11/21/how-to-get-local-results-on-shopsavvy-2/

 

Posted via web from sdn's posterous

Saturday, November 21, 2009

Untitled

thumbs up

A Balanced Assessment of the Criticisms of Engaging Social Media:

Determining the advantages and disadvantages of particular activities for people and organizations is an important task. Why else would education, books, think tanks, and presidential debates exist. I thought fleshing out my personal experience with the advantages and disadvantages might be instructive in determining “the truth” about social media, web 2.0, and blogging technologies.

Advantages of Social Media

• Democratization of media.
• Relationships and conversation.
• Creativity and re-mix culture.
• Embrace your passion and identity.
• Community, sharing, and connecting.
• Increase transparency in government and organizations.

Criticisms of Social Media

• Lots of great content still gets overlooked. Current lack of good filters creates problems finding the best content.
• Writers have problems delivering content consistently.
• Anonymity can engender polarization and hate.
• Information overload and social networking overload.
• Work/Life balance is hard to achieve.

As society and technology moves forward we stand at a watershed moment and history, so it is vitally necessary to stop and think about our societal trajectory. Thoughts? Did I miss an advantage or disadvantage?

How you can learn more or learn how to make your corporate blogging efforts more strategic and productive:

If you liked this post you might be interested in a more comprehensive criticism of social media which suggests that its a little early to drink the social media and web 2.0. Alternatively, if you want to strategically blog or productively use social media and web 2.0 tools which addresses many of these concerns, you should check here. Finally, the problems with the traditional social media agency.

Advantages and Disadvantages of Social Media Part II: The Risk of a Web 2.0 Bubble

This presentation by Dave in January of 2008 outlines the economics and cultural stresses which might cause one to be wary of the web 2.0 wave, and as a very astute venture capital investor he ultimately concludes with a happy future for the world of Web 2.0:

Web 2.0 is Dead; Long Live Web 2.0!<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more presentations from Dave McClure.</div></div>

(image credit: pikkus)

Posted via web from sdn's posterous

The girl who silenced the world for 5 minutes

 via: http://compassioninpolitics.wordpress.com/2009/03/24/the-girl-who-silenced-the-world/

 

Humanity in Focus recently featured “The Girl Who Silenced the World for 5 Minutes“:

This was 16 years ago, at the United Nations Conference on Environment and Development, also known as the Rio Summit, Earth Summit (or, in Portuguese, Eco ‘92), a major conference held in Rio de Janeiro from June 3 to June 14, 1992. the UN international Environmental Conference.

Did anybody listen?

 

(hat tip: technology health and development)

This is a great speech by Severn Suzuki to the United Nations. More recently she wrote a book called “Notes from Canadian Young Activists: A Generation Stands Up For Change” and spoke out on the issues of responsibility and social change in an interview with the Tyee in Canada:

There are … so many amazing things happening right now…..

I’ve met a couple of people lately who have a very interesting attitude. They [said], “How lucky are we? How exciting is this time? How lucky are we to be alive when the forces of good and evil are just so clear, when we’re undergoing such a massive time of shift and when our actions really, really matter, for good or for bad?”

This is a really unique period in history and it’s a time when an individual can have more impact than ever before in our human history because of the Internet, because of communication, because of how easily we can travel. … We really have to realize how empowered we can be, how much we actually matter.

Posted via web from sdn's posterous

Top 50 downloads: music

 http://beemp3.com/images/02.jpg http://beemp3.com/images/03.jpg

Top 50 downloads:

1 Jay-Z - Run This Town Feat. Kanye Wes..
2 David Guetta - Sexy Bitch
3 Pitbull - Hotel Room Service
4 Teriyaki Boyz - Tokyo Drift (Fast & Furious)
5 Pussycat Dolls - Hush Hush
6 New Boyz - Tie Me Down
7 Beyonce - Sweet dreams
8 robbie williams - bodies.mp3
9 Rihanna - Te Amo
10 Green Day - 21 Guns
11 Pitbull - I Know You Want Me
12 Pitbull - Hotel Room Service
13 Linkin Park - In The End - Linkin Park
14 Black Eyed Peas - Boom Boom Pow
15 Paramore - Ignorance
16 Sean Pual - So Fine - LMP
17 Nelly Furtado - Manos Al Aire
18 cascada evacuate the danceflo..
19 Lenka - The Show
20 Usa For Africa - We Are The World
21 Dorrough - Ice Cream Paint Job
22 The Lonely Island - I'm On A Boat
23 Jay-Z Ft Rihanna & Kanye .. - Jay Z Ft Rihanna Kanye West R..
24 alexandra burke & flo rida - ..
25 Fabolous ft. The Dream - Throw It In The Bag
26 spankers sex on the beach
27 Linkin Park - In The End - Linkin Park
28 importiert - Pitbull - I Know You Want Me (
29 A.R. Rahman - Jai Ho
30 Lady Gaga - Paparazzi
31 Jay Sean - Down
32 Justin Bieber - Favorite girl
33 black eyed peas - i got feeli..
34 Muse - Uprising
35 Hoobastank - The Reason
36 Lily Allen - Fuck You
37 SIDEKICK - Deep Fear
38 Inna - Hot
39 Jeremih - Imma Star
40 Pitbull - Hotel Room Service
41 Taylor Swift - Love Story
42 Keri Hilson Ft Kanye West &am.. - Knock You Down
43 Jay-Z Feat. Kanye West and Ri.. - Run This Town
44 Shakira - Hips Don't Lie
45 WwW.BiG.aZ - Sean kingston - Face Drop
46 Shakira-She wolf
47 Jordin Sparks - Battlefield
48 MGMT - MGMT - Kids
49 Aerosmith - I Don't Want to Miss a Thing
50 Sean Kingston - Fire Burning The Dancefloor

Posted via web from sdn's posterous

Designing CSS Buttons: Techniques and Resources

http://www.smashingmagazine.com/

 

Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their operating system. Here, we present you several techniques and tutorials to help you learn how to style buttons using CSS. We’ll also address usability.

Links vs. buttons

Before we explain how to style buttons, let’s clear up a common misconception: buttons are not links. The main purpose of a link is to navigate between pages and views, whereas buttons allow you to perform an action (such as submit a form).

In one of his articles, Jakob Nielsen writes about command links, which are a blend of links and buttons. But he recommended that command links be limited to actions with minor consequences and to secondary commands. To learn more about primary and secondary commands (and actions), check out Primary and Secondary Actions in Web Forms by Luke Wroblewski. To learn more about the differences between links and buttons, read Creating Usable Links and Buttons at UXBooth.

Basic Styling

The simplest way to style links and buttons is to add background color, padding and borders. Below are examples of the code for the link, button and input (”Submit”) elements.

Sample button
<button class="button" id="save">Sample button</button>
<input class="button" value="Sample Button" type="submit" />
.button {
padding:5px;
background-color: #dcdcdc;
border: 1px solid #666;
color:#000;
text-decoration:none;
}

This simple code minimizes the visual differences between links and buttons. And here are the rendered examples of the code above:

Different Buttons in Designing CSS Buttons: Techniques and Resources

The important thing to note is that these three elements render differently with the same CSS. So, you should style these elements carefully to ensure consistency across your website or application.

Images

Adding images to buttons can make the buttons more obvious. Sometimes the image itself clearly communicates the purpose of a button; e.g. a loupe icon for searching or a floppy disk icon for saving. The easiest way to add an image to a button is to use a background image and then position it accordingly. Below are our examples with a checkmark icon.

.button {
padding: 5px 5px 5px 25px;
border: 1px solid #666;
color:#000;
text-decoration:none;
background: #dcdcdc url(icon.png) no-repeat scroll 5px center;
}

Different Buttons2 in Designing CSS Buttons: Techniques and Resources

Button States

In addition to their default state, buttons and links can have two other states: hover and active (i.e. pressed). It is important that buttons appear different in different states so that users are clear about what is happening. Any element in a hover state can be styled by invoking the :hover CSS pseudo-class.

a:hover {
color:#f00;
}

Though very important, the active state is rarely implemented on websites. By showing this state, you ensure that your buttons are responsive and send a visual cue to users that a button has been pressed. This is called isomorphic correspondence, and it is “the relationship between the appearance of a visual form and a comparable human behavior” (Luke Wroblewski, Site-Seeing). The article Pressed Button State With CSS elaborates on the importance of the active state.

a:active {
color:#f00;
}

There is yet one more state, one that is seen when navigating with the keyboard: the focus state. When the user navigates to a button using the Tab key, it should change appearance, preferably to have the same appearance as the hover state.

a:focus {
color:#f00;
}

The examples below shows the common way to style button states. The hover state is a bit lighter than the normal state, while the active state has an inverted gradient that simulates a pressed action. Although you need not limit yourself to this styling, it is a good place to start.

Button States in Designing CSS Buttons: Techniques and Resources

We should talk about how to handle the outline property for the :active and :focus states. Handling this property well is important for the experience of users who employ the keyboard as well as the mouse. In the article Better CSS Outline Suppression,” Patrick Lauke shows how buttons and links behave in different combinations of states and explains why the outline property should be invoked only with the :active state.

Apple in Designing CSS Buttons: Techniques and Resources

The blue “Buy now” button on Apple.com has a slightly lighter background for the hover state and an inset style for active state. Even the main navigation button on Apple’s website implements all three states.

Tearoundapp in Designing CSS Buttons: Techniques and Resources

Although it doesn’t implement the active state, this fancy button on Tea Round has a nice fading effect on hover.

Uxbooth Button in Designing CSS Buttons: Techniques and Resources

The “Read more” button on UX Booth turns green on hover and moves down one pixel in the active state, which simulates the effect of pressing a button.

Useful Reading

The article Rediscovering the Button Element shows the differences between links and buttons and explains how to style buttons easily.

Rediscover Button in Designing CSS Buttons: Techniques and Resources

Styling Form Buttons covers the basics of styling buttons, with many examples.

Tyssendesign in Designing CSS Buttons: Techniques and Resources

Beautiful CSS Buttons With Icon Set shows how to style buttons using background images. Although not scalable, these are really nice buttons.

Buttonnice in Designing CSS Buttons: Techniques and Resources

Recreating the Button is a very good article that explains how Google ended up with the buttons that it uses on majority of its websites.

Stopdesign in Designing CSS Buttons: Techniques and Resources

Scalable CSS Buttons Using PNG and Background Colors explains how to create really stunning buttons for all states. Although it uses jQuery, it degrades gracefully if JavaScript is turned off.

Monc in Designing CSS Buttons: Techniques and Resources

Sliding Doors: Flexible Buttons

One important consideration needs to be made when styling buttons: scalability. Scalability in this context means being able to stretch a button to fit text and to reuse images. Unless you want to create a different image for each button, consider the “sliding doors” technique. This technique enables you to create scalable, rich buttons.

Sliding Doors in Designing CSS Buttons: Techniques and Resources

The principle involves making two images slide over each other, allowing the button to stretch to the content. Usually, this is done by nesting a span element within a link. As shown in the image above, each element has its own background image, allowing for the sliding effect. The two code snippets below show the structure and basic styling for this effect.

Typical sliding doors button
a {
background: transparent url('button_right.png') no-repeat scroll top right;
display: block;
float: left;
/* padding, margins and other styles here */
}
a span {
background: transparent url('button_left.png') no-repeat;
display: block;
/* padding, margins and other styles here */
}

The advantages of this technique are that it:

  • Is an easy way to create visually rich buttons;
  • Ensures accessibility, flexibility and scalability;
  • Requires no JavaScript;
  • Works in all major browsers.

Useful Reading

The “Sliding Doors of CSS” article on A List Apart (part 1 and part 2) covers the basics of this technique. Although a bit old, these articles are a must-read for every Web developer.

Alistapart in Designing CSS Buttons: Techniques and Resources

Also a bit old, Creating Bulletproof Graphic Link Buttons With CSS is an excellent article that shows how to create bulletproof, resizable, shrunk-wrap buttons. Also a must-read.

456bereast in Designing CSS Buttons: Techniques and Resources

Filament Group has a variety of excellent articles and tutorials. Its second article on CSS buttons, Styling the Button Element With CSS Sliding Doors,” explains how to create buttons by combining techniques. Although it doesn’t support the active state, it can be easily extended.

Filament in Designing CSS Buttons: Techniques and Resources

How to Make Sexy Buttons With CSS is one of the best and simplest explanations of the sliding doors technique. It also contains a little fix for the active state in Internet Explorer.

Oscaralexander in Designing CSS Buttons: Techniques and Resources

If you want Wii-like buttons, the article Simple Round CSS Links (Wii Buttons) provides all the necessary resources and explanation on how to style them.

Wii in Designing CSS Buttons: Techniques and Resources

The common way to achieve the CSS sliding doors technique is to use two images. However, the article CSS Sliding Door Using Only One Image shows that it is possible to achieve the same effect with only one image.

Kailoon in Designing CSS Buttons: Techniques and Resources

CSS Oval Buttons and CSS Square Buttons from Dynamic Drive are two other articles that show the effectiveness of CSS sliding doors.

Dynamicdrive in Designing CSS Buttons: Techniques and Resources

CSS Sprites: One Image, Not Many

With CSS Sprites, one image file contains multiple graphic elements, usually laid out in a grid. By tiling the image, we show only one Sprite at a time. For buttons, we can include graphics for all three states in a single file. This technique is efficient because it requires fewer resources and the page loads faster. We all know that many requests to the server for multiple small resources can take a long time. This is why CSS Sprites are so handy. They significantly reduces round-trips to the server. They are so powerful that some developers use CSS Sprites for all their graphics. The Holy Sprites round-up on CSS Tricks offers some very creative solutions.

The example below shows the simplest use of CSS Sprites. A single image contains graphics for all three button states. By adjusting the background-position property, we define the exact position of the background image we want. The image we’re choosing to show here corresponds to a background position of top: -30px and left: 0.

Sprites in Designing CSS Buttons: Techniques and Resources

a {
background: white url(buttons.png) 0px 0px no-repeat;
}
a:hover {
background-position: -30px 0px;
}
a:active {
background-position: -60px 0px;
}

For general information and resources on CSS Sprites, check out The Mystery of CSS Sprites: Techniques, Tools and Tutorials.”

Useful Reading

In this easy-to-follow tutorial How to Build a Simple Button with CSS Image Sprites,” Chris Spooner explains how to create a CSS Sprites image in Photoshop and use it with CSS.

Line25 in Designing CSS Buttons: Techniques and Resources

Transforming the Button Element With Sliding Doors and Image Sprites shows how to enrich a button element with a combination of sliding doors and image Sprites. It implements the active state in a very interesting way, not by using different images or colors but rather by positioning.

CSS 3: Buttons Of The Future

CSS 3 allows us to create visually rich buttons with just a few lines of code. So far, this is the easiest way to create buttons. The downside of CSS 3 is that it is currently supported only by Firefox and Safari. The upside is that buttons styled with CSS 3 degrade gracefully in unsupported browsers. By using the browser-specific properties -moz-border-radius (for Firefox) or -webkit-border-radius (for Safari), you can define the radius of corners. Here are a few examples of what can be done with the border radius property.

Css3 Rounded in Designing CSS Buttons: Techniques and Resources

For better results, you can combine CSS 3 rounded corners with the background image property. The example below shows a typical button with a gradient image, the first without rounded corners, and the second with.

Rounded Corners in Designing CSS Buttons: Techniques and Resources

Compared to sliding doors, this technique is far simpler. However, if you want to maintain visual consistency across all browsers, then use sliding doors, because it works in all major browsers, including IE6. To learn more about the capabilities of CSS 3, read CSS 3 Exciting Functions and Features: 30+ Useful Tutorials.” And here are a few good tutorials on styling buttons with CSS 3 features.

Useful Reading

Super Awesome Buttons With CSS 3 and RGBA shows the power of CSS 3 with rounded corners, Mozilla box shadows and RGBA, which is a color mode that adds alpha-blending to your favorite CSS properties. This is one of the best examples of CSS 3 buttons.

Zurb in Designing CSS Buttons: Techniques and Resources

Create a CSS 3 Button That Degrades Nicely is a good example of CSS 3 buttons that degrade gracefully in browsers that don’t support CSS 3.

Stylizedweb in Designing CSS Buttons: Techniques and Resources

Creating buttons without Images Using CSS 3 explains the drawbacks of using images for buttons and shows several options for creating image-less CSS 3 buttons.

Opera in Designing CSS Buttons: Techniques and Resources

Emulating Google-Syle Buttons Using CSS 3 & dd_roundies JS is a fantastic article that shows how to create Google-like buttons. It goes even further and shows how to create the button pillbox commonly seen on Google pages.

Instant Tools: Are They Useful?

Tools exist for creating buttons, such as Easy Button and Menu Maker and My Cool Button, and for creating CSS Sprites, such as CSS Sprite Generator, but the question is, do they really help you create buttons that fit your needs. Although they are configurable and easy to use, your creativity and control over the results are limited, which makes for average-looking buttons. Using one-size-fits-all buttons is not a good idea.

The solution is to use Photoshop (or a free alternative) and the proven techniques described in this article. If you are a beginner with Photoshop, here are several excellent tutorials on creating amazing buttons.

If you don’t know where to start, iPhone-Like Button in Photoshop is the perfect choice. In only 10 to 15 minutes, you will be able to create the kind of buttons seen on the iPhone.

Iphone Button in Designing CSS Buttons: Techniques and Resources

How to Create a Slick and Clean Button in Photoshop is a very detailed tutorial that guides you through 30 simple steps and helps you learn the Photoshop basics. In addition, the article explains how to use these graphics in combination with HTML and CSS to create fully functional CSS buttons.

Sixrevisions in Designing CSS Buttons: Techniques and Resources

Photoshop Button Maker is a fantastic tutorial from PSD Tuts that shows how to create fancy oval buttons (or badges).

Psdtuts in Designing CSS Buttons: Techniques and Resources

Buttons And Usability: Instead Of Conclusion

The techniques described above can help you create stunning buttons. However, because they play a critical role in website usability, the buttons should meet some key principles:

  1. First consider the labeling. Always label buttons with the name of the action that the user is performing. And always make it a verb. A common mistake is to label buttons “Go” for various actions such as searching, sending email and saving. Labels should also be short and to the point; no need to clutter the user interface.
  2. As mentioned, include all button states (default, hover, active) to provide clear visual cues to the user as to what is happening. Button outlines should remain in the active state only.
  3. Clearly distinguish between primary and secondary actions. The most important action should be the most prominent. This is usually done by giving primary and secondary actions different colors.
  4. Pay close attention to consistency. Buttons should be consistent throughout a Web application, both visually and behavior-wise. Use CSS sliding doors for reused buttons or CSS 3 rounded corners to maintain consistency.
  5. Though obvious, we should note that the entire button area should be clickable.

The articles below provide even more usability guidelines and best practices for designing buttons.

Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable.

Uxpassion in Designing CSS Buttons: Techniques and Resources

Creating Usable Links and Buttons explains why users expect buttons sometimes and links other times. It also shows how to choose between the two elements.

Uxbooth in Designing CSS Buttons: Techniques and Resources

How to Design Buttons to Help Improve Usability explains some usability principles that should be considered when designing buttons. It covers the basics of icon usage, appearance, behavior, hierarchy and consistency.

(al)

Posted via web from sdn's posterous

Thursday, November 19, 2009

lyrics of couples retreat sajna

http://www.youtube.com/view_play_list?p=574324C6FED2368F

When you smile, I smile with you,
When you cry, I feel it too,
You are my soul, my heart coming out to you,

Be my eyes when I can’t see,
Be my voice when I can’t speak,
Be my life when darkness creeps on me,

Hoo, sajna sajna sajna re,
Hai just sajna sajna sajna re

Sajna sajna sajna re
Hai just sajna sajna sajna re


Throw the stars that shine so bright,
Cross the sky and cross the night,
Making ways to be right by your side

Hold me close don’t let me go
Hold me tight don’t you say no
Save the love we have for ever more


Ho, sajna sajna sajna re,
Hai just sajna sajna sajna re

Sajna sajna sajna re
Hai just sajna sajna sajna re

Save me, when my dream catches fire
(Spare?) me, in my only desire
Wake me, when the pain is over
Take me, now (Take me, now) ...2

When you smile, I smile with you,
When you cry, I feel it too,
You are my soul, my heart coming out to you,

Be my eyes when I can see,
Be my voice when I can speak,
Be my life when darkness creeps on me,

Through the stars that shine so bright,
Cross the sky and cross the night,
Making ways to be right by your side

Hold me close don’t let me go
Hold me tight don’t you say no
Save the love we have for ever more...

Posted via web from sdn's posterous