Interactive Room Display with JavaScript & CSS

Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.

The post Interactive Room Display with JavaScript & CSS appeared first on jQuery Rain.

by Admin via jQuery Rain

Twitter Heart Button CSS3 Animation

Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to implement this using CSS3 and Jquery.

The post Twitter Heart Button CSS3 Animation appeared first on jQuery Rain.

by Admin via jQuery Rain

AcroGrow.js : jQuery Plugin for (non)sense of Internet Acronyms

A jQuery plug-in that makes (non)sense of internet acronyms.

• Replaces acronyms within specified elements with random nonsense words OR actual definitions.
• Define custom acronyms list & associated definitions.
• Separate name-spaced CSS file for easy customization & debugging.

The post AcroGrow.js : jQuery Plugin for (non)sense of Internet Acronyms appeared first on jQuery Rain.

by Admin via jQuery Rain

LinkedIn, Twitter, Google+, Facebook: How to Use #SocialMedia to Expand Your Business - #infographic

Did you know that 52 percent of adult internet users are on multiple social networking websites?

There's no question that this is the social media age, but if you haven't considered how social media can help expand your business network, you should. After all, almost anyone on social could be your next business connection or partner.

Here’s an infographic, produced by Villanova School of Business, that illustrates how you can make meaningful connections on social media (particularly on  Facebook, LinkedIn, Twitter and Google+).

by Irfan Ahmad via Digital Information World

How a 5-cent Eye-Patch Created a Million Dollar Story

Often it's the small, random details in a story that make it feel authentic.

Back in the 1950's THIS guy (pictured right) – Ellerton Jette – was CEO of a small men's shirt company called Hathaway. Hathaway started small in the 1850s and wasn't much bigger in 1950.

Arguably the biggest thing you could do in 1950's was to get THIS guy (pictured right) on your side.

His name was David Ogilvy and he ran a marketing company called Ogilvy & Mather.

Ogilvy is a legend to people in the advertising industry – sometimes called 'the father of advertising' – but for the rest of us, think of him as the original Don Draper from Mad Men. Here was a guy who was good enough to single-handedly change the fortunes of your company.

Jette's main problem was Hathaway only had a modest $30k marketing budget to work with – not the kind of budget that Ogilvy & Mather would usually bother with. Ogilvy knew from experience that it's often the small clients that will scrap hardest for every billed minute and fight every change.

So, when Jette finally managed to wrangle a meeting with Ogilvy, he was smart enough to immediately kill Ogilvy's biggest concerns.

He made two promises:

1. He'd never change a letter of Ogilvy's copy
2. He'd remain a client for life

The lesson? If you want someone to help you, find a way to help them first.

Ogilvy surprised him by agreeing to take on the account.

The Man in the Hathaway Shirt

Ogilvy's campaign idea doesn't sound all that innovative, even for its time. A worldly, distinguished-looking businessman model was selected and the photo shoot was booked to take place in a fancy men's tailor. Nothing remarkable there.

But on the way to the photo shoot, Ogilvy stopped at a dime store to purchase a couple of 50-cent costume eye-patches. Fifteen minutes into the session he tossed one to the model, who wore it for the rest of the shoot.

When the campaign launched, the 'Hathaway Man' was given a rich and exotic back story to go with his rich and exotic shirt fabrics.

The rest, as they say, is history.

The 'Man in the Hathaway Shirt' became hugely successful for the company and featured in dozens of advertisements till well into the 1980's. Hathaway grew to become the second largest shirtmaker in the U.S.

Continue reading %How a 5-cent Eye-Patch Created a Million Dollar Story%

by Alex Walker via SitePoint

Simple, Clutter-free Programming with Go

GoLang (generally shortened to Go) is the latest language-that-everyone-wants-to-learn-and-use. In this article, I'll provide an introduction to the language, its features, its potential, and whether you should care about Go or not. Why Go Was Created Go is not as new as you may think. Its origins lie in 2007 with Google internal projects, until […]

Continue reading %Simple, Clutter-free Programming with Go%

by Chris Ward via SitePoint

Design Contest: What’s the Secret to 1980s Movie Posters?

Post-millennial designers are standing on the shoulders of giants: Saul Bass, Henri Matisse, and whoever designed the poster for Pretty Woman, to name just a few.

Because recognizing these roots is crucial for success — and for winning our 1980s movie poster design contest — we’ve put together a visual mix-tape inspired by theartwork of theater lobbies circa 1980-1989.

It’s a Nice Day for a White Background

The traditional background for film posters in the 1970s was either white or off-white, and while that trend saw a steep decline throughout the next decade, it by no means disappeared. The original posters for Fast Times at Ridgemont High (1982) and Full Metal Jacket (1987) fit right in with that of Super Fly (1972) in confirmation that white borders and central composition were still very present throughout even the late eighties, if no longer the dominant theme.

Continue reading %Design Contest: What’s the Secret to 1980s Movie Posters?%

by Matt Siegel via SitePoint