Responsive: Fluid Width YouTube Videos

Jun 28 2012

Building a responsive website requires many variables. You have to think about every element in the DOM and how it will react when the browser is resized. Here at RD2, we recently converted our site to be responsive. I have to say, it’s pretty awesome. But when I threw a YouTube video in one of our blog posts, it wasn’t responsive to the browser window or any smaller device.

Problem

Using WordPress’s auto embed feature, how can I modify the video’s width and height when I resize the browser using YouTube’s iframe code?

Answer

My original attempt at accomplishing this with CSS alone was not successful...

Tags

One Big Responsive Family

Jun 27 2012
One Big Responsive Family

It’s a sign. A signal that something special is happening at RD2. Today we’re rolling out something for ourselves and that is altogether different for us. Typically we’re the last to get the good stuff, but this time it’s different. We wanted to be the test subject. This version of our website offers a glimpse of our new framework that we’ve been building as a WordPress add-on. Known in our industry as “Responsive Design,” this version of our website takes on a new design approach.

No matter what your website is all about, chances are if you look at your google analytics over the past few years you will notice new device types (mobile devices) are requesting content from your website...

Tags

PowerbyProxi Recharges Its Website

Jun 20 2012
PowerbyProxi Recharges Its Website

The country of New Zealand never ceases to amaze us. They are always blazing trails and setting new industry standards in everything they do. They are home to the top competitive sailing team in the world, Emirates Team New Zealand, thought leaders in cloud computing and data management, makers of the best coffee we’ve ever had, and have the brightest minds in the world...

On Lining Up – The Ben Spies Way

Jun 18 2012
On Lining Up – The Ben Spies Way

Sometimes *@!$ happens. Sometimes it happens every day, for weeks, or even longer. How much “control” do we really have? Talk to any shrink and they will tell you we have NONE. But we can increase our odds, certainly. We can eat right, exercise, sleep an acceptable amount, do our homework, and then keep lining up. We line up even when we get our teeth kicked in. If we want to win, we just shake off life’s challenges and we go back for more, and hope we have a few teeth left when we’re done, and back on the winning track.

We went into this year’s MotoGP season with great anticipation for Ben Spies. Bigger motor, more experience, more refined team, bigger fan club, and a new brand. Expectations can be a profoundly heavy weight to carry...

Tags

Launch! Ford Canada Drives New Blog

May 7 2012
Launch! Ford Canada Drives New Blog

It was only a few short months ago that I picked up the phone at RD2 and met Ammar Khan of Ford Canada for the very first time. He was contacting us because he wanted to create the best blog imaginable for Ford Canada. Ammar held BlogSouthwest.com in high regard and asked a lot of questions about our process for working with the team at Southwest Airlines to build such a stable community platform...

Innovation at the push of a button

Apr 6 2012
Innovation at the push of a button

RD2 has been fortunate enough to have had a long working history with Dell. Over the years we have been able to forge solid working relationships with many people there and in some cases, turned them into great personal friendships. It has been through the ongoing exercise of trust and delivery that we have been able to push the envelope for Dell and help prove to ourselves we can do it.

Dell approached RD2 with a new concept. It was called vStart. A new approach to the whole ‘cloud’ and ‘virtualization’ craze. What Dell created was a fantastic new idea that was shocking it hadn’t been done yet...

Third time is a charm

Apr 5 2012
Third time is a charm

Today we launched the 2012 STA Travel World Traveler Internship website! It’s hard to believe this is now our third year working with STA Travel on one of their biggest campaigns of the year. As always, we’ve enjoyed working with STA Travel on creating a new design for the website and launching the program.

This year, STA Travel has decided to “up the ante” and send two sets of lucky interns on three trips over the year...

BenSpies.com – A Social Media Home Base for MotoGP Celebrity

Apr 3 2012
BenSpies.com – A Social Media Home Base for MotoGP Celebrity

Yesterday we launched a very strategic part of the puzzle for Ben Spies. As we recently blogged about the importance of web properties you own vs properties you rent, we launched the official website for Ben to kick off his 2012 season. I’ll let the team expand on this story in future posts. In short, we love working with Ben and Mary Spies. They get it.

The sport of MotoGP is one they are taking head on, living in various countries through the season. Now it’s time for Ben to think of the Ben Brand. He’s an international celebrity...