JJJ's Blog

  • WordPress
  • GitHub
  • Twitter/X
  • Custom Plugin Header Image Label

    Back in December of 2011, Matt and friends added the ability for WordPress plugins to have really pretty header images. For BuddyPress, I went through a few design iterations before settling on the header image pictured at the bottom of this post. I wanted it to be minimalistic and unique, so I took an hour to extend the label area with the buddies at the end. Below is the basic approach to make that happen:

    • Take a screen shot of the header image without the extended icon area.
    • Open that screen shot in Photoshop or your favorite image editor.
    • Make a new layer.
    • Fill the new layer with a black close to whatever the primary color of the label is. (#181818)
    • Hide that layer, select the background layer.
    • Magic wand the label.
    • Extend the selection to the size you want it to be (Usually 50px or so.)
    • Switch to your all black layer.
    • Right click; Select inverse; Delete.
    • Tweak the opacity of your black layer to match as closely as possible. Take your time with this; even if it’s the slightest bit off, it’s pretty noticeable.

    JJJ

    August 5, 2012
    BuddyPress, Software, WordPress
    Plugins, assets
  • Retina 2x downsampling

    While working on some 2x retina images for WordPress.com, and the bbPress and WordPress open-source projects, I found an image rendering issue that I haven’t seen documented anywhere yet. Here’s the WordPress core retina ticket, for reference.

    The first image highlights the difference between the WordPress core 2x icons, and the bbPress 2x icons. Notice how the icons next to Forums, Topics, and Replies have a slightly thicker black outline, specifically in 2x mode. The icons next to Posts, Pages, et all, are WordPress’s icon32 equivalents, with the same border thickness as the original 32px icons used in the 1x headers.

    Using the original 32px icons was a great idea for a first-pass win at having 2x icons in WordPress core, and there are 64px equivalents now too! The difference between the WordPress and bbPress icons is subtle but important when you look at the second image in the gallery.

    If the browser loads 2x images, but the display (for whatever reason) renders in 1x mode, you naturally end up with downsampled 2x images. To purposely duplicate this behavior:

    • Have a Retina MacBook Pro.
    • Connect Cinema Display.
    • Open Safari.
    • Move Safari 50% between the rMBP display, and the Cinema Display.
    • Watch any 2x images downsample to 1x size.

    While edge case, the circumstances where a browsers’ calculated pixel ratio does not match the display are a new bug from a new convention. Arguably, operating systems and graphics cards should handle this more smoothly, and I suspect they will eventually. Until then, if the risk is providing a worse experience than plain-old 1x images, it’s our responsibility to include 2x images that will downsample to a usable state in 1x mode.

    Weird, wild stuff!

    JJJ

    July 20, 2012
    CSS, bbPress, Software, WordPress
    2x, hidpi, Retina
  • Slides from WordCamp New York 2012

    JJJ

    June 20, 2012
    bbPress, WordCamp
  • Confessions of an Open Source Workaholic

    Hi, my name is John, and I’m an Open Source Software workaholic. I touched on it a bit in my WPCandy interview, and I thought I’d finish the story here with a few added thoughts.

    I live in a great neighborhood on the east side of Providence, RI. I work from home, rarely drive my car (ignore the frequent road trips), and enjoy the luxury of being walking distance from food, laundry, spirits, and anything else I might need to live a happy and comfortable life.

    By day, I work for Automattic. I love my job. I love my colleagues. I love everything about what I do. To say it’s a dream job is an understatement. I work on some really awesome stuff going on around WordPress.com, Jetpack, Gravatar, and try to poke my head into other interesting social bits as much as possible.

    By night, I’m the lead developer of bbPress, BuddyPress, and maintain both of the bbPress.org and BuddyPress.org sites. I believe both projects are two of the strongest spokes attached to the WordPress hub, and it’s my pleasure and privilege to be so closely involved with them. I am passionate about their success and enjoy iterating and improving them both equally, and love to help their users whenever I can.

    That said, I’m in a unique and misunderstood position.

    I work 40+ hours at a job that I love. Most days when I’m done with work I switch gears to my hobbies; usually that’s bbPress and BuddyPress. Other days, I enjoy going to the park with my dog Paul, watching Netflix, or enjoying a nice meal with friends.

    In 2010 and 2011, I had the pleasure of mentoring some really bright individuals as part of the Google Summer of Code and the Google Code In projects. Gautam Gupta, a 15 year-old student from India, placed 6th by working closely with me contributing to the first major release of bbPress in two years; helping to totally refactor bbPress into a plugin for WordPress, skyrocket its popularity, and reinvigorate something great that hadn’t had much attention in a while.

    My point, is that working on the bb’s is not something I am directly paid by Automattic to do. Instead, my job at Automattic enables me the means to keep my skills sharp *and* work on the software that I love, at the same time; it allows me to spend my free time giving as much back to the community as I am willing and able to. I choose to concentrate on bbPress and BuddyPress.

    While Automattic does donate the time of several full-time people directly back into WordPress, and while it benefits Automattic as a business to be coupled so closely to its active development, it is not Automattic’s responsibility to staff anyone to contribute back to any open source project anymore than it is your own to do the same.

    WordPress is free and open for anyone to build off of and dedicate resources towards. The bb’s are both free and open like WordPress is, with a lower barrier of entry to make a a much larger impact. If you’ve ever been intimidated by the amount of activity happening around the development of WordPress, or have been afraid your contributions aren’t good enough: 1. you’re wrong; 2. use the bb’s as your training ground.

    If you choose to stick around and help work on the bb’s, your influence carries more weight because there are fewer people contributing. Dedicated contributors walk up the ranks quickly, earning core commit access like Boone Gorges, Paul Gibbs, and I with both BuddyPress and bbPress. We’re not the founding developers, we’re the currently active ones, and we would love to have your help. From code to codex, everything is an iterative work-in-progress.

    Who knows, maybe eventually you’ll be an open source workaholic, too.

    JJJ

    March 6, 2012
    Life, BuddyPress, bbPress, Software, WordPress
    wpcandy
  • WordPress and Blogger love at WordCamp Gold Coast #wcgold

    WordPress and Blogger love at WordCamp Gold Coast #wcgold.

    JJJ

    November 5, 2011
    WordPress
  • BuddyPress 1.5 “Lombardi” released

    Could not have said it better myself. Reblogged from Boone @ Teleogistic:

    It’s finally here! After many, many months of bug squashing, refactoring, and general bloodsweatntears, BuddyPress 1.5 has been released!

    This long development cycle has been frustrating in some ways and extremely rewarding in others. On balance, I’m quite proud of the work that’s been done, and quite pleased to have worked so closely and so well with John, Paul, and all the other contributors to BuddyPress. My sincere thanks to all the users and developers who have been supportive during this dev cycle.

    Most importantly, BuddyPress 1.5 itself kicks ass. The bp-default theme has seen some serious improvements, some much-needed features have been added, and the codebase has been overhauled in terms of additional internal APIs, documentation, style, and so on. If you’ve done development with BuddyPress in the past, do yourself a favor and check out BP 1.5 – you are in for an extremely pleasant surprise.

    Here’s to 1.6 and beyond!

    Boone and Paul, thank you both for your hard work and dedication. You are great developers and outstanding friends, and I’m excited at what we will accomplish in future versions!

    JJJ

    September 21, 2011
    BuddyPress
  • I Spoke at WordCamp San Francisco!

    This year I had the privilege of speaking a total of three times at WordCamp San Francisco and MC’ing the dev track all day on Friday.

    The footage and slides below are from my first talk on Friday morning about BuddyPress 1.5.

    [wpvideo GzqLp8uq]

    [slideshare id=9052698&w=515&h=375&sc=no]

    Overall I’m happy with the way things turned out. I’ve always been comfortable on stage but have fallen out of practice in recent years. I love being able to use footage like this to improve each presentation that I give, and am excited to apply what I learned this time around.

    JJJ

    August 29, 2011
    BuddyPress, WordCamp
  • I’m Speaking at WordCamp San Francisco!

    Following Ian’s lead, I too am speaking at WordCamp San Francisco this year! This will be my second time attending and first time speaking at the annual WordPress conference, so needless to say I (like Ian) am super-excited about it!

    The details of my session haven’t been officially released, but you can bet the farm it will be something totally awesome about BuddyPress or bbPress.

    JJJ

    August 6, 2011
    BuddyPress, bbPress, WordCamp
  • My Favorite Circles are Open Source

    My Favorite Circles are Open Source

    JJJ

    June 30, 2011
    BuddyPress, bbPress, WordPress
  • Circles

    There’s a reason why Google chose circles for its new Google + social graph, and it isn’t just because it’s a clever name. If you search Google’s archive of images for the phrase “social graph” every single relevant image that comes up portrays relationships as being circular.

    In the screen shot above, it’s clear that we humans seem to naturally illustrate our relationships as being… rounded. We live our lives constantly juggling these relationships with friends, partners, family, and colleagues in an intricate network that is unique to us. What better way to depict these predictably random dynamics than with a shape that has absolutely no bias towards any direction or alignment – the circle.

    Circle of Trust
    It's not you, it's me… Wait no it's totally you.

    Up until now, we’ve been forced to map these relationships within rigid digital constructs built by developers (see: me) to make it as easy as possible to manage that data as it scales into the millions of relationships.

    It’s easy to lump people into classes and demographics and groups and categories because we receive (false) positive reinforcement from doing it, and quantifying these relationships by putting them into boxes makes them feel real.

           You are my: [ ] Friend [ ] Family [ ] Pet [ ] Dinner

    Since the first time someone drew a recognizable picture of someone else, having something we can go back to and look at and touch and say “Yeah, that person exists and we are important to each other!” has been an evolutionary significance in our development that technology hasn’t been able to properly convey quite yet. With every emerging social platform that comes around we get one step closer to translating the complexities of our relationships in ways that actually make sense, beyond being friends and followers.

    If nothing else, Google + (and Circles specifically) is a reminder that our lives are ever-changing and the people we know now and will meet tomorrow don’t belong in any rigid box. If you are my friend, I appreciate my judgmental classification of you in my life just a wee bit more today than I did yesterday.

    JJJ

    June 30, 2011
    Rants, Life, BuddyPress, Software, Photography
Previous Page
1 … 3 4 5 6 7
Next Page

Proudly Powered by WordPress