‘Nothing is “Built On Twitter”‘

Dustin Curtis nails it when he writes about Twitter:

And that leads to me to the final thing I want to talk about, which is also the most important: Twitter has fucked up its platform. Twitter has turned into a place where famous people and news organizations broadcast text. That’s it. Nothing great is Built On Twitter, even though it should be the most powerful realtime communications platform on Earth. There are simply no developer integration features for building stuff on top of Twitter as a platform, and that is absurd and disappointing. The fact that automatic tweets from apps are considered rude is one of the biggest failings of Twitter’s product team–Twitter should be the place for apps to broadcast realtime information about someone. And yet the culture around the Twitter community has effectively banned such behavior because the product doesn’t have features to filter/organize such notifications.

Twitter started off as a content creator’s dream. They had a freely available API and a massive, growing data-set open to anyone with some basic programming skills. That avenue was closed a few years after launch when they bit the hand that fed them and blocked basic API access to successful apps.

While I agree with Mr. Curtis’ overall opinion of the Twitter platform, I’m not convinced Twitter is “the right person for the job.” The service that Twitter provides should be given to the people who contribute to it, like Wikipedia does. The content and the platform should be completely open. Giving this responsibility to one for-profit company is simply a ticking time bomb.

It’s for this reason that I recommend as many interested people as possible look into running or contributing to the GNU Social platform. It’s a federated Twitter-alike service that’s completely open-source. People on one network can follow and reply to people who are on another. Even better is that there’s no 140-character limit!

The Power of Twitter (or, how it never hurts to ask)

Transport Tycoon

Open TTD Title ScreenTransport Tycoon Deluxe had a profound impact on my life when I was in high school. A friend an I found it in a nested-away folder on one of those pirate-rich, home-burned CDs that contained ripped games and were passed around between classes. At the start, we had no idea what a great game Transport Tycoon was but the graphics were really impressive and the game ran swell on our hardware (a 486SX at 33MHz and a Cyrix MediaGX at 180MHz). Not only were the graphics great, but the music was really catchy, as well. All of us (friends who later became enamoured themselves with the game) found ourselves humming it for months and years after.

I play the music now and again, even years later. It’s classic 16-bit MIDI is music to my ears. Still, I have always wondered what a live band adaptation would sound like.

Enter Twitter

Conversation on Twitter with John BroomhallSome people wonder what the point of Twitter is. I, myself, was one of those people until I realized about two months after joining that A) your experience is directly related to the quality of the people you follow, and B) it gives you direct access to famous people you would have no other way of contacting.

Hey wait! Why not contact John Broomhall about him doing a live band version of the Transport Tycoon!

Gamasutra

Game developers and artists in the game development industry frequently guest post on Gamasutra, a blog dedicated to the art of game development. Guess what? John Broomhall wrote a guest post centred about his 20+ year experience in the game soundtrack field and included a little nugget which interested yours truly: a live band adaptation of Transport Tycoon’s soundtrack!

I’d just like to thank Mr. Broomhall for doing this and giving me such enjoyable music to listen to all these years. Also to Twitter for making it possible for us to directly speak to people who have made direct impacts on our lives!

Moving a site from Drupal 7 to WordPress

I’m in the process of moving my videogaming blog, GameBlaster64, over to WordPress. The most recent security vulnerability with Drupal coupled with the fact that core updates must still be done manually has pushed me to head in that direction. Drupal has always been a lot more work than WordPress and I didn’t really need all the extra functionality anyway.

In under a month, GameBlaster64 will be 4 years old. There are hundreds of posts, thousands of pages, and tons of images. It’s going to be 301 redirect galore. To help with this, I wrote a small PHP script to grab the URLs of the taxonomies and articles I’ve been writing. It uses WordPress functions to import blog posts, along with their attached tags from the Drupal 7 database.

Here is my script. If you’re moving from Drupal 7 to WordPress, you’ll hopefully find it useful.

On being secure

With all the recent news about the US government collecting and analyzing everything we do online and in our daily lives, we’ve all been looking for ways to increase our privacy.

Today, an article was posted on Hacker News about Google Analytics not being served over https. After reading this, I remembered that I use it and questioned whether or not I should keep it on this blog. Google Analytics has been installed on this blog for years, but today I found it hard to answer exactly why. It provides no real value to me other than satisfying my curiosity.

In the end, I decided to remove it. Not only because it is not served over https, but because the only real parties it benefits are Google and the NSA. My site is not large or popular, but it’s just one less site on the network being tracked through that channel.

I believe, in life, we should lead by example. I believe the web should be secure by default. I believe web servers should only function when using encryption (Supporting http was a design flaw, https should have been the only option. Even a self-signed certificate is safer than plaintext http.)

To that end, I’ve come up with a short list of simple things us website owners can do in order to hinder attacks or snooping by third parties. I’ll compare my own site against this post and update as I move toward compliance (red means failure):

  1. Serve content only when encrypted by perfect forward secrecy.
  2. Serve content entirely from web hosts and CDNs under your control.
  3. Encourage others to do the same.

It’s amazing how quickly my view on this has changed. If you would have asked me a year ago whether or not it was important to self-host images and scripts used on your site (or whether you should even be hosting your blog yourself versus using a third-party service like Tumblr), I would have answered an emphatic no and provided many reasons why letting a bigger, better player handle that is much better.  As a site operator, I want my site to be as fast as possible. As a web user, I want to be as secure as possible. Which is more important?

With the way things are now, it’s worth being a second or two slower to serve knowing that your stuff is your own.

Some web traffic data for my part-time video game blog

When I first started making websites, I went looking for web traffic data for other people’s websites in an attempt to set a sort of realistic goal post. I wanted to know: what sort of traffic is realistic for a site that’s just starting out? How will I know if the site is successful or popular? Unfortunately, there isn’t a lot of information available. So, for those that come after me, here’s what my video game site, GameBlaster64, has looked like traffic-wise since day one (January 20, 2011).

Traffic for gameblaster64
Click/tap for larger image

My site is not entirely popular, but it’s not barren, either. I post sporadically, maybe once every week on average. The content quality is good, though: all of the posts are original articles, not found anywhere else on the web. I’m always on-topic and share my posts on Facebook, Twitter, G+, and Stumbleupon. I don’t pay for traffic. All of this is organic.

Looking at the data, I find it interesting that although I have hundreds of articles, the ones about popular or trendy topics are right at the top of the popularity chart. Though it’s only one data point, my site’s traffic data seems to support the notion that following trends returns greater interest than long-tail but focused content, i.e., writing things about Minecraft is more popular than covering older/indie/non-mainstream titles or news, even if the latter is much more numerous in post count.

I do run ads from Google AdSense and make some money from Amazon affiliate links, but it’s not enough to quit my day job. Not even close. Still, it pays for our Minecraft server, which is professionally hosted in NYC by the amazing people at Nuclear Fallout. And, I get enjoyment from the creative outlet, covering the industry I love.

Featured WordPress Plugin: W3 Total Cache

Let me be straight with you: Every WordPress blog on the web should have this plugin installed.

And, no, I’m also not being paid to say that. :)

W3 Total Cache is exactly what its name suggests: A total caching solution for WordPress blogs. WordPress is a good publishing platform and content management system (CMS) but runs into problems quickly when more than a few visitors hit your site. Even moderately busy websites can buckle under the strain of the database connection pools, stylesheets, Javascript, and HTML that WordPress uses.

Some of the neat features that W3 Total Cache includes:

  1. “Minifies” CSS, Javascript, and HTML by removing all whitespace. To see an example, view the source code of this page. This means there is less data to send to viewers of your website which also means your website loads faster.
  2. Final output is cached and then re-served to the next viewer without having to rebuild. This means that in many circumstances, your blog might only be recreating your site dynamically once an hour. Otherwise, the cached version will be served, greatly increasing the performance and stability of your site.
  3. Uses advanced disk caching techniques to cache output or can also take advantage of Memcache technology (if supported by your server) to increase speed even more.

Before W3 Total Cache I was a fan of WP Super Cache. And before that, I used WP Cache. Neither of the latter two can hold a candle to the capabilities and caching power of W3 Total Cache.

For more information on how this plugin can increase your website’s performance, take a look at W3 Total Cache on the WordPress Extend website.

How to Network in a Web 2.0 World – Part 2.0

Note: This is a continuation of part 1 of How to Network in a Web 2.0 World. Please read the first blog post on the subject before proceeding with this one.

What’s Next?

Now that you’ve got profiles at the 3 most popular social networking websites, it’s time to put them to good use. To do that, we’re going to leverage the equalizing power of the Internet to gain access to high-profile people in the markets you’re selling your services to or working in. You will be amazed how accessible CEOs and other top-tier people are on services like Twitter and Facebook.

Your Brand

Branding is an entire industry by itself and far out of the scope of this blog post. However, we can tackle a small part of it to get you on your way. The easiest way to help brand yourself is to have a consistent image that you’re delivering to people who see you. This way, they will remember you and associate you with that image. Think Coca-cola and you likely think of a red sign with white text. Or Nintendo brings up imagery of Mario.

Be sure that your profile picture is the same across all of the social networking sites you’re a part of. This way, when people see a thumbnail of your profile pic, they will remember who you are and associate you with it.

Another trick is to always use the same nickname or handle on every service. For example, my handle is Rocky1138. If you search for Rocky1138 on Google or Yahoo or Bing you will see a lot of the websites I write on or tweets from Twitter.

Facebook Vanity URLs

When adjusting your profile on Facebook you are presented with the option of creating a “vanity URL,” which is a word you associate in the Facebook website address with your Facebook profile. This is an easy way to make your Facebook profile memorable to people. For example, my Facebook profile is located at https://www.facebook.com/webprogrammer. Whenever anyone goes to that link, it will take them to my Facebook profile. Pick a good Vanity URL such as your name or something easy to remember that you wouldn’t mind putting on your business cards.

Twitter

Twitter will connect you with very important people around the world and give you access to those who can hire you or contract your services in the future. An easy way to get hold of the best people in your industry is to use a website like WeFollow.

WeFollow will show you the top Twitter accounts in the world for a search term you type in. If you type in “php” you will get 1,602 people you can follow, including the #1 twitterer which is coincidentally the person that invented PHP. After using Twitter for a few weeks to build up a tweet history, spend a day and a half to follow the entire list of people in your search. If even half of them follow you in return, that’s still potentially hundreds of like-minded people that will be listening and watching your tweets.

I have gotten plenty of work from people who’ve been following me on Twitter and got in touch with me because of something I tweeted about. This is a great way to get work.

I hope this has helped moves you forward in networking in a web 2.0 world. There’s still plenty more we can do, so keep an eye out for part 3 on the horizon.

5 Really Great Freelancing Websites + RSS Feeds

If you are a freelancer you may already read the articles from some of these websites. Possibly on a daily basis. If you’re new to the freelancing game or considering a jump to self-employment, this list might help you out.

These sites typically deal with Web Design or Web Development, though there is very likely a lot of information you could use in any career. If you’re not working with websites, programming, software development, or managing a team, take a look anyway. You may find something you like.

When working from home or on your own, saving time is like precious sugar increasing the flavor and making sweet the rest of the day. Instead of reading each of these websites (and others) on a daily basis by individually going to them one-by-one, use a feed reader such as Google Reader or Akregator. These services are completely free and will pull new articles from the sites you love and put them all in one spot, saving you time.

Okay, enough of that. Onto the list!

1. Web Worker Daily

Web URL: http://webworkerdaily.com/
Feed URL: http://webworkerdaily.com/feed

Daily tips on how to improve your freelancing performance, reduce costs, and build a better business.

2. FreelanceSwitch

Web URL: http://freelanceswitch.com/
Feed URL: http://feedproxy.google.com/FreelanceSwitch

A bit more relaxed, this one is a community of freelancers and can help bring you into a crowd of like-minded people.

3. Lifehacker

Web URL: http://www.lifehacker.com/
Feed URL: http://feeds.gawker.com/lifehacker/full

While not directly related to freelancing, this website has excellent articles on reducing your cost of living, reusing old items in new ways, and living a more successful and fulfilling lifestyle. A definite read.

4. Elance

Web URL: http://www.elance.com/p/landing/provider.html?source=index
Feed URL: (Today’s Jobs) http://www.elance.com/todaysjobs

A website dedicated to either a) finding you work or b) finding professionals to do the work you need done. If you’re either, sign yourself up and start doing business.

5. AllAboutFreelance

Web URL: http://allaboutfreelance.com/
Feed URL: http://allaboutfreelance.com/feed/

Usually funny but very informative. This site should definitely be on your watch list.

Well that should get you started.  I’m always interested in learning about new sites, though. If you’ve got an awesome freelance site, please mention it in the comments. Much appreciated!

Coffee and Code in Guelph

If you’re a developer looking for something to do on Tuesday nights, look no further: Coffee and Code has come to Guelph. We meet between 7:30pm and 9:30pm to network, discuss relevant programming topics, and get some work done. It’s a great opportunity to meet some like-minded individuals and work in a setting other than your usual lair. Bring your laptop and whatever else you’ll need to do your thing.

Cory Fowler began the Coffee and Code event in Guelph a few weeks ago and has been diligently building up some momentum with it. I think it’s been going for 5 weeks now. I started going on the third week.

Next meeting place: The Albion on Gordon St. Hopefully we’ll see you there!

DemoCampGuelph9 – May 13, 2009 – Be there!

Coming up fast is the next DemoCamp in Guelph. It’s scheduled for May 13th and this time it will be at the eBar on Quebec St. Attending the DemoCamp is completely free and definitely recommended if you’re into programming, new technology, servers, hardware, software, games, or anything else with computers. Usually there are drinks and food included, so come and have fun!

I’ve blogged about previous DemoCamps before, namely the 6th and 7th events here in Guelph. At the 6th event, I presented Jack of All Links.

For more details on the upcoming DemoCampGuelph9 event, check out the DemoCampGuelph homepage.

How to Network in a Web 2.0 World – Part 1

TwitterFox - Firefox Twitter Plugin

TwitterFox – Firefox Twitter Plugin

As a web developer my job is more than just programming code. I’m required to cut up graphics, keep up-to-date with web standards (CSS, XHTML, et al.), and build a reputation for myself in a way that many other workers in many other jobs simply aren’t required to do.

There has always been a need for every worker in every industry to maintain a good level of professionalism and efficiency in order to gain a good referral when looking for future employment, but with web developers this is amplified.

Why?

Everything about the web is social; we chat online, send E-Mails, play online games, receive world news instantly, and have public profiles on any number of social networking services – Facebook, LinkedIn, Twitter, Orkut, and more.  There is competiton everywhere. Everyone is fighting each other for attention and recognition.

Who’s out there?

Computerworld suggests that 1 in 5 employers looks at prospective employees on social networking sites (Facebook, MySpace, and others) to determine if that person would be a good fit for their company. With numbers like that, you cannot afford to be reckless with regards to your online persona.

What can you do?

This first part of this article is designed to get you up to speed on a few techniques and sites that will help you build an online persona that future employers, when searching for you, will find.

I got my first programming gig because my employer found me on Google. The same could happen to you. Let’s make sure what they see shows you in the most positive light possible.

The Basics

The most important things you can do when creating an online profile is ensuring that your data is always accurate, timely, and professional. Always imagine that your boss can see everything you put online — because he/she can! Never let data grow stale. Always be adding, updating, and building.

To start, there are three websites you will need to create an account on. Those three are Facebook, LinkedIn, and Twitter. We’ll go through each briefly, but I always recommend that some time is spent with each one to get used to the features it offers.

Facebook

Website: https://www.facebook.com/

Who hasn’t heard of Facebook? Unless you’ve been living under a technological rock for the past few years, you’ve at least heard of this service. Facebook is a website where over 90 million people have created profiles that allow them to share photos and contact details, network, and meet friends.  Put simply: If you’re not on Facebook, who are you?

LinkedIn

Website: https://www.linkedin.com/

LinkedIn is Facebook’s older, more experienced cousin. This site’s specific purpose is to build an online resume and accomplishments list that other people in your industry can use to search and find you. While Facebook is geared to a more personal audience, LinkedIn is strictly for professionals. Over 35 million people have built online profiles already and there are more joining each day. Chances are someone you know or work with is on this site.

As you build your profile, consider it an online resume.  This will help to give you an idea of what it should look like to someone reading it.

A neat feature that LinkedIn has is the ability to search your E-Mail contacts for people on LinkedIn that you might know. This saves you the hassle of trying to build an initial network. From there, you can be introduced to people that they know and so on, building your network even larger.

Twitter

Website: https://www.twitter.com/

Ah, Twitter. You’ll either love it or hate it. I personally dislike this service, but I find myself using it every day. It is a uniquely simple but completely addicting service. The idea is called ‘micro-blogging‘, meaning that you send brief (140 letters or less) updates of what you’re doing or thinking and people can respond.  The photo at the top-right of this article shows a typical Twitter experience.

As you continue to update the world to your thoughts and work, people will begin to ‘follow’ you and they will get your tweets (the term for each update you put out). In turn, you can ‘follow’ their tweets.

The biggest draw of Twitter is that you can find and communicate with very high-profile people you may never normally have access to. Some top CEOs and other big-wigs are on here. If you communicate often enough and start to gather a following, you can find yourself in a conversation with people you never thought possible!

This ends part one of “How to Network in a Web 2.0 World.” Continue onto Part 2.0.

DemoCampGuelph6 was a lot of fun!

I got back from the 6th Guelph DemoCamp around 9:00pm last night. Free beer, free food, a group of 50 or more programmers, and one block away from my apartment. Guelph rules :)

If you live in the Guelph area and you’re interested in going to the next one, there will be another DemoCamp on the 17th of September 2008. You should be there. Presenting stuff is easy: You get 5 minutes to set up, 5 minutes to talk, and 5 minutes to answer questions from the crowd. If you just want to come listen and mingle that’s cool, too.

I presented Jack of All Links to the crowd and it went really well. There were a couple of guys from WeGoWeGo, which is a startup that’s gearing up in Toronto as well as a few other people presenting technology or software they wrote. I really enjoyed it.

I was really surprised at the size of the crowd! I figured there might be at maximum 10 people (I mean, how many programmers *are* there around here anyway) but there were over 50. Exciting!

Top 5 Firefox Extensions for Web Developers

You might be a web developer. You might need to know what HTML element is under your cursor at any given time. You might need to know the hexadecimal value of a pixel is under your cursor at any time. You might have a mile-long CSS file inherited from multiple projects and wonder: “Which styles still apply and which are no longer used?”

Fear not my fellow web developers, web designers, programmers, whateverrers! These 5 Firefox Extensions will help you chop the time spent on any web development task so you can get back to reading blogs during the day. Or work. You choose.

Without further ado, here they are:

 

#1 – Web Developer Extension

I don’t think I’ve ever used a web browser-based tool as much as I have this one. It’s saved me so much time and helped me solve so many problems over the past year. It does practically everything. With tools like “Resize Window” which lets you resize your window to a certain pixel width and height and “View Generated Source” which lets you see the source code used in the website AFTER Javascript runs — Instead of showing function(var 1, var 2) it will actually show the variables that went into that function e.g., function(“john”, “rockefeller”). Cool huh?

Cool features:

  1. A ruler you can use to measure the size of tables, divs, or anything else on your page.
  2. Disable stylesheets to see what your site looks like without any styles whatsoever.
  3. Display alt tags, image file sizes, image paths, and more.
  4. “Outline Block Elements” will automatically outline divs, paragraphs, spans, and other elements on your site. Very handy.
  5. “Outline Current Element” will display the element id and name for any element underneath your cursor. Unbelievably handy.

Sample Screenshots:

Outline elementsMisc functions

 

#2 – ColorZilla

I’m sure we’ve all seen a cool color on a page, whether it’s an image or cell background, and said “Oh man I love that color. I could eat it. I wonder what the hex value is so I can use it on my site. Or in case I get hungry.” Well, you could always take a screenshot, load up The Gimp, use the Color Picker tool to determine the hex color value, but who needs to do that when you’ve got ColorZilla installed?

ColorZilla will display the hex color and RGB value of any color under your cursor. Very, very handy.

 

#3 –SearchStatus

This handy little extension will show you the Google PageRank of whatever site you are on as well as the less-important-but-for-some-reason-still-used Alexa Ranking.

PageRank Plugin

 

#4 – Dust-Me Selectors

This handy little Firefox Extension will tell you which CSS styles are not found on your pages. It works per domain, so surf all of the pages of your site and a comprehensive collection of unused styles will be shown which you can then promptly delete from your stylesheet, thereby increasing the performance of your site.

Very very, cool.

 

#5 – Firebug

No Web Developer’s tool-belt would be complete without the illustrious Firebug. The list of features here is incredibly long, but so is the list of Web Developers who have saved hours of work using it. Their own website explains it better than I would but you’ve got to ask yourself one question: What kind of web developer are you if you aren’t already using this??

I hope you’ve enjoyed this list and found some of the links useful. If you’ve got something to say about these tools or even have a list of handy tools you use that might think others would find useful, please post a comment with a few links. Thanks!

Google PageRank and SEO Tools

If you’ve got a website and you want more traffic you need to read this: http://pr.efactory.de/e-pagerank-algorithm.shtml

The premise is simple: Google’s search results are based off of a ranking system known as PageRank. The score for your website will be between 0 and 10, with 10 being the highest you can achieve. The higher your PageRank, the higher the chances of being at the top of search results when customers look for you.

In order to achieve a high PageRank, it is important to have, among other things, as many high-profile (or high ranking) sites link to yours as you can. When high ranking sites link to yours, a bit of their PageRank gets rubbed off onto your site. It’s similar to a high ranking official recommending you for a job.

Conversely, you can also achieve a high PageRank through the number of sites that are linked to yours. I used to run a free forum hosting company called NetBoardz. On the footer of every post, on every page, there was a link to NetBoardz. Over time, my PageRank grew for that page to 3/10 with no high profile pages linking to it at all. It was the sheer volume of pages with a link to my main site that did it.

A handy tool you can use to check your PageRank is the SearchStatus Firefox extension located here. At the bottom right of your Firefox or Mozilla window it will show you the PageRank of every site you visit. For an example, view the image below:

SearchStatus PageRank Image

There are many ways to track and improve your ranking in the search engines, many of which will be dealt with at a later time. Hopefully this gives you some insight as to how Google search results work and leads you in the right direction for improving your PageRank!

Welcome to my blog!

John Rockefeller
John Rockefeller at Synn Studios Inc.

Hi everyone,

First, let me welcome you all to my blog where I will be writing about web development experiences, technology, and social media as I continue along this path in my career. I work as a web developer in the beautiful city of Guelph, Ontario, Canada as a full-time employee but on the side I am part owner of an indie movie studio known as Synn Studios Inc. as well as a maintainer and developer of my own personal technological projects (software or hardware).

Hopefully, if we have similar interests, you will find the posts on this blog to be of use to you either in your own experience or in upcoming projects. If you’re into developing websites, working on servers, making movies, 3D modeling, level design, or game development, there will be something here for you.

I have started two projects on my own: The now defunct NetBoardz Free Forum Hosting, and Jack of All Links – A social search engine (which eats up a lot of my time ;)).

I am available through Facebook, Twitter, or LinkedIn, if you need to contact me.