Web Design Booth

10 Principles That Should Be Considered Before Designing a Logo

Dicky — Fri, 10 Feb 2012 13:40:39 +0000

Before you plan a logo, you should understand something that is represented and something that must be done. A logo is not only sign a commercial brand of the business through the use of format of font, color, and picture.

Logo is something inspiring the belief, impression, and admiration of a company or product, and our task as a designer is to create an identity that will do that task.

Have you ever asked to yourself, why the business competitor has more attention than yours? The answer is maybe related with the elements of this business.

But, what is the branding? Think it! Branding is something that is in your client mind to your company. Good branding will distinguish your product and service by the positive way that is really embedded in your potential costumer brain.

Understand the role and principles of logo design

Before you start to design logo, you have to really know and understand the principles of logo design. Some principles will be good if they can enter deeply into the understanding of designer and can fulfill all the hope, so it will get the highest satisfaction of logo owner.

The Meaning Of Color

Color becomes the interesting one of a logo. Use of color of logo is an important role. Interpretations of color are so various, base on age, sex, and culture. Therefore, color must be accounted carefully, base on your market target. Beside, color tends to follow the trend, like in fashion. You can read more about the meaning of color from our previous post.

Learn By The Other Success And Mistake

Logo is the easiest way to know and distinguish the company from the other. Being success and professional of logo designer need the particular skill, and it can be taken by studying and exercising. This resources would be explain the frequent mistakes and how to avoid.

10 Common Mistakes In Logo Design
12 frequent logo design mistakes – AVOID
22 logo design mistakes you might be guilty of

You Will Fix Your Own Logo Design Process

When designer plan or create a logo, she/he must follow the logo design process. It can guarantee that the last design result is relevant to client need. Below, there are some processes that can be used to get a professional logo designer easily.

The brand identity design process
The Logo Design Process of Top Logo Designers
The Logo Design Process for Ultimate Potential

The Better Vector

Vector becomes the standard in designing or creating the logo since the vector consist of some points that can be measured accurately and can guarantee the consistency of visual design of many sizes. Adobe illustrator or CorelDraw become a favorite for software designer in logo making.

Unique

A logo must be unique and give visual identity for your business. If you have unique logo, it will help your business becomes famous and make it is easier for consumer to know your company and product. However, something that becomes a center of interest is logo that has strong relation to your industry and business.

Make It Memorable

Logo is designed well will be entered into their awareness toward sub-awareness. It can happen because of many reasons, but for the logo that can be a memory in your mind, you have to use the simple and easy line to memorize. A good test to make sure that your logo design is easy to be remembered to show to your friends and ask them to come again next week. A good design must use the shape that is easy to be knows or the element that is easy to be remembered.

Simple

For you, a logo designer, make sure that the logo is catchy. The best way to make the catchy logo is to keep the logo design in to simple thing. Look at the company logos such as, Nike, Mitsubishi Motors, Bbayer and Aplle.

Adaptability – Be Ready for Change

The business situation development is so fast which makes your logo must be flexible enough to be adaptable with other situation. If your logo is to specific or literal, it will not be easy to serve market need.

Versatility

Flexibility becomes the one of attribute that is most important in logo design. The effective logo can work in many media and applications. Therefore the logo must be designed in vector format to make sure the scale of many sizes. Your logo must be able to show the consistent picture in all your marketing matters, including: card business, heading, product line and website. Logo can work well in website or advertisement, but it can get problem when we take a pen or a cup of tea. Some articles or illustrations aren’t to read briefly. One more, your logo must work well in light and dark color.

40 Creative Ice Sculptures

Dicky — Thu, 09 Feb 2012 13:27:12 +0000

Ice sculpting or ice carving may not be very popular in certain parts of the world but, it is simply undeniable that to produce fabulous ice sculptures is not an easy fit. An ice sculpture is in itself a standalone piece of art: ice sculptures aren’t as hard as rocks but its final product prove much more glorious and glisten in its own magnificent way; skills required in ice sculpting may not be as technique-sensitive as compared to that in wood carving, but time is no doubt an essential element as the slightest drag of time may result in a failed ice sculpture.

Having ice luges in parties doesn’t hurt in pushing you up several notches higher where the ‘hottest party list’ is concerned – who could ever say no to an endless flow of wine or champagne, straight from the ice berg, no less? Ice sculptures for weddings seem to be the chic thing to do as well. Future brides-to-be, imagine right in the middle of the dance floor of your special big day are two large swan ice sculptures, their slender necks forming the perfect heart shape, illuminated by a soft glow of cherry-pink light, no girls can say no to that!

Though having these wonderful pieces of art would be like a dream-come-true, it’s a no-brainier that having such ice sculptures completed from scratch would definitely cost a fortune. But fret not, certain countries participate in ice sculpting events actively, the list includes Canada, China, Ireland, France, Japan, Sweden and the United States. If ever, you feel the need to browse through an imaginary catalog for your very own wedding ice sculptures, these ice sculpting events would just be the place to do so.

The following are pictures of ice sculptures which just seem to captivate me. Each and every one of them seem to bear their very own story and it feels as if a single ice carving is capable to catapult oneself to a whole new dimension. Do enjoy.

m j c

An ice sculpture fit for a king – such a majestic presence.

Zarner01

It’ll be fun if red wine comes gushing out of the tip of the arrows – my personal army of ice luges.

Acepilot

dalmatianlover

Zarner01

mpc fairbanks

Henk-Jan van der Klis

Spideog

JHMpls

Is that a playground I see? The icicles hovering just above the ground give it a whole picturesque touch.

ajay77*

caboose_rodeo

Fancy travelling in a first class compartment? Oh, and did I mention air conditioning won’t be needed? The seats are iced.

Kaarin T

Row, row, row your boat, gently down the ice…

RDPhoto-art

I’d like to have this as the front gate of my mansion please.

rijerse

Who says that only a wedding is only for girlie stuff? Grooms-to-be, make this cool sports car one of your wedding ice sculptures.

p22earl

manyhighways

vigo74

maskirovka77

Iced-sculpted bear for hugs should get listed into the must-have valentine’s gifts’ list.

www.GeorgeLowther.co.uk

Compmouse

simonsonjh

I know the snail seems small and insignificant, but look at the intricate details throughout its body!

sammie619

SamSpade…

The sculptor must be extremely skilled to pull off such a brilliant piece. Let’s not forget the photographer who managed to snap at such a magnificent angle. The sparkles and rays of light just baffles me.

Peter van Rens

mikethecoolbiker

jacob earl

tiv00

Kaarin T

jacob earl

adventurocity

Who needs Dumbledore’s giant chess set, let’s rock it with this fantastic frosty-iced one.

Geisha

The ice sculpture of a geisha, boasting fluidity, elegance with a touch of detached coolness.

Chimera

Somehow, this reminds me strongly of a creature in LOTR.

CelticDruid

Really love the cool glow of blue and the tear-drop outline of the ice carving, throwing off a cooling and mysterious charm.

Dysonstarr

jacob earl

4uand4.me (aka – Peety)

The proud three musketeers, well, with a melting sword, that is.

travfotos

Who says that capturing an athlete’s moment can only be done by a click of the camera?

Asif A. Ali

Cossack Vodka

A widespread of ice sculptures for the scene, makes one yearn to have their very own icy mini bar.

Melting Men

Four-steps full of tiny ice sculptures depicting little people, melting away. Somehow, it got me thinking if this actually illustrates the cycle of life in fast-forward mode.

No Related Post

Collection of Unique Presents for Valentine’s Day

Dicky — Wed, 08 Feb 2012 13:43:11 +0000

Valentine’s Day is just around the corner, you are planning an unforgettable day to celebrate this season of love with your special someone. While you are meticulously planning a special day to show them how much you love and appreciate them, you might also want to plan on a pleasant surprise Valentine’s gift to your special someone, something unique and something they will appreciate.

A Valentine’s romantic evening would most likely consist of a romantic dinner, be it at a romantic or special restaurant or a special home-cooked meal, you might want to spend some effort to think about the best Valentine’s gift. Some of the more common gifts are probably roses, chocolates, plush toys, jewelries or some cosmetic products. However, in order to make this night a special and memorable night, how about putting a slight twist in these gifts and make one of the best Valentine’s gift. Some of these gifts were included into our list as unique presents for Valentine’s Day, instead of giving red roses to your love one, how about presenting a delicate gold rose as a symbol of your undying love towards them. Besides that, instead of purchasing a normal box of chocolate, why not present them with a box of specially handcrafted chocolate truffles to spice things up. Instead of a solitary jewelry, why not make it a pair.

However, do not get carried away while you are trying to select your Valentine’s day present; keep in mind that no matter how unique or special the gift may be, it should be something your love one can appreciate and enjoy. After all, it is always the heart and thoughts of the giver that counts. You can probably choose the best Valentine’s gift base on your partner’s hobby, perhaps a compass for those who enjoy traveling and outdoor activities, or something cute and humorous for those who enjoy a good laugh. Not only that, you can also personalize your Valentine’s Day present, perhaps you could finally put down your feelings of love and appreciation in words and put this message in a bottle, record all your memories together in a book to depict your journey together. These Valentine’s Day present will not only show your effort, but also depicts how well you know and care for them.

There are more unique and special gifts that we have included into our list of Valentine’s Day presents; we sincerely hope that this list will help you in your search or serve to inspire you with ideas. Last but not least we hope you enjoy this day and make it a memorable celebration.

Note: We have an article for Valentine Wallpapers too.

24K Gold Foil Rose

A handcrafted rose that will last forever.

Soulmates Valentine Lovers Sculpture

Perfect gift for married couples, a memento of their marriage.

Reasons I Love You Stones

For those who feel shy expressing their feelings, now you have them carved into stones.

Follow Your Heart Compass

A loving reminder that your loved one will always find their way home.

Interlocking Rings “Love Forever” Pendant Necklace

A matching pair rings for each of you.

Sexy Coupons for Him

A perfect and unique gift from her to him on Valentine’s Day.

“Love And Hugs” Salt and Pepper Shaker Set

A wonderful gifts for friends or family, sending them hugs even when you are far away.

Book of Us: A Journal of Your Love Story

A personal and intimate gift to record all your memories with your loved one.

Heart Shaped Truffle Assortment

A box of handcrafted heart shaped truffles to sweeten the day.

Silver Jeweled Metal Heart Pendant Necklace USB Flash Drive

Keep your photos or videos in this stylish necklace.

Nature’s Greeting Magic Plant

Watch as your message to your love ones literally grows on the plant.

Message in a Bottle

Customize a heart felt message and send it to them in a bottle.

I’m Nuts About You Key Ring

Let him know you feel the same and that you are nuts about him!

I love you egg shaper

Your love one will be thrill to have their eggs shaped this way for breakfast.

Worldshopping 2pcs Romantic Sweet Lovers Love Theme

Showcase your happiness with matching iPhone covers.

Creative and Unconventional Print Advertisements

Dicky — Tue, 07 Feb 2012 13:54:47 +0000

Advertisements are everywhere. Designers always create creative advertisements that can draw our attention. A successful advertising campaign always accompany with creative and unconventional ads that able to attract potential customers.

In this article we gather over 40 very creative, colorful, funny and unusual print advertisements that will show you how looks like successful advertising campaigns. Most of the creative ads here used photo manipulation extensively.

Jornal de Londrina: Echo

Yamaha F40 Outboards: Waldog

Leeds Counselling: Say

Decathlon: Trekking

Kiwi Kleen: Chicken

Fundacion Par: Penguin

Executive Search Dating: Cupid

Colgate 360 Sonic Power: Brushes

Florida Center Book & Film Festival: Gorilla

Peugeot iOn: Electric horse power

Light: Run

Dovre: Enchanting Quality, 2

Stadt Northeim: Annoyed forester, Squirrel

Nicabate Pre-Quit: Roo

Crisol Bookstore: Dj Frodo

Cube Cycles: Cheetah

Wrigley 5 Gum: Pulse face

Mr Muscle Kitchen Stain Remover: Crocodile

Arena Swimwear: Predator

Breathe Right: Bikes

Cadbury Lunch Bar Man Size: Jaws

Electro Recycling: Robot

Glassing Sunglasses: Kiss my glass

Stockholms Hundforum (Daytime dog care): Wanking dog

Volkswagen Jetta: A trip to the beach

AVSI: Water

Fresh Step: Cross-legged cats

Transports Metropolitans de Barcelona: King Kong

E.N.P.A.: Spray

Skoda: Yeti cocktail, Penguin

Future Brands: A brave new world

Nestea: Face

Xango: Lightning

Restaurant Mirador del Alto: Dali

Queer-travel.de: The other side of America

Scholl Odour Attack shoe spray: When shoes go bad

Nikol baking dish: Jacuzzi

Legambiente: Park

Greenpeace: Water

Lego: Ali

LiNing: Baron Davis

Personal Facebook Fan Pages of Celebrities

Editorial Staff — Wed, 15 Jun 2011 15:07:30 +0000

Facebook is the world’s largest social network which includes more than 600 million users. There is no surprise for anyone, those are just the stats. And it is absolutely normal that this online community starts drawing together ordinary people, sure-stars and business companies. Material market players transfer more and more assets into online sphere, celebrities promote themselves within social media and all these Facebook participants struggle for profits.

From those times when South America was discovered and naive Indians were tempted with ordinary shining glass pieces (or even earlier), people have a weakness for eye candy things and juicy colors. So, those who are dying to be #1 in social networks build their brands with engaging opportunities given by Facebook.

Marketing on Facebook includes Facebook pages, groups, ads, event, applications and personal profiles. And today we’d like to go into details on personal Facebook fan pages. These custom tabs look so fashionable and alluring like they are ready to do a quick step to a podium right now. Some of these layouts are real masterpieces and have a great influence on design trends of Facebook backgrounds. Indeed, a catchy look can draw attention of Facebook users to the brand which they could otherwise never notice.

Personal Facebook fan pages do not differ very much from corporate custom layouts, but still they are more personified. They also adore screaming and bright advertisements and catchy call-to-action phrases. At the same time personal Facebook fan pages are more likely to use music files to catch the audience’s attention. In a word, there are many tips and tricks on how to make people like you on Facebook but let’s mark out some personal Facebook fan page features.

Celebrities post thousands of their photos to attract the attention of the audience and to make them be interested in a star personality but not a scene appearance only.
The other way of Facebook fan pages’ personalization is comments on the wall and conversations with the existing fans. Usually people are less interested in haughty star which doesn’t answer questions and only spams with endless tour schedules and offers to buy concert tickets. That’s why celebrities tend to seem like ordinary people – they are ready to chat and to joke.
Musical tabs are preconditions of Facebook fan pages of every singer and songwriter. Often visitors are given a few songs to listen (and videos as well) and other records are accessible for fans only. This practice is wide spread for new fans engagement.
The reason to like the very this brand page is always in the public eye. Celebrities move hell to make you follow them. They promise special discounts or freebies, exclusive access to videos which are Facebook published only and other luring things for new followers. And they really do it.
.All kinds of arrows pointed at like button. They are an additional motivation and reminder to push the button.

All starry Facebook fan pages almost give a cry for how much celebrities like themselves and how they want you to adore them. You can believe these alluring slogans or pass them off but before making a decision just stop for a while and have a good look at these personal Facebook fan pages of celebrities. And then go and try them out!

Justin Bieber

Justin Bieber is a young Canadian singer and actor. Millions of young girls all over the world are mad about him. Do you want to know the reason of this craze? Then find out all details from Justin’s Facebook page.

Taylor Swift

Taylor Swift is an American county-pop singer, musician and actress. If you want to know more about her life and creativity then just listen to her albums ?they are highly autobiographical.

Gabriel Iglesias

Gabriel Iglesias is an American comedian and actor. He mixes storytelling with sound effects on the stage which brings a great pleasure and fun to the audience.

Katy Perry

Katy Perry (born as Katheryn Elizabeth Hudson) is an American singer and actress. She appreciates unconventional dresses and you’ll always recognize her by memorable and bright performances she makes.

Rihanna

Rihanna (born Robyn Rihanna Fenty) is an American pop, reggae and R&B singer (originally from Barbados). She has a brilliant voice and her body is covered with 11 tattoos. Her shows are worth being seen and listened and her Facebook fan page is very cool too.

The Beauty

An original layout of this Facebook fan page shows images in a very extraordinary way. It’s worth looking at.

Trey Songz

Trey Songz (born Tremaine Aldon Neverson) is an American contemporary R&B singer. He promises to show you passion, pain and pleasure in his songs.

Kesha

Kesha is an American pop-singer and rapper. She said that her records are a celebration of youth and life and going out and getting crazy.

LeBron James

LeBron James is an American professional basketball player. This three-time Mr. Basketball of Ohio in high school has many secrets to share with you on Facebook.

Lady Gaga

Lady Gaga (born Stefani Joanne Angelina Germanotta) is one of the most startling American singers, dancers and Djs. To be honest, she can be named a child of the Internet. Do you want to know why? – visit her Facebook fan page.

Keri Hilson

Keri Hilson is a young American R&B singer and songwriter. Also she’s been writing music for other artists since 2001 and, who knows, maybe the song you are listening now was written by this young talented girl.

Christiano Ronaldo

Christiano Ronaldo (Christiano Ronaldo dos Santos Aveiro) is a Portuguese football player. He is considered to be one of the best and the most respected players in the world.

Oprah Winfrey

Oprah Winfrey is one of the most respected and admired public figures today. She’s an American television host, actress, producer, and philanthropist well known for her award-winning The Oprah Winfrey Show.

50 Cent

50 Cent (born Curtis James Jackson III) is an American rapper and actor. This richest hip-hop performer releases new album every two years since 2003 and each of them is worth listening.

Avril Lavigne

Avril Lavigne is a Canadian singer, fashion designer, actress, and philanthropist. Avril Lavigne is a girl who knows what she wants, so if you are not afraid of being a bright personality then her music is for you.

Johnny Cash

Johnny Cash was an American country music singer, songwriter, actor, and author, who has considered to be one of the most influential musicians of the 20th century.

Jamie Foxx

Jamie Foxx (born Eric Marlon Bishop) He’d started off as a comedian and in a few years he rose to one of the Hollywood’s most asked-for actors.

Madonna

Madonna (Madonna Loise Veronica Ciccone) is an American singer, actress, writer, producer and entrepreneur. She’s the world’s pop idol and you should definitely know how her Facebook fan page looks like.

Reba McEntire

Reba McEntire is one of the most successful female recording artists in history. She’s called queen of country music and her Facebook brand page confirms it.

Jennifer Lopez

Jennifer Lopez is the world’s superstar for years. She’s a singer, dancer, actress and fashion designer at the same time. You can hardly find somebody who’s never heard about J-Lo.

Glenn Beck

Glenn Beck is a legendary American radio and television host, author, entrepreneur, and political commentator. He also hosts a Glenn Beck cable news show on Fox News Channel.

Taio Cruz

Taio Cruz (Jacob Taio Cruz) is a young British R&B, pop and electropop singer and record producer. He has only two albums but his hit-songs are sung all over the world.

Rajon Rondo

Rajon Rondo is a great basketball player of the Boston Celtics team. He’s talented and quick and his Facebook fan page looks extremely is a match for him.

Bart Johnson

A stylish dark colored design of this Facebook fan page will suit your taste. The more you look at this Facebook brand page the more you want to have something like that.

Michael Buble

Michael Buble is a 2011 Grammy winner at the category 揃est Traditional Pop Vocal Album? In Canada this romantic handsome fellow is a famous pop/jazz singer and actor.

Mike Posner

Mike Posner is a young hip-hop/pop singer. His unique style combines rap with pop hooks, with some electronica thrown in. You should definitely discover this guy for you.

Lil Wayne

Lil Wayne (born Dwayne Michael Carter Jr.) When he was 8 he wrote his first rhyme and when he was 15 his daughter Regginae was born. Are you interested in this rapper? Then, at least, look at his Facebook fan page.

Jillian Michaels

Looking for some tips to fit into a healthy lifestyle? Then enter the Facebook fan page of this beautiful lady. She definitely knows a secret of a fine figure.

Pau Gasol

Pau Gasol is a forward-center player for the Los Angeles Lakers of the National Basketball Association. By the way, Pau was the first Spanish player to compete in the NBA All-Star Game.

Janet Jackson

Janet Jackson in a singer, actor, dancer, producer. She’s in the list of the best-selling modern pop artists. She’s a muse of millions of world’s famous performers and her Facebook fan page is calling you to the world of music.

Building Tabbed Navigation using SpryTabbedPanels

Dicky — Fri, 03 Jun 2011 16:06:02 +0000

The Tabbed Navigation is the latest trend while designing a Website. If it is blog then you can notice the content titled ‘Featured Content’ or ‘Latest’ arranged in tabs. If it is a Website then there are tabs on top replacing menu items. If coded correctly the tabs give a fresh outlook to your Website, save resources, and present maximum information in less area. In addition, almost every user is familiar with the tabs and their working. Tab, ALT+Tab, and Ctrl+Tab are the most pressed keys on any keyboard on this earth. Thinking to use the tabbed navigation in your Web design then we are here to help you out. Adobe Labs provide access to its SpryTabbedPanels without any cost. Here we’ll guide you how to use the SpryTabbedPanel code to create Tabbed Navigation.

An outer div contains – list of tabs, all panels, div container to have content panels, and div tag for each panel. The SpryTabbedPanels use JavaScript to toggle between the tabs. Therefore, we’ll include the JavaScript code within the HTML tag. To modularize the code, we’ll create a separate JS file and link it through script tag inside head tag. This js file will define the functions related to the Tabbed Panel. Before closing the body tag, we’ll define a script tag to use JavaScript to make Tabbed Panel interactive. We’ll also link a style sheet in the head tag.

Adobe Labs provide the SpryTabbedPanels.js to use with the HTML code. You can scroll down to bottom to download the source files used in this article. Before that, we’ll illustrate the code of HTML and CSS files in this article. We recommend you not to change the file name of js and css files. However, you can modify the code as per your convenience.

In our case, we’ve located JS, CSS and HTML files in the same folder. Please modify the path in code if you’re placing the CSS and JS files in other location.

CSS Code

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}
.TabbedPanelsContent {
	padding: 4px;
}
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

HTML Code


...
	
	
	
	


	
	
		
			Tab 1
			Tab 2
			Tab 3
			Tab 4
		
		
			Tab 1 Content
			Tab 2 Content
			Tab 3 Content
			Tab 4 Content

Categorizing the HTML code

Link the SpryTabbedPanels.js and SpryTabbedPanels.css file within the HTML code.
Add following code to create the SpryTabbedPanel.
Mention an ul class TabbedPanelsTab Group to create the tab inside above div.
```
	
		Tab 1
		Tab 2
		Tab 3
		Tab 4
	
```
Add a div ‘TabbedPanelsContentGroup, after the ul class to create a container for including the contents of each tab.
```
	
		Tab 1
		Tab 2
		Tab 3
		Tab 4
	
	
	
```

In TabbedPanelsContentGroup, include one div tag with class (TabbedPanelsContent) for each tab to have its content.


	
		Tab 1
		Tab 2
		Tab 3
		Tab 4
	
	
		Tab 1 Content
		Tab 2 Content
		Tab 3 Content
		Tab 4 Content

Include following code to initialize the SpryTabbedPanels object. Here, new operator will initialize the Tabbed Panels and transforms the div content with TabbedPanels1 ID into an interactive tabbed object.

What you can do more?

If you want to add more tab then add a li class in TabbedPanelsTabGroup and a div class in TabbedPanelsContentGroup. To remove a tab, you’ve to delete the li class and its relevant div class from both groups.

You can change the div class ‘TabbedPanels’ to ‘VTabbedPanels’ if you want to include the vertical tabs in your Web design.


	
		Tab 1
		Tab 2
		Tab 3
		Tab 4
	
	
		Tab 1 Content
		Tab 2 Content
		Tab 3 Content
		Tab 4 Content

Make use of tabIndex in li class ‘TabbedPanelsTab’ to enable keyboard navigation.
```
Tab 1
Tab 2
```

Tab 3

You can set the default tab to open on loading the page by defining defaultTab with new constructor.

var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", { defaultTab: 2 });

Sample Output

We’ve run the code and got following output:-

We’ve changed the code to get Vertical Tab Panel and received following output

Files

Click here to download zip archive having following source files used in this article:

SpryTabbedPanels.css – has the source code of styles used to design tabs.
SpryTabbedPanels.js – has the source code of scripts used to create tabs.
SampleHorizontalTabs.html – has the code to show Horizontal Tabbed Panels.
SampleVerticalTabs.html – has the code to show Vertical Tabbed Panels.

Conclusion

Tabbed Navigation is the easiest way to demonstrate the large and similar content in less space. SpryTabbedPanels make is very easy for you to include the Tabbed Navigation in your code. Is this article helpful? Inform us through your valuable comments. We’ll keep you posted with more such interactive articles in the future, stay tuned.

30 Interesting and Creative Logos

Editorial Staff — Mon, 30 May 2011 15:24:19 +0000

Designing a company logo can be one of the hardest things to get right. In many cases, that small image tucked away on a website or business card needs to convey not only the name of the company, but the entire personality of the brand too. Logos that look interesting or unusual aren’t uncommon, but logos that are interesting and creative that also capture the company’s personality are rarer.

Browsing through creative logos can also be inspirational, and this post aims to be just that. Whether the logo is serious, fun, cheeky or respectable,we’ve aimed to pick 30 logos that represent the nature of the company and what they do to help get your creative juices flowing. You may want to have a look at our previous article for some typography logos too!

Sprout

Posie Cakes

Treehouse

Ideosa

Genius Mailer

Maca

Horror Films

Filmcenter

Doug Landscaping

Happy Quote

In The City Entertainment

Circus of Magazines

Double Vision

Swallowed Sun Brewery

Full Time Employment Agency

Twister Pictures

Sliced

Magic Custom Software

Rewind

Skytec

City Harvest Food Rescue

PR

IVR

Rate Your Burn

Rattlebox

Minigamed!

Pencil

Martini House

Infinity Crime Studio

Shift

Creative Arts Created Using Cassette Tapes

Dicky — Wed, 25 May 2011 14:24:40 +0000

With the rapid flow of technology and evolution where society and perspective changes are concerned, art itself has been propelled to a whole new level. Drawn portraits from centuries ago, where canvas or parchment and dyes or black ink have been used, can now be reproduced, with the same mind-numbing effect but from various different materials, some as bizarre as cassette tapes.

Yes, you heard me right, audio cassette tapes indeed. I’m sure that not many has heard of this form of recycled art where cassette tapes are the essentials but trust me, the results are astounding. Now that taking the organic route and recycling are the ‘in’ thing, art from recycled materials have got a very appealing effect to people from all walks of life. Some youngsters nowadays might not even have seen any real audio cassette tapes, but these mini rectangular-shaped discs were once the older generation’s CD’s and thumb-drives. Most of these cassette tapes no longer function and the more obvious part – who on earth still owns a cassette player anyway?

With that in mind, creative artists from all over the world figured that rather than letting these white elephants just go to waste why not make an awesome spinoff and create art of out of junk. Thanks to their innovation, drawn portraits made of audio cassette tapes have been a blast. Singers, artists and Hollywood stars became targets of interests where their portraits become one of the members of the art from recycled cassette tapes.

The production of this form of art is by no mean an easy fit especially since articulation, patience and being precise are the core essence, a slight mistake in any stage would cause significant disfiguration towards the outcome in a whole. Well, I for one am not particularly gifted where the creation of art is concerned, but I sure enjoy its beauty. Let’s bath ourselves in the pretty things which these otherwise insignificant audio cassette tapes have got to offer.

Kung Fu Cassette

The swirls and fluidity of the tapes magnifies the details and possibilities of the martial arts.

Ghost in the Machine- Bob Marley

These dreadlocks aren’t really my thing, but I find it quite fascinating that the cassette tapes can be shredded into such fine lines to produce something which seems so opaque.

Ghost in the Machine- Lauryn Hill

Wow four whole tapes for the big hairdo!

Ghost in the Machine- Kurt Cobain

Notice how the tapes flow naturally in the stripes of the shirt, I wouldn’t even have figure out it’s made of tapes if it weren’t for the cassette right on top.

Ghost in the Machine: The Clash

Ghost in the Machine- The Hendrix Experience

This is a total beauty! Look how the three cassette tapes are coordinated to form the whole look.

Ghost in the Machine- Debbie Harry of Blondie

Audrey Reclining

Ghost in the Machine- Tom Waits

This is a disturbing one, it’s as if the man himself is transformed from the tapes, literally.

Ghost in the Machine- Fred and Adele

This one boasts a sense of elegance and it is as if the picture will come to live at any moment.

Ghost in the Machine: Steven Tyler

James Taylor detail

I love the simple colors, it somehow gives out a soothing grayish effect.

Ghost in the Machine- Jerry Garcia

I’d love to get one of these, in the form of my granddad, that is.

Ghost in the Machine- Madonna

Ghost in the Machine- Aviv Geffen

Ghost in the Machine: John Lennon

Wow, look at the 3D effects!!

Ghost in the Machine- Ian Astbury

Is it just me or does the ends of the hair seems bulge outwards, as in out from the paper?

Ghost in the Machine – Ian Brown

Ah, the lighting seems to have given the hair a greasy look.

Ghost in the Machine- Betty Davis

Ghost in the Machine- Bon Jovi

Who could ever say no to this? Rock n’ roll Bon Jovi!

No Related Post

How Using Dropbox Will Make Your Life Easier

Editorial Staff — Fri, 20 May 2011 17:50:56 +0000

For those of you who haven’t experienced the massive convenience and joy that is cloud computing, brace yourselves. What you read in this post may change your life. For those of you new to cloud computing, don’t worry if this sounds confusing at all. It’s very simple to implement and you’ve probably already been doing it to a certain extent.

Before applications like Dropbox, most people still did some method of cloud computing, most likely in the form of emailing themselves important documents that they would need to use on another computer. Dropbox works on this concept, adding an extreme ease of use as well as nifty additional features and creative uses.

What Is Dropbox?

Dropbox is a file hosting service that enables users to store and share files and folders over the internet with any other computer. Once account can sync with an unlimited amount of computers. The only limitation is that you can only sync one Dropbox account to your computer at a time (although there are definitely workarounds which I’ll get to soon).

Every Dropbox account starts with two free gigabytes of space. You can pay an annual fee to get more space. Dropbox also gives you ways to get more space for free, like referring new users (250 MB added for each referral) or writing a testimonial for Dropbox on your social media sites.

The Omni-Flah Drive

The most common use for Dropbox is to treat it as a type of flash drive or small external hard drive that you don’t have to carry with you. For any designer that works at an office and at home, this is extremely convenient. No longer will you have to scramble around in the morning looking for the tiny flash drive that has the extremely important project you have due for work today!

There’s something extremely revolutionary and comforting about being able to save your most important files and projects in a place where any other computer with the internet can access them. As long as Dropbox does not go down, you are golden. And even if it does go down for a few hours, automatic syncing means that you have offline copies of your Dropbox files at every computer that has your Dropbox installed.

The Public File Sharer

If you save any file in your public folder on Dropbox, you can copy the URL to your clipboard and paste the URL to anyone who needs the file (through email or instant messaging, etc.). People don’t need to have Dropbox installed to get the public file; they only need the link.

This type of sharing is similar to Mediafire, Rapidshare, or attachments in emails, but it’s nice to have it built in to your own omni-present flash drive. While the public file I uploaded is more for entertainment value , this feature has plenty of purpose for designers.

For designers, this is a great way to send clients a link of your latest prototype or mock-up design, and it is incredibly easy. Simply move any file you have in Dropbox to the “public” folder, and then just right click the file (in the Dropbox interface or in your Windows Explorer) and Dropbox will give you the option to “Copy public link.”

Ease of Use

The absolute greatest aspect of Dropbox in my opinion is its smooth and easy functionality. Not only can you add and organize files through the Dropbox interface in your browser, Dropbox works through your operating system to automatically sync up files in folders of your specification.

For example, say I have all the files I need for a design project on my desktop. To get them onto Dropbox, all I have to do is drag them and drop them into the specified Dropbox folder, and Dropbox will do all the syncing for me.

Pictured below is the product of me dropping an image into a Dropbox folder, and Dropbox syncing it. All the images with checks in the bottom left are already synced. The image with the circular arrows (that I circled in red) was syncing when I took the screenshot. The sync took about three seconds.

If any of this seems at all confusing, Dropbox explains it incredibly well when you install it on your computer. Most people don’t need any guide to Dropbox because it’s incredibly intuitive.

Shared Folder

There are a number of directions to take when it comes to Dropbox and group projects. For small projects, you can simply create a “shared” folder in your Dropbox. With shared folders, you invite other Dropbox users to have access to that folder. They can then put that shared folder into their own Dropbox account. Thus, any changes anyone makes to the folder will be applied to all.

Create a New Dropbox Account

The problem with shared folders are that they take away space from everyone’s Dropbox involved. Another common way people implement projects through Dropbox is to create an original account for the project. I know what you’re thinking: “But you said that you could only sync one Dropbox account to my computer at a time! Do I have to link and unlink to my computer every time I want to get to my own Dropbox?!?”

Dropboxen

Dropboxen is a Dropbox addon that you can use to work around the one-account-per-computer limitation. It’s not completely stable and currently doesn’t work for Windows 7 (you’ll have to use another workaround), but it’s a convenient way to manage multiple Dropbox accounts.

5 Tips To Optimize Your Wordpress.org Blog For Search Engines

Horizontal Navigation Menus: Tips, Tricks and Showcases

Dicky — Wed, 11 May 2011 12:42:22 +0000

It is true to say that visitors will look at your navigation menu and will immediately leave your site if you don’t have a clear and directive navigation.

There are 2 types of navigation menu:- horizontal or vertical navigation menu. Horizontal menu has became the mainstream in web design, probably due to the space limitations. This is true especially for blogs or content related websites. Although they may have vertical navigation menu at sidebar, but the primary navigation will be the horizontal menu.

We have a showcase article for navigation menu before, but we would like to focus on some tips, tricks, tutorials and some showcases of horizontal navigation menus here.

Location Of Your Navigation Menu

Let’s start with the location of your navigation menu. Where should you place your menu? There are 3 places where you can place it:-

Top of the page, above the logo or banner.
Beside your logo or banner.
Below the logo or banner.

Example: Artificial Studio

The navigation menu sits on top of the logo and content. They also use different color to represent different links and destinations.

Example: Cosmic Soda

The menu standing right beside the logo.

Naming For The Links

Use common and understandable name for the links. This is exceptionally important as unusual terms will drive visitors away from your site.

There are a few standard terms such as “About or About Us”, “Portfolio”, “Contact or Contact Us”. Just make sure you follow the conventional terms and don’t be too creative!

Horizontal Menu With Drop Down Menus

If you are going to implement multi level drop down menu, make sure you place an indicator for links that will reveal drop down menu.

Another consideration when you build your multi level drop down menu is the compatibility across the major browsers. Make sure it works properly and it is not cluttered if the anchor text is too long.

Example: inkd

inkd has a user-friendly multi level drop down menu that works well across different browsers.

Main Navigation With Other Components

Some websites do include other components such as search box or other buttons on their main navigation bar.

Make sure you clearly distinguish between the navigation links and the buttons. Navigation links shouldn’t sit at the left while other components should sit at the right hand side.

Example: Bookkeeping in a box

The buy now button is clearly distinguished with the main navigation menu.

Web Design Booth

10 Principles That Should Be Considered Before Designing a Logo

Understand the role and principles of logo design

The Meaning Of Color

Learn By The Other Success And Mistake

You Will Fix Your Own Logo Design Process

The Better Vector

Unique

Make It Memorable

Simple

Adaptability – Be Ready for Change

Versatility

Related Posts

40 Creative Ice Sculptures

Related Posts

Collection of Unique Presents for Valentine’s Day

Related Posts

Creative and Unconventional Print Advertisements

Related Posts

Personal Facebook Fan Pages of Celebrities

Related Posts

Building Tabbed Navigation using SpryTabbedPanels

CSS Code

HTML Code