Blog

Injecting Ads into the Jetpack Carousel

Tanner Moushey on June 15, 2013 • 3 Comments

This is really neat!

Kind words from WordPress.com VIP‘s rock star team after deploying our new ad integration extension to Jetpack’s Carousel. Built for 9to5mac.com, this extension appends a custom image to the full screen carousel modal. We’re excited to share it with the WordPress community, along with a few cautions and insights.

Rules are rules: no AdSense

If you were hoping to inject AdSense ads, we’re sorry to disappoint: AdSense policies clearly stipulate that an ad may not be “Displayed in pop-ups or pop-unders.” You may, of course, be able to leverage our approach for other, more forgiving ad networks. We envision the typical use case will involve an internal “house” ad image.

Hooking into Jetpack with JavaScript

Because the modal Jetpack Carousel is generated entirely by JavaScript, classic WordPress PHP API hooks do not apply. Fortunately, JetPack provides 2 JavaScript hooks: jp_carousel.afterOpen and jp_carousel.beforeClose. We hooked into afterOpen – which fires every time the carousel is generated – on line 14 of carousel-ads.js:

$( document.body ).on( 'jp_carousel.afterOpen', SELF.insertAd );

Aaron Holbrook joins 10up

Aaron Holbrook on June 13, 2013 • 2 Comments

I’m Aaron Holbrook, and I’m incredibly excited to be 10up’s newest Web Engineer, claiming the mantle as the first Chicago 10upper!

I’ve crafted websites since 1998, when I was convinced my GeoCities site would light the world on fire. Since resetting my expectations, I found a passion for HTML, CSS and PHP and even built my own content management system in 2004, only to stumble upon WordPress shortly thereafter.

After earning a degree in Computer Science and Mathematics from Augustana College, I became the full-time “webmaster” for a hospital. After spending 5 years managing content, I realized that my passion was building, not just managing, websites. Before leaving in 2011, I rebuilt the entire hospital website on WordPress.

Introducing Grunt for WordPress

Eric Mann on June 8, 2013 • 7 Comments

Since I’m always looking for ways to improve my productivity, I constantly strive to streamline my development workflow. Lately, that meant adding Grunt to the mix.

Grunt is a scripting tool that helps automate certain development tasks using JavaScript. It runs on top of Node in your local environment, and can handle just about any task you can imagine – from linting your scripts to minfying your stylesheets to running unit tests. A few months ago, at our first summit, our entire team had the chance to play with Grunt. As a result, most of us are incorporating it into our regular workflow.

To make it easier to use Grunt with new WordPress projects, we’ve created two project templates: grunt-wp-plugin and grunt-wp-theme. These templates make it easy to kickstart development of a new WordPress plugin or theme by building out the directory structure and project’s core files for you.

If you’re building a plugin, you will start out with the core plugin file, the basic WordPress.org readme standard, and a basic directory structure for all of your PHP, CSS, JS, and image assets. The template also configures your plugin textdomain and registers a few useful constants and core functions. Here’s an example of grunt-wp-plugin in action:

Jake Goldman on June 7, 2013

This coming Tuesday, June 11, at 10 AM I will be on Sacramento’s 105.5 FM Money 2.0 with Andrew Rogerson. I’m excited to talk about 10up, our distributed business model, and the future of web development. I’ve had the pleasure of speaking with Andrew a few times; he’s an experienced, savvy business thinker who always challenges me to rethink the business of marketing and building websites. I’m eager to tell 10up’s story to a different kind of audience, and to engage with Andrew.

To listen to the show, you can tune into Money 105.5 FM on the radio or online with TuneIn or on iHeartRadio.

Meet Dave Ross, our newest Senior Web Engineer

Thorsten Ott on June 7, 2013

I’m Dave Ross, and I’m thrilled to be joining 10up as a Senior Web Engineer, joining a handful of other Boston-area 10uppers.

While I’m always on the lookout for new and exciting technologies, the WordPress community continues to wow me with its dedication to user experience and support for beginners and power users alike. 10up impressed me in much the same way, by combining top-notch technical skills with an understanding of business, design, and user experience. The enthusiasm here is refreshing and contagious.

I grew up in the Chicago area, where I received a Bachelor’s degree in computer science from Roosevelt University. My coursework there ran the gamut from building computers out of raw logic gates to understanding the communication protocols that let the Internet support billions of people online every day. But the web still remains my favorite environment for stretching my engineering muscles.

I’ve been building web sites for almost two decades and love the helping others find a global voice online. I’ve built interactive museum displays for a major Chicago-area museum, web sites explaining pioneering research at particle physics labs around the world, and the online home for a summit of world leaders… as well as plenty of sites that brought small businesses and not-for-profits to a bigger audience. You might have seen me speak at Chicago-area meetups or WordCamp Boston, or providing WordPress support online. Over the years, I’ve released a few WordPress plugins, and I’m starting to get involved with improvements to the core software itself.

WP the People: 10up Hacks the White House

on June 6, 2013 • 2 Comments

Back in February, we applied to We the People‘s second ever White House Hackathon. The event is an open-ended civic hack day where developers of all stripes from across the United States are invited to create applications in languages like Python and JavaScript. The purpose of the event was to create resources for websites, smartphones and other platforms that build on We the People. As a Senior Web Engineer, I had the privilege of representing WordPress at the White House, alongside fellow 10upper Christopher Cochran and Automattic‘s Mo Jangda. Given just how small and selective the event was, we were deeply honored to be accepted and participate.

Inspiration & Education: WordPress.com VIP’s Intensive Developer Workshop

Thorsten Ott on June 4, 2013

As a WordPress.com VIP featured partner, 10up was invited to participate in this year’s VIP Intensive Developer Workshop in Napa, California. I had the pleasure of representing 10up at the event (although our Director of Strategic Engineering managed to make a cameo appearance, too). Hosted at the amazing Carneros Inn and Resort, surrounded by vineyards, a group of roughly 50 VIP developers and 20 Automatticians spent two and a half days digging deep into the WordPress.com VIP platform.

After arriving on Monday, May 13th, the event kicked off with a meet and greet, where I had the chance to chat with representatives from media outlets like the New York Times, the Washington Post, and Penske Media Corporation, in addition to Automatticians I’d only collaborated with online. The meals we shared all week long were delicious, matched only by the stimulating conversations and the content to come.

on May 30, 2013 • 2 Comments

Thanks to a full sponsorship from Google, I’m currently attending JSConf 2013 (May 29-31, 2013), a three day JavaScript Conference jam-packed with presentations ranging from debugging to site performance. I’m personally attending the Yammer track, which focuses on curated content, and am super excited to see talks by leaders like Remy Sharp, Angus Croll, Rebecca Murphey, Brendan Eich. Today, I’ll be attending the Bitovi NodeBots Event, where I’ll hack Arduino-based robots and program them with JavaScript – not exactly something I have a chance to do every day!

I’m excited to be here, and would love to connect with anyone interested in WordPress, JavaScript, or 10up. You can connect with me on Twitter and look for me at JSConf 2013!

Publishing Workflows for WordPress & CMS Expo 2013

Jake Goldman on May 21, 2013 • 3 Comments

Last week, I had the opportunity to participate in CMS Expo 2013, where I presented Publishing Workflows for WordPress. The final talk is broken down into three major sections: (1) a review of inherent WordPress workflow, including some improvements coming with 3.6, (2) a look at plug-ins that enrich its native workflow, from full featured editorial plug-ins like Edit Flow, to narrow, helpful tools like Ice Visual Revisions, and (3) inspiring case studies that illustrate just how far WordPress workflow and curation can be extended in the hands of a strong engineering and user experience team.

I’ve published the slides to YouTube, since a large portion of the presentation includes screen recordings, demoing some built in features, plug-ins, and showcases. I want to thank the awesome, engaged audience, which ranged from fellow WordPress professionals to novices who have never even opened the software.

Tanner Moushey on May 20, 2013

Living just outside of Seattle, I’m proud to share that 10up will be sponsoring and speaking at WordCamp Seattle on June 8. Featuring three tracks, the conference offers focused content for WordPress bloggers, designers, and developers.

Jeremy Felt and I will be joining Kailey Lampert in presenting lightening talks on the topic of WordPress Coding Done Right, followed by some Q&A. Eric Mann will be covering Automated WordPress Development, which reviews best practices for CSS and JavaScript and the use of Grunt to automate preparation of a theme or plugin for release.

Senior Web Strategist Josh Cunnigham, another Seattle local, will also be in attendance. If you’re planning to show up, be sure to say hello to the 10up contingent!