Software – Page 6 – JJJ's Blog

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

assets, Plugins
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
iTether Download Link

If you’re a user of the old iTether app like I am, and you need to re-download the OS X app, here’s the original download url.

http://tether.com/i/Tether-iPhone.dmg

Took me a while to find it again since they switched to the reverse proxy HTML5 method.

JJJ

July 16, 2012

Software

macOS
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
PHPUnit, MAMP Pro 2.0, Netbeans 7.1, OS X
At the time of this writing, MAMP Pro 2.0.5 comes with a corrupted pear.conf file for PHP version 5.3.6, so I had to do some digging to install PHPUnit. You should be able to open up terminal and safely run the following commands to get PHPUnit installed and working correctly:
```
rm /Applications/MAMP/bin/php/php5.3.6/conf/pear.conf
 /Applications/MAMP/bin/php/php5.3.6/bin/pear channel-update pear.php.net
 /Applications/MAMP/bin/php/php5.3.6/bin/pear upgrade pear
 /Applications/MAMP/bin/php/php5.3.6/bin/pear channel-discover pear.phpunit.de
 /Applications/MAMP/bin/php/php5.3.6/bin/pear channel-discover pear.symfony-project.com
 /Applications/MAMP/bin/php/php5.3.6/bin/pear install phpunit/PHPUnit
```
Now that it’s installed, give it a try and see if it responds:
```
/Applications/MAMP/bin/php/php5.3.6/bin/phpunit --version
```
To run phpunit directly:
```
mv /Applications/MAMP/bin/php/php5.3.6/bin/phpunit /usr/local/bin/phpunit
```
Note: *you may need to sudo to run the mv command, like so:
```
sudo mv /Applications/MAMP/bin/php/php5.3.6/bin/phpunit /usr/local/bin/phpunit
```
* after which you will be propted for you password

One last test for good measure:
```
phpunit --version
```
Great! You’ve successfully installed PHPUnit in OS X using pear bundled with MAMP Pro 2.0.5. What about Netbeans integration?
1. Open Netbeans and visit your Preferences
2. Select: PHP
3. Select: Unit Testing
4. Click: Browse
5. Navigate to: /usr/local/bin/
6. Select: phpunit
Boom. From here on in you’re all setup with Netbeans talking to PHPUnit safely installed via MAMP Pro’s pear. For more information on what Netbeans can do with PHPUnit, check out the knowledgebase page over at Netbeans.org.
JJJ

February 14, 2012

Software

Mamp PRO, Netbeans, macOS, pear php, phpunit
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.

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

Life, Rants, BuddyPress, Software, Photography
Code should read like a diary

Code should read like a diary. When someone you’ve never met picks it up and starts reading, what you wrote is all that person will ever know for sure. If you leave out intimate details, those details are lost forever.

JJJ

June 29, 2011

Software
OSX, HostName, and FiOS

Flash-back to 2004 when Matt figured out how to change the computer name on his new Mac; now flash-forward to today when I need to do the same thing, and his method didn’t work. Also tried Richard Bronosky’s method, and still no joy.

If you have FiOS, it could be Verizon’s fault.

I needed to change the DHCP Client ID:

Network > Settings > Advanced

…and then I needed to rename the device at the router too, otherwise terminal would show my HostName as ‘new-host’ even after the above changes…

Router Config >My Network > Rename

It’s possible I didn’t need to do all of these things, but I did anyways and finally got rid of that pesky ‘new-host’ name.

JJJ

December 11, 2010

Software
Verizon FIOS, AirPort Extreme, and Ken

Having just moved into my new apartment in Providence, Rhode Island, I was elated to discover that Verizon FIOS was an available option for my television and internet needs. If you’ve never heard of FIOS, it’s essentially a fiber optic cable fed directly into your home capable of providing ludicrous speeds and outstanding response time.

Needless to say I opted for their fasted package. 35Mb Up/Down. This is my result:

Verizon FIOS – Speedtest.net results

Now we’re cooking with lasers! So far so good… but after getting everything hooked up and configured, there were a few random bits that weren’t working; namely MobileMe, Back to my Mac, and Synergy.

Thanks to Ken Yegelski’s really awesome blog post over at his blog Just One Point of View, I was up and running in a snap. His trick involved diving into the modem/router combo that Verizon provides you, and configuring the IP address range to accomodate for the 10.0.x.x IP’s that OSX is used to, and putting the AirPort Extreme into Bridge Mode.

Dead simple, and almost totally effective.

The only thread left hanging for me, is Synergy. Synergy is software installed on multiple machines that run over a network in a client/server fashion, allowing to share a keyboard and a mouse with each other. Previous to having FIOS, everything worked fine; now, my keyboard doesn’t share. Mouse works fine, just no keyboard.

So consider this post a giant thanks and hat-tip to Ken, and a signal flare for experience on configuring Synergy/SynergyKM between OSX and Windows7.

JJJ

November 23, 2010

Software
Giving props is cool
I’m not really a business-man kind of guy. I’ve never really been able to wrap my head around the economic logistics of running a zillion dollar corporation, so I’ll preface this to say that I can’t really speak from that angle with first hand experience. What my perception of that kind of business is though, is cut-throat and viscous with a side of watch-your-back. Considering I’m generally a laid back, go with the flow kind of person (unless I’m sitting in traffic) it’s pretty natural and obvious that I’m just not cut out for that line of work.

What has worked pretty well for me though, is open source development. I think because it has that whole ‘pay it forward’ type of mentality to it… and because I get to prove myself everyday to my friends, my peers, and my clients and colleagues. It benefits not only me, but the people that I work and play with, to do a good job. I’m rewarded with natural thank-yous and random pats-on-the-back just for doing something that I would be doing anyhow, which lets me ‘make my own bed’ so to speak. It’s like having a commission based salary, except without the sales pitch and the getting ripped off by the sales guy.

I’m blessed and fortunate to be able to do what I do and be able to pay the bills with it. It’s a luxury that I’m not always sure I deserve yet, but I take advantage of the opportunities doing my best not to take them for granted any step of the way. Because of the WordPress community, I’ve met amazing people that I call my friends, even if we’ve physically met 3 times. I’ve gotten to work a lot on BuddyPress, and will be putting some efforts into bbPress now, all of which I’m happy and proud to be able to say that I am a small part of.

All of this, isn’t my doing.

If it wasn’t for the GPL, I wouldn’t have any of it. None of it would be possible.

If I wasn’t able to see other peoples work and reapply it for the task at hand, I would never have been able to learn LAMP development in the first place. The first thing I noticed is that open source developers are typically very generous, providing copious amounts of insight and example code with out asking for a penny in return. The general rule, of course, is that you credit the original author for their assistance, even if it was in a semi-anonymous fashion. I generally like to drop a comment in their blog if they have one thanking them for their help, but I digress…

This is all what made giving props cool.

Let me just say, that NOT crediting people for their help is usually uncool. I am of the opinion that anyone with a shred of moral fiber should thank the people that helped them get where they are. But in the open source development world, having a link in your footer to the engine that runs your site, is something you’re proud of; having a commented line of code inside yours that credits the original author is something you’re proud to do, and there’s a few reasons why I think that is:
1. It shows you’re paying attention to other people and what their methods are.
2. It shows that you respect them and their efforts.
3. It lets the world know that you’re humble enough to thank the people that help you along the way.
4. It proves that you can’t do it alone, and that you understand that no one expects you to.
5. It goes a long way towards building good relationships and business practices.
6. It means that when someone credits the hard work that you’ve done, you’ll get that warm, fuzzy feeling too.
I know that the GPL is a legal document that is meant to protect the rights and abilities of the developers that use it. Going back to the business-man thing, I can honestly say that in my beginnings (and sometimes even recently) I did not comprehend exactly what the GPL was or what it meant to believe in it as strongly as I do on this day. To me, today, the GPL is something that protects me and my rights as much as it is something that lets me safely distribute what I do for others to use, reuse, and share however they see fit in a respectable and ethical fashion.

The kicker about all this, is my feelings won’t be hurt if I don’t get ‘props’ even if it’s in the spirit of the GPL to provide them; even if it’s written in the license that you need to obey the original license. If I never get a thank you, and never get recognition for what I do, and my code shows up somewhere without a direct credit to me, I won’t even be mad… it isn’t something I need or want… but I will appreciate it. Like most things in life that can be appreciated, if they go totally unappreciated for too long… if they are used and abused to point of an obvious injustice being committed, be it moral, ethical, legal, or otherwise… there are and should be repercussions for that kind of behavior.

So… in short (but also very long), the GPL made props cool. It did that by giving everyone a perpetual and reciprocal way of helping each other get things done in a way that makes sure everyone is appreciated, everyone is treated fairly, and everyone gets recognized for their hard work and dedication. If you use a GPL licensed snippet of code, or an icon that someone has made available, or use open source software, by recognizing the hard work that went into those things, you’re silently appreciating and respecting the people that help make the internet awesome, and they do appreciate it. I know I do, and I appreciate all of you too. 😀
JJJ

July 15, 2010

BuddyPress, bbPress, Software, WordPress

gpl, Props