“Old Developers Just Don’t Get it. Yes They Do. No They Don’t” – Ed Schipul and John-Michael Oswalt at Ignite OSCON

Ignite OSCON Ed JMO

This week, we sent our CEO Ed Schipul and Programming Manager John-Michael Oswalt to speak at the Ignite session of OSCON 2013 Open Source Convention in Portland!

Ignite’s format is made up of five-minute presentations using 20 slides that auto-advance every 15 seconds – known as “speed dating for ideas” by some.

 

Take 5 Minutes and Watch this Video!

Below is Ed and JMO’s five minute talk on the generational differences of programmers – particularly Millennials vs. Gen Xers – and how that has influenced Tendenci’s development.

“Old Developers Just Don’t Get it. Yes They Do. No They Don’t”

 

Thoughts? Please share in the comments!

Nerd Alert: Get your CSS menus in front of the new YouTube player

In an effort to keep up with HTML5, just like Vimeo, YouTube has started to implement <iframe>s for their <embed> codes as a means of displaying their videos. By doing so, it allows a wider variety of devices to view an embedded YouTube (or Vimeo) video.

However, for all you developers out there, this means the old-school way of fixing a CSS-only drop-down menu from going behind an embed code no longer works. Previously (and this still works with the old code), you had to use z-index and wmode=”transparent” to make sure your menus show in front of the video.

The Previous Way

Old embed code:

<object width="640" height="390"><param name="movie" value="https://www.youtube.com/v/fDX7tevXO1E?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param wmode="transparent"></param><embed src="https://www.youtube.com/v/fDX7tevXO1E?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="640" height="390"></embed></object>

Emphasis added. What is in red above was necessary to put CSS menu drop-downs in front of the YouTube player.

The New Way

To get your videos behind the menu as they’re meant to be, the “wmode” is now part of the query string added to the end of the source of the YouTube video:

<iframe title="YouTube video player" width="640" height="390" src="https://www.youtube.com/embed/fDX7tevXO1E?wmode=transparent" frameborder="0" allowfullscreen></iframe>

This will fix your issue.

It should also be noted that, so far, this has only been noticed in Chrome and IE. Firefox appears to behave as normal.

NTEN 2011 Knowledge Share: Using Video to Raise Funds

This year’s Nonprofit Technology Conference (NTC) was one for the record books. CiviCRM was a buzz, making open-source software the hero for a multitude of constituent management woes. Speaking of CRMs, have you ever heard of a SocialCRM, yep…it’s coming people! And of course there was Google, never one to show up empty handed, launching “Google for Nonprofits” with the most adorable chocolate bars in tow. There were so many new, and often misspelled, online fund-raising technologies being discussed that many might have walked away a tad overwhelmed.

So what’s an organization to do? What is the best way to raise money online?

One word – VIDEO. And let me tell you why…

While meandering around NTC, a session caught my eye called, “Videos that Raise Money” (See3 Communications). I like videos, and I like helping our nonprofit clients raise money so I figured this would be a win/win situation. Then BAM…statistics were thrown right in my face:

“In December 2010 ComScore reported that 85% of US internet users watched online video, 88.6 million people watched online video on an average single day and the average American spent more than 14 hours watching online video (ComScore, February 2011)”

Geez, whatever happened to playing outside, but I digress…

This data cannot be ignored, and with all of the inexpensive ways to produce videos, nonprofits need to utilize this growing audience to increase awareness and of course, increase online donations.

Ok, so where should an organization begin? According to the guys over at See3, fund-raising has a life cycle and video becomes increasingly relevant during each stage.

Video Fund-raising Life Cycle

Awareness & Identification

Get people to think about the problem and how your organization is dealing with it; and remember, simplicity can force someone to listen.

“It’s in Your Hands”www.tippytap.org

Solicitation

Go ahead and just ask; allow your donors to create social capital.

“Seriously, Serious PSA”www.malarianomore.org

 

Acknowledgement

Just say thank you.“The Boy Who Lived”www.uncultured.com

 

Engagement

Show your donors where their money went and how much it has helped your organization.“Prayer Answered in the Form of a Dairy Cow”www.worldvision.org

 

Stewardship

Let your donors know the bigger impact.“Stand With Haiti”www.oxfam.org


 

 

Check out the entire presentation on See3’s slideshare!

What Would Warhol Do?

“In the future, everyone will be world-famous for 15 minutes.” – Andy Warhol, 1968

I attended a screening of Warhol on TV presented by Aurora Picture Show at the Menil Collection last Friday night. The film was a collection of excerpts of works created by and featuring Andy Warhol. The film was curated by the Andy Warhol Museum in Pittsburgh, PA.

Andy Warhol’s obsession with celebrity and the lives of the rich in famous is well documented, and very evident in the film. What hit me was his fervent dedication to documenting his life and the world around him in photographs and video. Take this photo I took of a video of Andy being done up in drag.

In today’s pop culture, our obsession with the lives of the rich and famous is at an all time high. The entire Charlie Sheen saga has been a grim reminder of how much we thirst for a good celebrity train wreck. But a democratization of the velvet rope has occurred with the proliferation of camera phones. Whether it is the video of Cyndi Lauper singing Girl’s Just Wanna Have Fun in an airport terminal . . .

Or a little girl singing the new Lady GaGa single . . .

 

There are moments of Warholian fascination being born (this way) every day. It’s had me thinking about what Andy Warhol’s art would have looked like if he was armed with an iPhone. The glut of photography apps on the iPhone, particularly those dedicated to creating a vintage look to your photos, make your iPhone reminiscent of Warhol’s ubiquitous cameras. Here are a couple of my favorites

Instagram – FREE

Instagram is incredibly simple. Take a picture, apply a cool filter, share with other user and over your social networks. They recently added hashtag support allowing users to tag their photos, making them searchable. Instagram is great to get quick snaps of random things going on around you. The in-app feed is great for those moments when you want to just look at something interesting in the middle of the day. You can also like and comment on your friends photos. There is also a Popular button that takes you to a collection of the most liked photos taken by Instagram users.

Hipstamatic – $2.99 plus multiple $.99,  Hipstapaks (app currently on sale for $1.99)

I’ll warn you now, this app can lead to a serious obession. I LOVE Hipstamatic. While the app comes with a nice set of equipment up front, the real fun is adding the Hipstapaks, expanding your lens, film and camera options. I doubt I’ll ever learn how to use this app to its fullest potential, but I know it’s going to be fun trying. Another great feature of this app is the Hipstamart. You can upload photos from your phone into the Hipstamart, and order high quality prints! They come in a nifty little envelope that folds into a stand-up frame.

Hipstamatic just takes great photos. You can also share them in Instagram, doubling the AWESOME! One more thing, if you’re going to be using Hipstamatic, you might as well invest in SwankoLab as well. It’s like having an entire dark room in your pocket!

8mm Vintage Camera – $1.99

I haven’t been able to use 8mm as much as I would like. As you can probably imagine, it turns your iPhone into an 8mm camera. Like Hipstamatic, it comes with a small collection of lenses and films to experiment with. Turn your videos into home movies from yesteryear!

Fortunately, the bad fashion from the 70’s is not included.

With an iPhone and these apps, anyone can lead the life of Andy Warhol. And getting your 15 minutes of fame just got a bit easier. Happy content creating!

DrupalCon Day 1: The future of Drupal, HTML5, and the Media Module in D7

We’ve come to the end of Day 1 of DrupalCon in Chicago. Al Hughes and David Stagg are back at DrupalCon (big ups to San Francisco last year!), ready to share some more Drupal knowledge with you all.

Al Hughes, Kieran Lal, David Stagg, and Dries Buytaert at DrupalCon Chicago
Al Hughes (PM at Schipul), Kieran Lal (Drupal Community Adventure Guide from Acquia), David Stagg (Creative Director at Schipul), and Dries Buytaert (Drupal Founder and Lead) with our man Morten Heide taking the photo at DrupalCon Chicago

Day 0: Party!

Of course, at the end of Day 0, the Drupalers gather at the local hotel bar and go to town. We have to give mad love to all those we partied with: Kieran Lal, Morten Heide, Dries Buytaert, Liza Kindred, Jonathon DeLaigle, Marco Carbone, and more!

The Future of Drupal (8)

  1. For the most part of the keynote, Dries hammered home the fact that Drupal 8 must work for all devices (no longer the desktop); the number of smartphones in the past year has increased exponentially and it would be egregious to miss that market.
  2. Dries also wanted to note that if you have two platforms, Drupal and some other CMS, the one that always wins out is the one with the better “ecosystem.” For example, the reason the iPhone wins out over competitors (that might even have a better product or coverage), is due to the ecosystem they’ve created: the App Store, the Apps themselves, the culture, etc. Dries wants to ensure that the Drupal ecosystem is not just stable, but thrives moving into the next generation Web platform.
  3. When creating Drupal 7, Dries met with 20 major market CTOs (e.g. Time Magazine), and asked them what the biggest issues facing the then current state of Drupal was. He said two bubbled to the top: Configuration and Administration. These were added directly to the direction of D8.

HTML5

D.Stagg attended a session by the wonderful speaker Jen Simmons about the future of HTML5 specifically in regards to Drupal. Rockin’ HTML5 with Drupal provided a number of good insights:

Coming up: Nerd alert!

  1. You can use ARIA (short for Accessible Rich Internet Applications) roles for descriptions, e.g. <nav role=”main-nav”>, to target and separate your HTML structures.
  2. Rule of thumb: Use the new <section> tag to group similarly related items (e.g. footer link menus), and use <div> tags to group somewhat unrelated items (e.g. a main content area and a sidebar).
  3. Really cool tip: On <input> fields, add type=”url” or type=”email” to change the keyboard layout on smartphones.

Media Module for Drupal 7 only

Albert Hughes spent some of his time in a session that discussed the way Drupal 7 will handle and update media in the Drupal system:

  1. Media is now treated closer to what one would consider a “node”, e.g. you can add fields like “caption”.
  2. You can also now upload a file and reference it throughout the site, as opposed to have it attached to a custom content type node.
  3. “Uploads” or the “File Attachments” have been taken away to make things more clean and streamlined.
  4. However, one of the main reasons this was taken away isn’t because of the Media module, but because the FileField module in Drupal 6 was added to core.

“Monster (Drupal Remix)”

And of course, both A.Hughes and D.Stagg spent a lot of time throwing out moocards getting people to visit http://bit.ly/drupalmonster. And if you don’t want to click, we’ll provide the embed for you 😉

“Monster (Drupal Remix feat. A.Hughes and D.Stagg)” from Schipul – The Web Marketing Co. on Vimeo.