Sunday, February 28, 2010

Dard itna tha k us raat

Dard itna tha k us raat
Dil-e-wehshi nay
Her rag-e-jaa.n say ulajhna chaha
Her bun'e mu say tapakna chaha
Aur kahi.n duur teray sehn'e chaman mein goya
Patta patta meray afsurda lahu mein dhul ker
Husn-e-mahtaab sai aazarda nazar aanay laga
Meray virana-e-tan mein goya
Saray dhuktay huay raisho.n ki tanabain khul ker
Silsala waar pata dainay lagi.n
Ruksat-e-kaafla-e-shauk ke tyaari ka
Aur jab yaad ke bujhti hui shammo.n mein nazar aaya kahi.n
Aik pal aakhri lamha teri dildari ka
Dard itna tha kay us say bhi guzarna chahaa
Hum nay chahaa bhi magar dil na thehrna chahaa

Saturday, February 27, 2010

Rishte Hain Kis Liye Samajhte Hain Is Liye

Hanse Ped Jab Tab To Baadal Hanse
Hanse Jab Nadi Tab To Saagar Hanse
Hoke Insaan Bhi Ham Hanse Na Kabhi
Bas Yahi Sochkar Khud Pe Ham Hans Liye

Jeenaa Hai Kis Liye Jeevan Hai Is Liye
Zindaadili Se Kyun Na Ham Jiyein
Jeenaa Hai Kis Liye Jeevan Hai Is Liye
Zindaadili Se Kyun Na Ham Jiyein
Rishte Hain Kis Liye Samajhte Hain Is Liye
Jeenaa Bhi Varnaa Aur Hai Kis Liye

Ye Khizaan Aur Vo Bahaar Do Ghadi Ke Hain Khumaar
Badalnaa Hi To Qudrat Mein Qaayam Kaa Rahaa Kirdaar
Ye Khizaan Aur Vo Bahaar Do Ghadi Ke Hain Khumaar
Badalnaa Hi To Qudrat Mein Qaayam Kaa Rahaa Kirdaar
Badleinge Kis Liye Sanvreinge Is Liye
Badal Ke Hans Diye To Jee Liye
Jeenaa Hai Kis Liye Jeevan Hai Is Liye
Zindaadili Se Kyun Na Ham Jiyein

Aansoo Ke Jo Dhaare Hain Ye Gham Ke Sharaare Hain
Jo Unko Ponchh De Bas Vo Hi To Tumhaare Hain
Aansoo Ke Jo Dhaare Hain Ye Gham Ke Sharaare Hain
Jo Unko Ponchh De Bas Vo Hi To Tumhaare Hain
Aansoo Hai Kis Liye Sar Dard Is Liye
Muskaan Se Aansoo Bhi Dho Liye
Jeenaa Hai Kis Liye Jeevan Hai Is Liye
Zindaadili Se Kyun Na Ham Jiyein
Rishte Hain Kis Liye Samajhte Hain Is Liye
Jeenaa Bhi Varnaa Aur Hai Kis Liye

Tuesday, February 16, 2010

Top Strategies and Intelligence...

Google Buzz - How Will it Affect Local SEO?

Everyone's buzzing about the new launch from Google dubbed "Google Buzz." While millions of people are checking out the great new features it brings and new worlds of communication it has literally just opened up, all of us in the search engine optimization profession are asking, "How Will it Affect Local SEO?" Let me first point out a few all but obvious strategic advantages Google Buzz has over its competition.

How to Optimize PDF Documents for SEO
http://tinyurl.com/yeuds4b

On page optimization and link building are the most basic techniques of optimizing a website. Apart from web pages, many sites contain assets in the form of documents (.doc, .pdf), spreadsheets (.xls), presentations and videos (.avi etc). Optimizing these assets is beneficial as they get indexed faster and rank well in the top search engines.

INSTANT Google Traffic - You Choose the Keywords
http://tinyurl.com/ylrahcd

Can't afford to wait for SEO to start working? Get targeted Google traffic in just days. Premium sponsored exposure on all your important keywords. There's no quicker way to boost your website results!
Organize Your Google Exposure Now!


Marketing Tips: The Internet Marketing Secret That Stops Small Business Owners in Their Tracks

All of my clients are exceptional at the service they provide for their clients. However, many of them have a hard time filling their practices and finding clients. Almost without fail, they tell me that this is a marketing problem. It is a marketing problem, but not the type they think it is. The same problem is the Internet marketing secret that stops small service business owners in their tracks, every time.


http://www.site-referencenewsletter.com/link.php?M=760352&N=250&L=1585&F=H

Monday, February 15, 2010

6 Places that Flash Does Not Belong

It's recently occurred to me that I've been doing Flash sites now for 10 years and have seen it come a long way since Flash 4, where I first cut my teeth on Actionscript, tweening, and pixel fonts. Over the years, I've seen and done many projects, some of which utilized Flash in very useful ways, while others had no business using it. Sometimes, a Flash implementation hurt the company, detracted from the site's purpose, and had poor results (all the while costing them more to build the site in the frst place). So in a world where too many companies want Flash websites and too few designers use Flash very well, here is a brief list of places that Flash currently does not belong (with very few exceptions):

1. Website Intros
Let's get the obvious out of the way. Websites exist for their visitors, not the other way around. I see almost no use ever for a Flash intro (or really, any website intro), unless your website strategy includes annoying visitors and wasting other people's time. This isn't to say that you shouldn't have a decent preloader or a smooth transition into your site, but anything more than a second or two of Flash before the actual site is a bad idea.

2. Sites with SEO Objectives
Although it's possible to get semi-decent SEO rankings in certain situations for a Flash site, you're just not going to achieve the kind of SEO success for a Flash site that you can for an HTML equivalent. Granted, SEO isn't an easy game to play even if you don't use Flash (see our SEO tutorial), but if your website strategy has any SEO expectations, stay away from it.

3. Menus/Navigation on an HTML Site
Menus have a singular and key function on every website -- to get visitors quickly to the content they want. The words "pretty," "cool," or "smooth" should never be in the same league as "accessible" when it comes to navigation. A Flash menu runs the risk of leaving many users stranded (not everyone has Flash, including an increasing user base that surfs with mobile devices). Furthermore, search engines won't get around too well on a website that lacks true links for its menus. And if you really can't live without the "cool" menus, there are more than enough DHTML/Javascript based menus that can transform simple list tags into great looking navigation systems.

4. Informational/Content Sites
A couple years ago, I did a website for a large church organization that had dozens of menu items and many pages of content per menu item. They insisted on a Flash site where you never had to use the browser scroll, and at the same time, it should look just like an HTML site (which of course, begs the question, "Why are we using Flash?"). Needless to say, they ended up with a very cumbersome website that costs much more than an HTML site, both to build and maintain. Furthermore, visitors complained about the site usability, preferring even a simple text-only site where they could actually get the information they wanted. In general, you'd be surprised how often a visitor will take information accessibility over a great-looking Flash one. If your website's primary purpose is delivering informational content, avoid Flash.

5. E-Commerce
Anyone who has followed the development of the Flash platform will concede that it has come a long way in terms of functionality and programmatic flexibility. With the advent of Flex, Flash is more equipped for application-type usage than ever before. There are even some really great-looking examples of stores built on Flex. However, I think Flash for e-commerce should still be avoided for two primary reasons:

a) Flash stores can still be pretty complex. Your typical HTML e-commerce site is straight-forward with a catalogue, account, and checkout system, all of which can be edited and modified independently with relative ease. Although a Flash store will have the same basic components, you're still dealing with a platform with more integrative complexity and less room for error. In the last few months, I've come across two websites that have attempted to implement a Flash e-commerce solution. On both, I managed to somehow find a weird functionality bug, and having lost confidence in the site, went elsewhere for my purchase. So unless you have a great Flash developer and a solid understanding of consumer UI, stick to non-Flash e-commerce for now.

b) E-commerce conventions are very powerful. For the last decade, online shoppers have become accustomed to how e-commerce sites work. Any great derivation from what they're used to will often result in lower ROI. Although some Flash carts look really snazzy and have more functionality than their HTML counterparts, the proof is always in the customer conversion rate. And having worked on and seen sites that have attempted both types of carts, even "ugly" HTML e-commerce sites will often outperform Flash carts. Online consumers are used to clicking on items, not dragging items to a "cart section." They want to click "Add to Cart" and "Checkout" and go from page to page. Sure, this may change in the coming years, and yes, innovation is a good thing, but e-commerce conventions still hold too strong a sway to go with Flash e-commerce just yet.

6. Sites Requiring Heavy Management
Although Flash has a few solid options for content management, if you or your client will be constantly editing a website, Flash can easily become more of a hurdle in keeping it updated. This is mainly because clients always end up wanting to edit more than you tell them is possible. And there are few things worse in a freelancing business than maintaining parts a Flash site for years. If you know a client has high maintenance needs, make sure you address such future issues before even starting the site.

Of course, there are some websites where Flash can be a good choice or at least a "possible" choice. Some such sites include portfolios, promotional sites (movies, product "exploration" sites, etc.), sites with videos or games, and small boutique sites for creative agencies or possibly high-end design products (and even then, it's never a bad idea to have either an intermediary HTML portion or a full-fledged HTML version). Just don't ever forget that every website has a primary purpose, and if Flash doesn't contribute to that, it's probably a detriment and a liability.

Sunday, February 14, 2010

Creativity at it's best

A music video from the premiere mini album "Water Flavor EP", from the Japanese band "Sour", for the song "Hibi no Neiro" (Tone of everyday). The video was shot with webcams only, and the main protagonists are Sour fans from around the world.





Saturday, February 13, 2010

HOW TO: Integrate Facebook, Twitter, and Buzz into Your Gmail

With over 10 million posts and comments in two days, Google Buzz has stormed the web like a swarm of locusts. An array of strong features, integration with Gmail, and lots of press have turned Buzz into an overnight phenomenon.

If you’re like a lot of us, you’ve suddenly found yourself using your Gmail (Gmail) even more than you already were. Spending so much time in Gmail and Buzz though inevitably takes away from your Facebook (Facebook) and Twitter (Twitter), and who wants to sacrifice their tweeting and facebooking?

Luckily if you’re a Gmail user, you don’t have to sacrifice either, even while you’re browsing your email or your buzz.



Gadget Integration Is Your Friend



Yesterday we caught a Buzz post by Ari Milner where he described how he turned his Gmail into his personal “social command center.” How did he do it? In his words:
“The key was using Gmail Labs feature at the bottom of the list called ‘Add (add) any gadget by URL’. This allowed me to add these 3 features to my Gmail sidebar.”

By utilizing third-party gadgets, he transformed his Gmail into a place where he could access his Twitter, Buzz, and Facebook straight from his Gmail. Here’s how:



Step By Step: Integrating Your Social Media into Buzz





1. Activate “Add any gadget by URL” in Gmail Labs — you’ll find it near the bottom of the list.

2. Now go to Settings –> Gadgets. Here you’ll find a place to add Gadget URLs.

3. Add the TwitterGadget App. Any iGoogle gadget will do actually, but the best one in our opinion is TwitterGadget, a fully-functional Twitter service for iGoogle and Gmail. This lets tweet from the sidebar or open up your Twitter with all of your tabs intact. It even supports multiple accounts.
To add it, copy and paste this URL into Gmail’s Gadget settings: “https://twittergadget.appspot.com/gadget-gmail.xml”

4. Add the Facebook Gadget. In the same way you added TwitterGadget, you can add Facebook to your Gmail. While Google has an official Facebook gadget, it doesn’t play nicely with Gmail, so we suggest using the app Ari Milner users: Facebook Gadget by iBruno. It will expand into the rest of your Gmail for easy Facebook management.

To add it, copy and paste this URL into Gmail’s Gadget settings: “http://hosting.gmodules.com/ig/gadgets/file/104971404861070329537/facebook.xml”

5. That’s it! Google Buzz (Google Buzz), Facebook, Twitter, and Gmail are now all wrapped up into one. Pretty nifty, no?

benn Parr

Friday, February 12, 2010

Tuesday, February 9, 2010

World's tallest tower closed a month after opening

DUBAI, United Arab Emirates – The world's tallest skyscraper has unexpectedly closed to the public a month after its lavish opening, disappointing tourists headed for the observation deck and casting doubt over plans to welcome its first permanent occupants in the coming weeks.

Electrical problems are at least partly to blame for the closure of the Burj Khalifa's viewing platform — the only part of the half-mile high tower open yet. But a lack of information from the spire's owner left it unclear whether the rest of the largely empty building — including dozens of elevators meant to whisk visitors to the tower's more than 160 floors — was affected by the shutdown.

The indefinite closure, which began Sunday, comes as Dubai struggles to revive its international image as a cutting-edge Arab metropolis amid nagging questions about its financial health.

The Persian Gulf city-state had hoped the 2,717-foot (828-meter) Burj Khalifa would be a major tourist draw. Dubai has promoted itself by wowing visitors with over-the-top attractions such as the Burj, which juts like a silvery needle out of the desert and can be seen from miles around.

In recent weeks, thousands of tourists have lined up for the chance to buy tickets for viewing times often days in advance that cost more than $27 apiece. Now many of those would-be visitors, such as Wayne Boyes, a tourist from near Manchester, England, must get back in line for refunds.

"It's just very disappointing," said Boyes, 40, who showed up at the Burj's entrance Monday with a ticket for an afternoon time slot only to be told the viewing platform was closed. "The tower was one of my main reasons for coming here," he said.

The precise cause of the $1.5 billion Dubai skyscraper's temporary shutdown remained unclear.

In a brief statement responding to questions, building owner Emaar Properties blamed the closure on "unexpected high traffic," but then suggested that electrical problems were also at fault.

"Technical issues with the power supply are being worked on by the main and subcontractors and the public will be informed upon completion," the company said, adding that it is "committed to the highest quality standards at Burj Khalifa."

Despite repeated requests, a spokeswoman for Emaar was unable to provide further details or rule out the possibility of foul play. Greg Sang, Emaar's director of projects and the man charged with coordinating the tower's construction, could not be reached. Construction workers at the base of the tower said they were unaware of any problems.

Power was reaching some parts of the building. Strobe lights warning aircraft flashed and a handful of floors were illuminated after nightfall.

Emaar did not say when the observation deck would reopen. Ticket sales agents were accepting bookings starting on Valentine's Day this Sunday, though one reached by The Associated Press could not confirm the building would reopen then.

Tourists affected by the closure are being offered the chance to rebook or receive refunds.

The shutdown comes at a sensitive time for Dubai. The city-state is facing a slump in tourism — which accounts for nearly a fifth of the local economy — while fending off negative publicity caused by more than $80 billion in debt it is struggling to repay.

Ervin Hladnik-Milharcic, 55, a Slovenian writer planning to visit the city for the first time this month, said he hoped the Burj would reopen soon.

"It was the one thing I really wanted to see," he said. "The tower was projected as a metaphor for Dubai. So the metaphor should work. There are no excuses."

Dubai opened the skyscraper on Jan. 4 in a blaze of fireworks televised around the world. The building had been known as the Burj Dubai during more than half a decade of construction, but the name was suddenly changed on opening night to honor the ruler of neighboring Abu Dhabi.

Dubai and Abu Dhabi are two of seven small sheikdoms that comprise the United Arab Emirates. Abu Dhabi hosts the federation's capital and holds most of the country's vast oil reserves. It has provided Dubai with $20 billion in emergency cash to help cover its debts.

Questions were raised about the building's readiness in the months leading up to the January opening.

The opening date had originally been expected in September, but was then pushed back until sometime before the end of 2009. The eventual opening date just after New Year's was meant to coincide with the anniversary of the Dubai ruler's ascent to power.

There were signs even that target was ambitious. The final metal and glass panels cladding the building's exterior were installed only in late September. Early visitors to the observation deck had to peer through floor-to-ceiling windows caked with dust — a sign that cleaning crews had not yet had a chance to scrub them clean.

Work is still ongoing on many of the building's other floors, including those that will house the first hotel designed by Giorgio Armani that is due to open in March. The building's base remains largely a construction zone, with entrance restricted to the viewing platform lobby in an adjacent shopping mall.

The first of some 12,000 residential tenants and office workers are supposed to move in to the building this month.

The Burj Khalifa boasts more than 160 stories. The exact number is not known.

The observation deck, which is mostly enclosed but includes an outdoor terrace bordered by guard rails, is located about two-thirds of the way up on the 124th floor. Adult tickets bought in advance cost 100 dirhams, or about $27. Visitors wanting to enter immediately can jump to the front of the line by paying 400 dirhams — about $110 apiece.

http://news.yahoo.com/s/ap/ml_dubai_tallest_building

Sunday, February 7, 2010

Total Success is Determined by Your Thoughts, Beliefs and Actions

Many people say they want success, yet they are not willing to do what it takes to achieve their desired outcome. I am a believer in Total Success. Total Success requires more then a successful business and a great income. Total Success is about having a balanced life, giving back and enjoying what you do.

In order to achieve Total Success there are specific thoughts and beliefs you must have. There are also certain actions you must take.

Success in anything goes beyond the obvious. Although you need a certain amount of skill and knowledge, your successes will come from the way you think, feel and act, coupled with intense emotion and a steadfast belief in “self.”

To achieve Total Success you must set goals. Setting goals cannot be a hit and miss process. It has to be systematic, deliberate and the cornerstone of every other aspect of what you do in order to create a successful, abundant, happy, and balanced life. Goals are about gaining direction, clarity and vision.

Even though the concept of goal setting took a while for me to grasp, once I did, the difference in my ability to achieve the outcomes I desired was amazing. Initially I dabbled in the process. Over time, as with virtually every other component of my success, it became very systemized.

My success is directly proportionate to my willingness to set goals, write down my goals, review my goals and stay committed to my goals.

If you want what you say you do, you have to set goals. It’s not that difficult and the results will amaze you. Get a blank book. On each page write down your goals in a specific category and date it.

Not only should you write your goals down, you must review them morning and night. Write your primary goals on a 3 x 5 card to make the review time more targeted. Doing this will keep you on target with what you want.

When you focus on your goals by writing them down and reviewing them on a regular basis amazing events will begin to happen. You will be able to manifest what you want a lot quicker.

However, you must do more than write them down and read them. You have to be committed to the outcome. This means that if you want to get and stay healthy, you will have to make choices around what you eat and how often you exercise.

It is the same with your finances. If you want to increase your wealth you must make specific choices on how you spend and invest your money.

Think of every area of your life you want improvement in. Decide what you want and what you are willing to do to get it. Write your goals down, read them morning and night and take the appropriate actions to achieve your desired outcome.

With dedication and commitment you will be well on your way to Total Success.

Dr. Joe

chehry parha karo...

baaz auqat rukna bohot mushkil ho jata ha. aur baaz auqaat aagay chalna mushkil nahi na mumkin hota ha.

ye jo chehry hoty han inhen parha karo. dunia ki sab sa behatren kitab hoty han. kahi kitab ka getup umda hota ha, magar andar ki tehrer ghatiya hoti ha. kahi mamooli kaghzaat par aala darjy ki tehreer hoti ha.
kabi chehry ki tehrer bot waza ho kar b parny ko dil nai karta.
wo jany anjany me boohot andhery rasty par nikal ae ha. usay ye bhi nahi maloom k ye rasta band ha. kahi nahi jaata. aur me jab sa soch rahi hu k us ka kia ho ga.


kuch loog andhery me bhatakty huay bhi roshni ki tammanna zarur karty han. aur in ko in andhero se pyar hota ha. wo zindagi k in andhery ka ik hisssa ban chuky hoty han.





me waqt ko zaya nahi karti, waqt ne mujhy zaya kia ha.


me janti hu insan k hosly ko utna hi azmana chahiye jitna us me hosla ho, insan ko kisi unchi kursi par bitha dyna us ki izzat afzae nahi. us k sath zulm ha.

Friday, February 5, 2010

iPad - The best way to experience the web, email, photos

Awesome, and magical.

The New Apple Ipad - Great Product by Apple







obama on the ipad





Thursday, February 4, 2010

Color Theory For Designers, Part 2: Understanding Concepts And Terminology

If you’re going to use color effectively in your designs, you’ll need to know some color concepts and color theory terminology. A thorough working knowledge of concepts like chroma, value and saturation is key to creating your own awesome color schemes. In Part 1: The Meaning of Color of our color theory series, we covered the meanings of different colors. Here, we’ll go over the basics of what affects a given color, such as adding gray, white or black to the pure hue, and its effect on a design, with examples of course.

[Offtopic: by the way, did you know that Smashing Magazine has one of the most influential and popular Twitter accounts? Join our discussions and get updates about useful tools and resources — follow us on Twitter.]

Hue


Hue is the most basic of color terms and basically denotes an object’s color. When we say “blue,” “green” or “red,” we’re talking about hue. The hues you use in your designs convey important messages to your website’s visitors. Read part 1 of this article for the meanings conveyed by various hues.

Examples


Happytwitmas in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The primary hue of the background and some of the typography on the Happy Twitmas website is bright red.

Chapolito in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Using a lot of pure hues together can add a fun and playful look to a design, as done in the header and elsewhere on this website.

Estilorama in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Pure red is a very popular hue in Web design.

Mix in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Mix uses a number of pure hues in its header and logo.

Steveottenad in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Green in its purer forms is seen less often and so stands out more than some other colors.

Chroma


Chroma refers to the purity of a color. A hue with high chroma has no black, white or gray in it. Adding white, black or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.

In design, avoid using hues that have a very similar chroma. Opt instead for hues with chromas that are the same or a few steps away from each other.

Examples


Moviestills in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Cyan has a high chroma and so really stands out against black and white.

Canalconnection in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Another website with a high chroma blue, though it includes some tints and shades with somewhat lower chromas.

Philippdoms in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Combining high and low saturation in the same hue can make for a sophisticated and elegant design.

Fruehjahr in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Colors with very high chroma are best used in moderation, as done here.

Panelfly in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Differences in chroma can make for a visually pleasing gradient.

Saturation


Saturation refers to how a hue appears under particular lighting conditions. Think of saturation in terms of weak vs. strong or pale vs. pure hues.

In design, colors with similar saturation levels make for more cohesive-looking designs. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors.

Examples


Sifrvault in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The saturation levels of many of the different hues used here are similar, adding a sense of unity to the overall design.

Rainbeaumars in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Combining colors with similar muted saturation levels creates a soft design, which is emphasized by the watercolor effects.

Disfrutasanjuan in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Hues with lower saturation levels aren’t necessarily lighter, as shown here.

Craftsale in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
An excellent example of how using a hue with a high saturation against a background with low saturation can make the former really stand out.

Sunrisesoya in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Aother example of how low saturation colors make nearby high saturation colors really stand out.

Value


Value could also be called “lightness.” It refers to how light or dark a color is. Ligher colors have higher values. For example, orange has a higher value than navy blue or dark purple. Black has the lowest value of any hue, and white the highest.

When applying color values to your designs, favor colors with different values, especially ones with high chroma. High contrast values generally result in more aesthetically pleasing designs.

Examples


Creativespark in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The high value of the yellow used here really stands out against the lower-value black and gray.

Oysterdesign in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
This website combines blue hues with two different values. Because the different values have enough contrast, the overall look is visually appealing.

Copimaj in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Combining colors with similar values makes for an energetic and lively background (which is enhanced by the design itself).

Whoseview in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The red here has a lower value than the light blue, which itself has a lower value than the white.

Colourpixel in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The human eye can pick up differences in value even among such similar hues.

Tones


Tones are created when gray is added to a hue. Tones are generally duller or softer-looking than pure hues.

Tones are sometimes easier to use in designs. Tones with more gray can lend a certain vintage feel to websites. Depending on the hues, they can also add a sophisticated or elegant look.

Examples


Lakesideheritage in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Tones can give websites a sophisticated look while adding some vintage and antique flair.

Brightkite in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
This website combines blues in a variety of tones, shades and tints.

Mmuller in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Tones can be intensified by adding gray around them, as done here.

Redvelvetart in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The tones used in the navigation and background design here give this website a vintage, hand-made feel.

Mergeweb in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
A great example of how a pure hue can really stand out against a background of tones.

Metalab in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Some colors that we might consider gray are actually tones of other colors. In this case, the background is a blue tone but with a lot of gray added.

Shades


A shade is created when black is added to a hue, making it darker. The word is often incorrectly used to describe tint or tone, but shade only applies to hues made darker by the addition of black.

In design, very dark shades are sometimes used instead of black and can serve as neutrals. Combining shades with tints is best to avoid too dark and heavy a look.

Examples


Jonathanmoore in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Jonathan Moore’s website has a variety of different shades of purple in the background (and a couple of tints in other parts).

Vuumedia in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Using different shades together works well, as long as sufficient contrast between them is maintained.

Alilot in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
An effective combination of shades and tints, particularly in the header.

Skipvine in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Another background design that has shades (and a few tints) in a textured gradient.

Stuffandnonsense in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Combining shades within textures adds interest to this website.

Tints


A tint is formed when white is added to a hue, lightening it. Very light tints are sometimes called pastels, but any pure hue with white added to it is a tint.

Tints are often used to create feminine or lighter designs. Pastel tints are especially used to make designs more feminine. They also work well in vintage designs and are popular on websites targeted at parents of babies and toddlers.

Examples


Caiocardoso in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Caio Cardoso’s website has a variety of green tints in the background and in other elements.

Fernandosilanes1 in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
The blue tint on Fernando Silanes’s website creates a soft and sophisticated look.

Duboutdesyeux in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Blue tints are popular for sky and nature motifs.

Smallwhitebear in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Tints are also popular in watercolor-based designs.

Iamgarth in Color Theory For Designers, Part 2: Understanding Concepts And Terminology
Tints combined together make for a sophisticated gradient.

Conclusion


While you don’t necessarily have to remember all of these technical terms, you should be familiar with the actual concepts, especially if you want to master part 3 of this series (in which we create our own color schemes). To that end, here’s a cheat sheet to jog your memory:

  • Hue is color (blue, green, red, etc.).

  • Chroma is the purity of a color (a high chroma has no added black, white or gray).

  • Saturation refers to how strong or weak a color is (high saturation being strong).

  • Value refers to how light or dark a color is (light having a high value).

  • Tones are created by adding gray to a color, making it duller than the original.

  • Shades are created by adding black to a color, making it darker than the original.

  • Tints are created by adding white to a color, making it lighter than the original.


Further Resources



(al)


Cameron ChapmanCameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.


Tuesday, February 2, 2010

Kaha Tha Na!

Kaha Tha Na!
K Yun Sote Hue Mt Chhor K Jana..
Muje BeShk Jga Dena..
Bta Dena..
Tmhen Rsta Bdlna He..
Meri Hd Se Niklna He..

Tmhe Kis Bat Ka Dr Tha?
K Me Jane Na DunGa!?
Kahin Pe Qed Kr LunGa!?

ARE PAGAL!
Mohbt Ki Tbiat May,
ZbrDsti Nhi Hoti..
Jise Rsta Bdlna Ho,
Use Rsta Bdlne Se..
Jise Hd Se Niklna Ho,
Use Hd Se Niklne Se..
Na Koi Rok Paya He..
Na Koi Rok PayeGa..
Tou Tmhe Kis Bat Ka Dr Tha?

Mujhay Beshakk jaga detay
Mai tumko Dekh hee Leta
Tumhein koi Dua Deta
Kum az Kum Yun tou Na hota...

<strong>Mere Saathi Ye haqeeqat hai
tumharay baad khonay k liay
kuch bhi nahi baaki...

Magar mai khonay se darta hun
Mai ab sonay se darta hun....!!!!

Kaha Tha Na!

Kaha Tha Na!
K Yun Sote Hue Mt Chhor K Jana..
Muje BeShk Jga Dena..
Bta Dena..
Tmhen Rsta Bdlna He..
Meri Hd Se Niklna He..

Tmhe Kis Bat Ka Dr Tha?
K Me Jane Na DunGa!?
Kahin Pe Qed Kr LunGa!?

ARE PAGAL!
Mohbt Ki Tbiat May,
ZbrDsti Nhi Hoti..
Jise Rsta Bdlna Ho,
Use Rsta Bdlne Se..
Jise Hd Se Niklna Ho,
Use Hd Se Niklne Se..
Na Koi Rok Paya He..
Na Koi Rok PayeGa..
Tou Tmhe Kis Bat Ka Dr Tha?

Mujhay Beshakk jaga detay
Mai tumko Dekh hee Leta
Tumhein koi Dua Deta
Kum az Kum Yun tou Na hota...

<strong>Mere Saathi Ye haqeeqat hai
tumharay baad khonay k liay
kuch bhi nahi baaki...

Magar mai khonay se darta hun
Mai ab sonay se darta hun....!!!!

Monday, February 1, 2010

Color Theory for Designers, Part 1: The Meaning of Color

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there’s a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completely different feeling. Cultural differences mean that something that’s happy and uplifting in one country can be depressing in another.

Colorstar in Color Theory for Designers, Part 1: The Meaning of Color

This is the first in a three-part series on color theory. Here we’ll discuss the meanings behind the different color families, and give some examples of how these colors are used (with a bit of analysis for each). In Part 2 we’ll talk about how hue, chroma, value, saturation, tones, tints and shades affect the way we perceive colors. And in Part 3 we’ll discuss how to create effective color palettes for your own designs.

[Offtopic: By the way, did you know that Smashing Magazine has a mobile version? Try it out if you have an iPhone, Blackberry or another capable device.]

Warm Colors


Warmcolors in Color Theory for Designers, Part 1: The Meaning of Color

Warm colors include red, orange, and yellow, and variations of those three colors. These are the colors of fire, of fall leaves, and of sunsets and sunrises, and are generally energizing, passionate, and positive.

Red and yellow are both primary colors, with orange falling in the middle, which means warm colors are all truly warm and aren’t created by combining a warm color with a cool color. Use warm colors in your designs to reflect passion, happiness, enthusiasm, and energy.

Red (Primary Color)


Red in Color Theory for Designers, Part 1: The Meaning of Color

Red is a very hot color. It’s associated with fire, violence, and warfare. It’s also associated with love and passion. In history, it’s been associated with both the Devil and Cupid. Red can actually have a physical effect on people, raising blood pressure and respiration rates. It’s been shown to enhance human metabolism, too.

Red can be associated with anger, but is also associated with importance (think of the red carpet at awards shows and celebrity events). Red also indicates danger (the reason stop lights and signs are red, and that most warning labels are red).

Outside the western world, red has different associations. For example, in China, red is the color of prosperity and happiness. It can also be used to attract good luck. In other eastern cultures, red is worn by brides on their wedding days. In South Africa, however, red is the color of mourning. Red is also associated with communism. Red has become the color associated with AIDS awareness in Africa due to the popularity of the [RED] campaign.

In design, red can be a powerful accent color. It can have an overwhelming effect if it’s used too much in designs, especially in its purest form. It’s a great color to use when power or passion want to be portrayed in the design. Red can be very versatile, though, with brighter versions being more energetic and darker shades being more powerful and elegant.

Examples

Darkcrimson in Color Theory for Designers, Part 1: The Meaning of Color

The dark shades of red in this design give a powerful and elegant feel to the site.

Abstraktion in Color Theory for Designers, Part 1: The Meaning of Color

The true red accents stand out against the dark black background, and give a powerful and high-end feeling to the site.

Bureau347 in Color Theory for Designers, Part 1: The Meaning of Color

The very bright red accents on this site give a sense of energy and movement.

Crowebdesignets in Color Theory for Designers, Part 1: The Meaning of Color

The dark red on this site, because it’s combined with grunge elements, seems more like the color of blood.

1mcreative in Color Theory for Designers, Part 1: The Meaning of Color

Dark red, when combined with white and gray, gives a very elegant and professional impression.

Orange (Secondary Color)


Orange in Color Theory for Designers, Part 1: The Meaning of Color

Orange is a very vibrant and energetic color. In its muted forms, it can be associated with the earth and with autumn. Because of its association with the changing seasons, orange can represent change and movement in general.

Because orange is associated with the fruit of the same name, it can be associated with health and vitality. In designs, orange commands attention without being as overpowering as red. It’s often considered more friendly and inviting, and less in-your-face.

Examples

Curiousromain in Color Theory for Designers, Part 1: The Meaning of Color

The bright orange box draws attention to its contents, even with the other bright red elements on the page.

Alamofire in Color Theory for Designers, Part 1: The Meaning of Color

Orange is used here in its most obvious incarnation, to represent fire.

Webdots in Color Theory for Designers, Part 1: The Meaning of Color

The dark orange, when set against the lime green, almost acts as a neutral and grounding color here.

Neighborino in Color Theory for Designers, Part 1: The Meaning of Color

Orange is used here to give a friendly and inviting impression.

Theplant in Color Theory for Designers, Part 1: The Meaning of Color

The orange accents here add a lot of visual interest and bring attention to the call to action.

Yellow (Primary Color)


Yellow in Color Theory for Designers, Part 1: The Meaning of Color

Yellow is often considered the brightest and most energizing of the warm colors. It’s associated with happiness and sunshine. Yellow can also be associated with deceit and cowardice, though (calling someone yellow is calling them a coward).

Yellow is also associated with hope, as can be seen in some countries when yellow ribbons are displayed by families who have loved ones at war. Yellow is also associated with danger, though not as strongly as red.

In some countries, yellow has very different connotations. In Egypt, for example, yellow is for mourning. In Japan, it represents courage, and in India it’s a color for merchants.

In your designs, bright yellow can lend a sense of happiness and cheerfulness. Softer yellows are commonly used as a gender-neutral color for babies (rather than blue or pink) and young children. Light yellows also give a more calm feeling of happiness than bright yellows. Dark yellows and gold-hued yellows can sometimes look antique and be used in designs where a sense of permanence is desired.

Examples

Foodtease in Color Theory for Designers, Part 1: The Meaning of Color

The bright yellow header and graphics used throughout this site give a sense of energy and positivity.

Artvisiona in Color Theory for Designers, Part 1: The Meaning of Color

The light yellow is used almost as a neutral in the header here, and combined with the hand-drawn illustrations gives a very cheerful impresison.

Cabomba in Color Theory for Designers, Part 1: The Meaning of Color

The bright yellow accents bring attention to the most important parts of this site.

Pasikeitimai in Color Theory for Designers, Part 1: The Meaning of Color

The bright yellow sunflower reminds visitors of summer on this site, and combined with the antique-yellow background, it gives a homey and established feeling.

Tangram in Color Theory for Designers, Part 1: The Meaning of Color

The bright yellow header here adds a bit of extra energy to this design.

Cool Colors


Coolcolors in Color Theory for Designers, Part 1: The Meaning of Color

Cool colors include green, blue, and purple, are often more subdued than warm colors. They are the colors of night, of water, of nature, and are usually calming, relaxing, and somewhat reserved.

Blue is the only primary color within the cool spectrum, which means the other colors are created by combining blue with a warm color (yellow for green and red for purple). Greens take on some of the attributes of yellow, and purple takes on some of the attributes of red. Use cool colors in your designs to give a sense of calm or professionalism.

Green (Secondary Color)


Green in Color Theory for Designers, Part 1: The Meaning of Color

Green is a very down-to-earth color. It can represent new beginnings and growth. It also signifies renewal and abundance. Alternatively, green can also represent envy or jealousy, and a lack of experience.

Green has many of the same calming attributes that blue has, but it also incorporates some of the energy of yellow. In design, green can have a balancing and harmonizing effect, and is very stable. It’s appropriate for designs related to wealth, stability, renewal, and nature. Brighter greens are more energizing and vibrant, while olive greens are more representative of the natural world. Dark greens are the most stable and representative of affluence.

Examples

Rubberdesign in Color Theory for Designers, Part 1: The Meaning of Color

The extremely muted greens of this site give it a very down-to-earth and natural feeling.

Ligonier in Color Theory for Designers, Part 1: The Meaning of Color

The bright green header of this site mixed with the leaf motif gives it a very natural and vibrant feeling.

Plantwithpurpose in Color Theory for Designers, Part 1: The Meaning of Color

The more olive-toned green of this site gives it a natural feeling, which is very appropriate for the content.

Iavion in Color Theory for Designers, Part 1: The Meaning of Color

The brighter, more retro-looking greens of this site give it a very fresh, energized feeling.

Baynature in Color Theory for Designers, Part 1: The Meaning of Color

Another olive green site with a very natural feeling.

Blue (Primary Color)


Blue in Color Theory for Designers, Part 1: The Meaning of Color

Blue is often associated with sadness in the English language. Blue is also used extensively to represent calmness and responsibility. Light blues can be refreshing and friendly. Dark blues are more strong and reliable. Blue is also associated with peace, and has spiritual and religious connotations in many cultures and traditions (for example, the Virgin Mary is generally depicted wearing blue robes).

The meaning of blue is widely affected depending on the exact shade and hue. In design, the exact shade of blue you select will have a huge impact on how your designs are perceived. Light blues are often relaxed and calming. Bright blues can be energizing and refreshing. Dark blues are excellent for corporate sites or designs where strength and reliability are important.

Examples

Sman96 in Color Theory for Designers, Part 1: The Meaning of Color

The dark blues give this a feeling of reliability, while the brighter and lighter blues keep it from feeling staid.

Industrialmedia in Color Theory for Designers, Part 1: The Meaning of Color

The dark blue gives this a site a professional feeling, especially when combined with the white background. But the lighter blue accents add a bit more interest.

Aandesigners in Color Theory for Designers, Part 1: The Meaning of Color

The bright, sky blue of this site gives it a young and hip feeling, which is emphasized by the reddish accents.

Mightydream in Color Theory for Designers, Part 1: The Meaning of Color

This site combines a range of blues, which gives it a refreshing feeling overall.

Fernandosilanes in Color Theory for Designers, Part 1: The Meaning of Color

The light, muted blue of this site gives a very relaxed and calm impression.

Purple (Secondary Color)


Purple in Color Theory for Designers, Part 1: The Meaning of Color

Purple was long associated with royalty. It’s a combination of red and blue, and takes on some attributes of both. It’s associated with creativity and imagination, too.

In Thailand, purple is the color of mourning for widows. Dark purples are traditionally associated with wealth and royalty, while lighter purples (like lavendar) are considered more romantic.

In design, dark purples can give a sense wealth and luxury. Light purples are softer and are associated with spring and romance.

Asprey in Color Theory for Designers, Part 1: The Meaning of Color

The dark shade used here evokes the royal heritage of purple, which is very appropriate for the Asprey luxury goods brand.

Avantgrape in Color Theory for Designers, Part 1: The Meaning of Color

The light and medium purples here work well to convey a sense of creativity.

Monumentmall in Color Theory for Designers, Part 1: The Meaning of Color

The brighter, more reddish purple of this site gives it both a rich and energetic look.

Ianjamescox in Color Theory for Designers, Part 1: The Meaning of Color

The dark purple background here adds to the creative feeling of the overall site.

Alice in Color Theory for Designers, Part 1: The Meaning of Color

The dark purple accents on this site give a sense of luxury and refinement.

Neutrals


Neutralcolors in Color Theory for Designers, Part 1: The Meaning of Color

Neutral colors often serve as the backdrop in design. They’re commonly combined with brighter accent colors. But they can also be used on their own in designs, and can create very sophisticated layouts. The meanings and impressions of neutral colors are much more affected by the colors that surround them than are warm and cool colors.

Black


Black in Color Theory for Designers, Part 1: The Meaning of Color

Black is the strongest of the neutral colors. On the positive side, it’s commonly associated with power, elegance, and formality. On the negative side, it can be associated with evil, death, and mystery. Black is the traditional color of mourning in many Western countries. It’s also associated with rebellion in some cultures, and is associated with Halloween and the occult.

Black is commonly used in edgier designs, as well as in very elegant designs. It can be either conservative or modern, traditional or unconventional, depending on the colors it’s combined with. In design, black is commonly used for typography and other functional parts, because of it’s neutrality. Black can make it easier to convey a sense of sophistication and mystery in a design.

Examples

Djalexander in Color Theory for Designers, Part 1: The Meaning of Color

The black accents, mixed with the brighter colors and very dark brown background add an edgier look to the overall design.

Reducetuhuella in Color Theory for Designers, Part 1: The Meaning of Color

Black, when mixed with icy blues, looks colder.

Mediasoldier in Color Theory for Designers, Part 1: The Meaning of Color

The black here, mixed with dark grays and lime green, and an overall grungy theme, adds to the edginess of the design.

Markwallis in Color Theory for Designers, Part 1: The Meaning of Color

The black accents here add an extra layer of sophistication and modernity to the site.

Theswishlife in Color Theory for Designers, Part 1: The Meaning of Color

The strong black accents on this site add to the overall sophistication of the design.

White


White in Color Theory for Designers, Part 1: The Meaning of Color

White is at the opposite end of the spectrum from black, but like black, it can work well with just about any other color. White is often associated with purity, cleanliness, and virtue. In the West, white is commonly worn by brides on their wedding day. It’s also associated with the health care industry, especially with doctors, nurses and dentists. White is associated with goodness, and angels are often depicted in white.

In design, white is generally considered a neutral backdrop that lets other colors in a design have a larger voice. It can help to convey cleanliness and simplicity, though, and is popular in minimalist designs. White in designs can also portray either winter or summer, depending on the other design motifs and colors that surround it.

Examples

Fuelhaus in Color Theory for Designers, Part 1: The Meaning of Color

The white on the Fuelhaus site is used to contrast against the electric blue.

Chamainc in Color Theory for Designers, Part 1: The Meaning of Color

White backgrounds are very popular on minimalistic sites, and provide great contrast to black typography.

Clearleft in Color Theory for Designers, Part 1: The Meaning of Color

Here, white is used as an accent color, which lightens the overall effect of the site.

Timeger in Color Theory for Designers, Part 1: The Meaning of Color