PHP/Drupal Web Developer

Xeno Media is offering an exceptional opportunity to be a vital part of a team that uses cutting-edge open source systems–primarily Drupal–to develop outstanding, beautifully-crafted sites. We have a really interesting and diverse client base, with communities from fashion to physics, and everything in between. We’re looking for a smart, hands-on, team-oriented web developer who wants to make a difference and who is savvy enough to read this entire ad before responding to it.

The ideal candidate will be smart, eager, and have a few years experience in web development. He or she will love crafting elegant solutions and will thrive on high-quality code development.

Xeno Media is a web development and design shop located just west of Chicago in Oakbrook Terrace. We offer excellent salary and benefits including medical, dental, 2 weeks vacation and a retirement account with employer matching. We’ll even buy you lunch every Friday!

No recruiters. No phone calls. This is a salaried, full time, in-house, on-site position! A thoughtful cover letter is required.

Please read all the requirements and follow all instructions before submitting your response.

• What you’ll need:
• Real world web programming skills
• A couple years experience with PHP and MySQL + HTML/CSS/JavaScript
• Good communication skills
• Flexibility
• The abilty to embrace the varied demands of a small shop
• A good, helpful, friendly attitude

• It would be really great if you had:
• Advanced Drupal experience
• jQuery experience
• Version control experience – SVN and GIT

• We offer:
• Competitive salary
• Excellent benefits including employer-paid health, dental, and life insurance
• Employer-matched retirement account
• Great work environment
• Fun, diverse client base
• Friendly, inspired coworkers

• Please submit a thoughtful cover letter and detailed resume, including:
• Work samples (specify your role or roles on all projects)
• Educational history
• Salary history or requirements

For years, Google has dominated the search landscape, leaving only a handful of competitors. Fueled by keyword-based ad revenue, they have helped decide how a generation of internet users have looked for, and on the flip side, what they have seen on the internet. No one has come close to knocking them off their mountaintop offering similar products. While scouring the internet, Google has found our interconnected web, based primarily on links, keywords, images, reviews, and location data. Some of this data their own, but more of it residing freely on the web.

For half as many years, Facebook has offered a tool that collects information. This is not a secret. As of September, 2012, over a billion users have agreed to give some sort of information to Facebook. Facebook has a much more complex bucket of their own data to draw from. The site knows who we are connected to, where we come from, where we’ve been, and where we are right now. There are images, some tagged with geo-location data, videos tagged with friends and friends of friends. What time of day do people like to get sushi in the Wicker Park neighborhood of Chicago? Facebook knows, if only they can put all of that information together. Because up until now, they have not.

Who, What, When, Where, and Why

These are the 5 W’s that are the basics of information gathering, and fundamentals of good journalism. These are also going to be the benefits of the Facebook Graph Search and how the data from the search results is tied together.

Who

Facebook has data from actual people, connected to you or not. This is the who, and the data about the who could be people in your immediate graph, people narrowed down by another option like where, or just people in general.

What

What would reflect the object or asset you are searching for. This could be an item on Facebook, or an item on the web that has been tagged with Facebook’s Open Graph Protocol Meta Data. This meta data allows content creators the ability to categorize their web pages and assets into a system that Facebook understands, among numerous other options.

When

Thanks to the implementation of the Facebook Timeline, we can see how Facebook’s information is organized into time. As users upload and/or create content, they have the ability to modify the date of that content. So if I am uploading a photo of my first day of kindergarten, I can change the date of that photo to 1979, not today’s date.

Where

Have you ever checked into a venue using Facebook, Foursquare, Yelp, ban.jo or the like? Well, you have provided the internet with location data. Mobile phone photographs also contain GPS location data. Did you go to an event that had a Facebook event set up for it? All of these things provide accurate “Where” location data to Facebook’s ever growing servers.

Why

This is the hardest algorithm to crack, and will most likely be the “make it or break it” aspect of Graph Search. Why will users use Facebook search? The question rings true especially when you consider how poor the performance has been on the regular Facebook search for so long. The questions offered in the demo offer a lot of insight into how Facebook will see the search being used:

• Restaurants in London my friends have been to
• Music my friends like
• People who like Cycling … and are from my hometown … and live in Seattle, Washington
• Photos I like… before 1990
• Cities my family visited
• Photos of my friends in New York

The true test is how well users will adapt their search patterns to Graph Search, and how well Facebook will adapt to the user’s searches. No one has been able to out-google Google, but no one in the powerful position that Facebook is in has tried to change search in such a drastic way. Only time will tell if Graph Search will change searching on the internet.

Is your content ready?

For years sites have been optimized by SEO Experts for inclusion in Google like it was the only game in town. Much of the same best practices ring true, but there is a lot more that can be done to prepare your content for integration with and inclusion in Facebook. Here are some of the tags from this very post in which we tell Facebook our 5 W’s about this page:


< meta property="og:site_name" content="Xeno Media" />
< meta property="og:type" content="article" />
< meta property="og:locale" content="en_US" />
< meta property="og:url" content="http://www.xenomedia.com/perspective/facebook-graph-search" />
< meta property="og:title" content="What does Facebook's new Graph Search mean for you?" />
< meta property="og:description" content="On Tuesday, January 16th, 2013, Facebook announced Graph Search which has the potential to change searching the internet as we know it. For years, Google has dominated the search landscape, leaving only a handful of competitors. Fueled by keyword based ad revenue, they have help decide how a generation of internet users have looked for,…" />
< meta property="article:published_time" content="-001-11-30T00:00:00+00:00" />
< meta property="article:modified_time" content="2013-01-17T18:00:21+00:00" />
< meta property="article:author" content="http://www.xenomedia.com/author/jim" />
< meta property="article:section" content="Perspective" />
< meta property="article:tag" content="Facebook" />
< meta property="article:tag" content="Google" />
< meta property="article:tag" content="Graph Search" />
< meta property="article:tag" content="Search" />
< meta property="article:tag" content="Social Media" />
< meta property="og:image" content="Facebook-Graph-Search.png" />
< meta property="og:image:width" content="595" />
< meta property="og:image:height" content="268" />


You can see that there are Type tags, Location tags, Content Description tags, Time tags and more. This preparation of our content helps us ensure that we will be ready for Facebook’s Graph Search. Will you be ready? Contact Us if you would like to learn more.

But today I’d like to talk about the Frequently Asked Questions section of your web site.

Be honest with me, are those really your most frequently asked questions?

Too often, FAQ pages are put together before a site even launches, with questions the site’s owner thinks people might have. But even after the site has been up for a year and hundreds of customer emails have come in, that page is never updated with the questions people really do have.

Worse is when the Frequently Asked Questions page is turned into a marketing channel, with contrived questions like “are your products really made from animal-free sources” and long-winded, buzzword-filled responses.

This is certainly good for SEO, right? I mean, who can resist the chance to work keywords like “animal-friendly” and “cruelty-free” onto a page in their web site if that’s the market they’re after?

The problem is that people turn to FAQ pages as their last resort. They’re looking for help because they can’t navigate your site, or they have a question about your policies that’s not addressed anywhere else.  Chances are, they already know they want your product or service and they really do believe you when you say it’s made from animal-free materials. They just have a question before they complete their transaction.

If you can’t answer their question in the site’s content or the FAQ page, there’s a slight chance they’ll email or call you. But, there’s an even better chance they’ll leave your site and head over to one of your competitors’. Take the time to make your FAQ page an honest, up-to-date resource. Your users will appreciate it, and you’ll find yourself spending less time answering those really frequently asked questions.

Your mom was right, though: you can have too much of a good thing. Flash has a great set of features. But just like how too many sweets will give you a tummyache, too much Flash will make your content hard to digest.

Flash slows things down

Flash is notorious among technophiles for its poor performance on Macs and Linux. In addition, Flash files often pull in images and movies after they load, leading many of them to display a loading animation after the rest of the page is displayed (for an example, try the different tabs on Nissan Motors’ features gallery).

Each second spent watching a loading animation is a second they’re not looking at your content. It’s another lost opportunity for a connection with your brand, and another chance they’ll leave your site to check out your competitor’s.

These delays can be overcome by serving Flash content using Content Delivery Networks, who use super-fast internet connections to serve people data from servers in the nearest major city. But this powerful hosting comes at a cost. It’s only an option if you can afford two hosting bills every month.

You can’t ignore your mobile users

Adobe claims that Flash is on “99% of Internet-enabled desktops in mature markets” (U.S., Canada, U.K., France, Germany, Japan, Australia, New Zealand). The story is markedly different in the mobile space, though. Adobe offers Flash Lite, which runs on quite a few mobile platforms. But, it isn’t available for devices from two of the biggest handset makers out there: RIM (Blackberry) and Apple.

Wikipedia claims that Apple sold 42.48 million iPhones as of Q1 2010 (source), not counting iPod Touch handhelds and the 300,000 iPads sold in the first weekend. Even that number is surely dwarfed by the number of BlackBerry devices out there. We’re talking about at least a hundred million devices that won’t be able to view your Flash content. Worse still, they’ll probably see a big blank square with a lego brick or some other indicator that something is missing. They won’t be cursing the phone they shelled out $300 or more for. In their eyes, it’s your site that’s broken for not working on their device.

(Update: During the iPhoneOS 4.0 keynote, Steve Jobs announced that Apple has sold over 85 million iPhones and iPod Touches to date)

A note on accessibility

Accessibility is more than a buzzword, and definitely more than a checkbox on a requirements list. Modern operating systems and browsers bring web access to the multitude of people with visual disabilities and other issues viewing content traditionally. There are ways to make Flash content accessible, but only within the Flash file itself. Screen readers, used by many visually impaired users, don’t have access to the text in your Flash content. Can you afford to exclude this part of your audience?

The high cost of edits

Unlike traditional HTML and graphical content, Flash development takes a special tool (Flash Builder) which starts at $700. Flash development is a specialized skill among designers and front-end developers. And Flash’s very nature as an animation platform makes it hard to edit navigation and content. Contrast this with content management systems like Drupal which enable anyone with a web browser to make edits to their site, even from a mobile device.

What about Flash SEO?

Finally, we need to talk about Search Engine Optimization. Adobe and Google put a lot of work into making Flash visible to Google’s crawlers, the autonomous programs that scour the web for content. They consider this a proprietary technique, however, and won’t share their secrets with web developers so we can build something semantically meaningful to Google’s crawler. We don’t know the rules, and they won’t tell us. We just have to guess, and hope they’re interpreting the Flash content in the way we’d like them to.

While this is better than nothing, it’s nowhere near the well-understood rules of writing meaningful, hierarchical HTML that we know Google understands.

So how much Flash is too much?

You should have just enough Flash and not a tiny bit more. Don’t try to force Flash elements onto your site. Definitely don’t do it just because “everybody else is”. But sometimes style really is more important than substance, and Flash’s multimedia and interactivity are a good fit.

One classic example of this is a design portfolio. If you work in a visual medium, a stunning visual presentation is key to getting hired or landing freelance work. And, designers can afford to sacrifice search engine visibility when they’re emailing their portfolio address to specific people and including it on their business card. In this case, a site built largely in Flash is an asset.

An e-commerce site, on the other hand, should be as accessible as possible. It should be viewable on the maximum number of platforms possible to maximize sales. Pizza Hut uses traditional HTML & Javascript for their online ordering interface, reserving Flash for enhancements — an animated preview of your pizza with your choice of toppings, for example.

Too much Flash can hurt your search engine ranking and accessibility. But used judiciously, Flash adds visual appeal to otherwise static content. Like many things in life, it’s important to find a balance you can live with.

Wired arrived on the scene in 1993, before Internet was a household word. Geeks were just starting to imagine the promising future the Information Superhighway was going to bring us, and Wired capitalized on that. Their first issue explored the world of computerized filmmaking two years before Toy Story. And, they introduced a generation of young computer geeks to a word that would bring them both pride and shame for years to come: otaku.

Wired Reread, the blog, has ads clipped from 1990s Wired and links to classic Wired articles. Sure, it’s easy to look back and chuckle at Geocities, the Newton, and a CD changer endorsed by Alice Cooper…and his mother. The ad for Personal Journal seems quaint ten years later, when we routinely get news from the Wall Street Journal and hundreds of other sources well before it “hits the streets”. It’s easy to laugh. It’s ok to laugh, really. But we can’t forget that ten years from now people will be laughing at our gadgets and web 2.0, too.

A lot of the ideas Wired has hyped over the years – virtual reality springs to mind – have fizzled. A lot of the companies promoted on their pages died in the dot-com bust. The technologies we drool over in science fiction stories still fall under the laws of consumer demand and the fickle forces behind stock markets. That hasn’t stopped Wired from continuing to promote a better tomorrow through technology. They’ve just toned down the wild-eyed futurism a notch.

Here at Xeno Media, we’re still wild about our networked tomorrow. We love our laptops, our smartphones and our single-cup coffeemaker-of-the-future. But we try to stay grounded in the here-and-now, at least a little.

Here are the highlights from the numerous changes that went into this release:

1. “Trash” status: No longer worry about accidentally deleting your posts, pages, and comments. The “delete” links have been changed to “trash”, and new screens let you restore trashed content or delete it permanently. Think of it as your computer’s Recycling Bin, but for your blog.

2. Image editor: A built-in image editor let’s you crop, rotate, and resize your pictures right from inside WordPress.

3. Post thumbnails: WordPress now lets you attach a small picture to your posts. Just upload your image, and WordPress takes care of resizing and cropping it to a standard size, then displaying it with your content. A few changes are needed to enable this feature in your blog theme. Clients should contact their Xeno Media project managers to arrange this modification.

4. Canonical tags: The new version of WordPress generates these new HTML tags automatically, pointing search engines to the “official” URLs of your posts and pages, avoiding “duplicate content” penalties that might harm your search engine rankings.

In addition, the WordPress developers have started building the framework that will let WordPress 3 (expected 2nd quarter 2010) go beyond pages and posts, and support a variety of custom content types.

Version 2.9.1 came out last week to fix a few bugs in the initial release, and we’re confident it’s safe to upgrade your blogs and take advantage of these exciting new features.

Beyond icons of mugs, squirrels, cartoon characters, etc. (keep in mind most fathomable subject matter hadn’t been covered at this point), some designers branched into releasing sets intended to replace the stock system-level Mac OS icons (hard drive, folders, CD, trash, etc.). Designing a system icon suite forces you to think completely conceptually. I found getting into this branch of iconography particularly interesting as being more a graphic design exercise, than in creating object or character-based icons. Some examples of my stuff circa 1998:

During those days of experimentation in system-level icon design, there were three steps that served every set:

1. Define the theme
2. Establish the overall aesthetic
3. Maintain the style across the entire suite of icons

Point three gets extra emphasis; the vitalness of consistency can’t be underestimated. In web site design, after the overall look-and-feel is nailed down, I’ll work out specific UI elements (icons, controls, widgets). Maintaining clarity of purpose and consistency with the overarching interface are paramount concerns. I’ve found while working through the project, sometimes an idea comes up for a control or icon that I’ll work out and implement; on second look later, however, it doesn’t fit in with the larger established suite of design elements. Most times the overall look-and-feel will (and should) organically mold the “hey let’s add…” -type controls — but it’s always worth a double and triple check on overall consistency at regular intervals.

Back to system icons; with massive canvases, zillions of colors, and advance rendering mechanisms available for today’s designer, present OS/system icons are a far cry from their humble beginnings. The graphic style of system icons for Mac OS X, throughout its various iterations and upgrades, has permeated icon design across innumerable platforms and media. The iconfactory‘s work in this design type over the years has always set the standard for style and consistency spanning hundreds of system icons (like the entire Vista OS, for example). Their approach is defined by the brand, and their authorship is perpetually transparent.

Search start-ups such as Collecta, Scoopler, OneRiot and Yauba (to name a few) aggregate content being shared on the internet as it happens by continually indexing updates on sites such as Twitter, Digg, Facebook and more. In fact, Microsoft just announced that they’ve integrated Twitter and Facebook posts into Bing search results as they take their first step into real-time search.

As interesting as real-time search promises to be, I’m curious how it will handle how to accurately rank (does it appear in spot 1 or 100) a piece of content that has just been added to the internet. How do we know that the results real-time search serves up are relevant to what we are searching for, other than having a related keyword in the search query? Traditional methods of ranking search results such as link authority (whether or not trusted links are pointing to this content) won’t really work with real-time search, as content just added to the web is not going to have inbound links from trusted sources.

One of Bing’s approaches to ranking real-time search results (at least for Twitter) is to assign higher value to longer tweets, those that contain added information and links, and tweets from users with many followers. While that approach sounds good in theory, it seems like something that could be manipulated fairly easily.

It’s pretty exciting to see how real-time search continues to unfold. What effects do you think it will have on how we search for things online?

You can do a few things on the site: 1) upload an image to test or 2) participate in tests.

I participated in a handful of tests and they are pretty addictive. You’re shown an image for 5 seconds and then must write down 5 things you remember seeing. Or, on some images, you are told to click on the things that stand out and then identify what those things are. I didn’t try uploading an image for feedback, but will plan to in the future.

It’s amazing how an effective page design will help a user remember key elements in a short span of time. I looked at some images and 5 seconds later couldn’t remember a thing. On others, I could clearly recall things like a call to action to sign up for a newsletter or search or even what the Unique Value Proposition on that page was.

This is a great tool for a designer looking for objective UI feedback on a new comp or for someone that wants quick, raw feedback on a page that might not be converting very well.

Give it a try!

That got me thinking – how far off are we from seeing an influx of 3rd party mobile app checkouts that organizations can utilize on their own websites?

While iTunes, Verizon and a few others have a proven infrastructure for accepting app payments, there’s an incredible amount of value to keeping a current customer on your website and allowing them to checkout with their mobile app purchase right there.

How long until we see a Google or PayPal mobile checkout to pop-up?