Posts by: Albert Banks
Hot Topic: SXSWi 2013 Debates Responsive vs. Adaptive

I was thrilled to return to Austin, TX this spring for the South by Southwest (SXSW) Interactive Festival. The learning, debating and socializing makes the experience fulfilling and enlightening.
The hottest topic in web design and development was “Responsive” and “Adaptive.” Defining and properly communicating Responsive and Adaptive has been challenging. We use these definitions:
Responsive layout responds to different screen sizes via Fluid Grids, Flexible Media (images & video) and Media Queries
Adaptive layout adapts to specific device types, screen sizes and use type via Media Queries
I should state that “Responsive” is a technique used in “Adaptive” web design and development. Therefore a mix of Responsive and Adaptive may be an ideal approach to many projects.
Panels covered a vast range of topics including Adaptive Principles, Responsive Process and Responsive WordPress sites.
Common questions and complaints arose across these sessions, so I thought I’d address them for those not in attendance.
When should I use Responsive and Adaptive?
The common, yet unfulfilling answers was, “It depends.” Many factors must be considered including: project budgets, business goals, content strategy, user experience, technology constraints, brand standards and target devices.
What is the full Responsive Process?
Now that we understand what Responsive Design is, what is the workflow? One panelist shared his company’s process in detail. This somewhat traditional process is a great approach, but does not include a Prototype. We find having a working responsive prototype with actual content helps us and clients identify issues and opportunities much earlier in the process.
What screen should I design for first?
At SXSW I heard three different answers from panelists:
- “Design for desktop and scale back”
- “Design for mobile first”
- “Design for them all simultaneously”
If industry leaders can’t decide on the approach where does that leave us? Perhaps the answer is again, “It depends.” Are you going fully Adaptive or a Responsive hybrid? Does the experience or content need to be vastly different on a phone?
Responsive Interactive Design is boring!
Many designers are frustrated with the new world of flexible layouts and modularized content. Dealing with small screens could make creatives feel like they are designing for the least common denominator. The consensus in Austin was that there needed to be a shift in perceptions to see this evolution as an opportunity. Accept touch interfaces as the future. Embrace progressive enhancement over graceful degradation. Utilize the extra “white space” in wide screens to pull content up or even add Easter eggs.
We live in an age of mobile devices and our content is displayed on myriad screen sizes and devices. And we can’t even fathom where our content will be displayed in the future. Adaptive principles allow your content to be future friendly, ubiquitous and flexible.
Image source: Brad Frost
The Root of Social Media Leads to Restriction

Not so long ago, social media companies provided open, complete and unrestricted access to data. Through their Application Programming Interface (API), social networks were an open book for the developer community.
Many companies grew user bases by allowing access to social data via APIs and RSS data feeds. Twitter’s popularity is due in large part to the many clients, like Tweetbot and Tweetdeck, that utilize API access. Instagram gained users due to exposure on social networks like Twitter and Facebook.
Now social media companies are walling off access to their data. This has occurred in various forms including putting caps on data pulls, charging for access or simply restricting access.
Twitter pulled the rug out from under their developers, adopting a closed ecosystem and putting many companies out of business.
Most recently, Instagram, now owned by Facebook, pulled the ability to view it’s photos within Twitter posts.
Even formal agreements to syndicate data are failing as evidenced by Twitter’s breakup with LinkedIn.
It’s not too hard to see why this is happening: Money. As these companies mature, they must find a way to monetize their service amid greater competition. Allowing unbridled access to user data may dilute the brand experience and reduces opportunities to make money.
While shareholders may be happy with this trend, developers and entrepreneurs are left on the outside looking in.
Image from: The Connected Cause
Mobile Payment Goes Mainstream
With the news that Starbucks and Square have inked a partnership it appears mobile payments are finally going mainstream.
Square is a service for iPhone and Android users that eliminates the need for paying with a physical credit card. Users can open a tab, or set the app to automatically open a tab, at a retailer. The consumer’s phone can then be recognized by the store and allow for automatic payments. At the checkout, cashiers validate a visitor’s identity by viewing their name and photo which automatically appear on registers. Other Square features include: discounts, tipping and loyalty programs.
Square utilizes a little known technology called geo-fencing which creates virtual perimeters around a retailer. If someone is within that perimeter with a supported device then a transaction can take place.
Many observers believed Near field communication (NFC) would be required for mobile payments to be successful. But the lack of NFC in smartphones and the cost of updating point-of-sale equipment has slowed the march towards mobile payments in the United States.
Until yesterday’s announcement, businesses using Pay with Square were local, non-chain stores. The addition of Starbucks adds not only significant income for Square, but also mainstream awareness. But will it translate to mainstream adoption?
Surprisingly, the announcement has detailed that the location recognition functionality will not be available and that the Starbucks loyalty program will remain separate. This incomplete experience with Square may result in additional consumer confusion.
If Starbucks and Square can clearly communicate this change in payment philosophy to customers and geo-fencing works as advertised, mainstream mobile payment may finally become common practice in the United States.
Image from Geolocation
Let’s Discuss Internet Freedom
Net Neutrality — the principle of preventing any restrictions on content, websites, platforms or modes of communication — is not a new issue. After much debate in the early 2000s, the principle was formalized by the Federal Communications Commission (FCC) in 2005.
Along with technology, this topic has evolved in the years since the Internet Policy Statement. The advent of social media, exponential growth of mobile devices, war on terror, growing number of patent lawsuits and boom in media piracy has changed the complexion of the neutral internet debate.
In the past year several pieces of legislation have been proposed with the stated mission of fighting online piracy (Stop Online Piracy Act), protect intellectual property (PROTECT IP Act) and even creating international standards for enforcement (Anti-Counterfeiting Trade Agreement). All of these proposed laws have been greeted with outcry from the tech companies, user protests, service blackouts and even attacks on proponents by hacker groups. Thus far, each piece of legislation has been either defeated, tabled or remains unratified.
Up next is the Cyber Intelligence Sharing and Protection Act (CISPA), which hopes to gain traction by attracting tech companies that opposed previous laws. It focuses on preventing cyber attacks, yet is written open-ended enough that many fear it is simply the reincarnation of SOPA.
In the past few weeks, groups have issued not one, but two versions of a Declaration of Internet Freedom. The first is from Alexis Ohanian, co-founder of reddit, and Josh Levy, from Free Press. The second is spearheaded by TechFreedom and the Competitive Enterprise Institute. Even Ron Paul has joined the crusade with a manifesto from his Campaign for Liberty.
The most basic is the initial Declaration focusing on five basic principles: Expression, Access, Openness, Innovation and Privacy. The Preamble challenges us to discuss the principles — agree or disagree with them, debate them, translate them, make them your own and broaden the discussion with your community — as only the Internet can make possible.
We took this challenge to heart at Myjive. We did some roleplaying, acting as politicians, hackers, Internet service providers, the Motion Picture Association of America, corporations, media providers, rights organizations and the average Joe. It was enlightening to see the large range of opinions because of the wide variation in motivations.
Afterwards, we were able to have a healthy debate on the principles and future of internet freedom. I encourage everyone to join the discussion — on the web, at the office or at home.
A Mobile Future: Mobile Consumers
Now that we know the fate of the PC and we’re up to date on the platform war, let’s get to know those millions of mobile users.
Mobile users are content consumers. In fact, consumption in many categories nearly doubled between 2010 and 2011 including: health information, reference and entertainment. This growth can be attributed to not only overall growth in mobile users, but also increased data speeds, ubiquitous connectivity, mobile formatted content and the proliferation of social integration.
Mobile users are gamers and the demographic is not just young males. In fact, women over 30 are the most avid players of mobile games. A recent report shows that 64% of users who downloaded an app in the past 30 days downloaded a game. Games are the most popular app category particularly amongst paid apps with 93% of app downloaders willing to pay for a game.
Listening to music on mobile devices is huge. Currently, 70% of Pandora’s traffic is from mobile devices. Along with Spotify, iHeartRadio, Last.fm, Rhapsody and many others, music apps offer the mobile consumer free, ad-supported or paid access to a nearly infinite library of music. Integration of mobile devices in home theater electronics and vehicle stereos, coupled with pervasive internet connections has turned the mobile device into the consumer’s music headquarters.
Certainly mobile devices are used for socializing. Facebook (33%) and Twitter (55%) are experiencing a large increase in percentage of traffic from mobile devices and the numbers are expected to continue growing. Many social networking platforms either originated as an app or exist only as an app. Location-based apps like Foursquare prominently feature social sharing features. Even photo-sharing apps such as Instagram have millions of users.
A huge differentiator in the mobile versus desktop consumer market is the concept of apps. Desktop users purchase a limited number of software titles and are often very deliberate with these often expensive purchases.
Meanwhile, the now $100 billion mobile app market is growing at nearly 100% per year. On average, mobile consumers have 33 apps on their phones. The relatively low cost of apps and the ease of purchase, download and installation has turned buying “software” into a cheap and trivial task.
The miniscule cost and easy adoption of apps has resulted in a volatile market. New or popular apps can see astronomical growth. Consider these stats:
- AOL took 9 years to reach one million users
- Facebook took 9 months
- Mobile app Draw Something took only 9 days!
Of course, with finite time to spend on their devices, mobile consumers can be quick to abandon apps. Popularity may be fleeting. As Draw Something rapidly gains users, the popular Words With Friends app has seen a steady decline in usage.
Shopping and spending using mobile devices is becoming mainstream. Nearly 38% of mobile consumers have used a smartphone to make a purchase. This was reflected on Black Friday, the busiest shopping day of the year, as 14% of web traffic was from mobile devices that day in 2011.
Mobile payments are also growing via services like PayPal and Square. Paid media content such as downloaded music, books, movies, magazines and TV shows has become big business, particularly amongst tablet users.
The mobile consumer behaves inherently different than a desktop user. Mobile devices make information, games, music, socializing, downloading and shopping immediately available. This changing behavior will only continue to grow. Internet users will double in the next 3 years and most will be using a mobile device.
Consumers are different in the Mobile Future.
Additional References:
State of Media: Consumer Usage Report
Play Before Work: Games Most Popular Mobile App Category in US
Mobile made up 14pc of Black Friday Web traffic
Mobile Shopping Goes Mainstream
The Future of Mobile
A Mobile Future: Platform War Rages On
With mobile devices overtaking PCs, we are closely monitoring the Platform War. When these devices become our primary “computers”, what platform will they be using?
At the moment, it appears to be a two-horse race between Google’s Android and Apple’s iOS with Microsoft and the rest lagging behind.
Android currently leads the market with a large number of device models and multiple carriers for those devices. However, it appears iOS is now the preferred platform for developers. And why not? Revenue from iOS apps are six times that of Android apps.
Microsoft appears to be the greatest threat to Android and iOS. Windows 8 tablet is emerging as a viable competitor to Apple’s iPad. Windows 8 is also a desktop operating system, making it an OS that works on all consumer devices: PC, tablets and smartphones. Microsoft’s approach with Windows 8 is to introduce the new OS via new PC sales, thus ensuring millions of users will not have a learning curve when using the OS on their tablets and phones. If Microsoft can continue to beat iPad in price-point and leverage Windows 8′s equity in the PC market, it could become a successful mobile OS.
The race isn’t completely over. The past few years have featured the demise of three mobile platforms: Symbian, WebOS and BlackBerry. As users migrate away from these platforms, what platform will they choose? Also keep in mind, there are a large number of global consumers yet to migrate to smartphones or tablets. The choices of these two groups will have a huge impact on the outcome of the platform war.
A few possible outcomes:
- Microsoft has success with their Windows Phone and Windows 8 focusing on touch.
- Android maintains its lead, perhaps with a unique device like Project Glass.
- Developers revolt and focus on HTML5 or other independent development technology.
- Apple wins and we all use iDevices for everything.
The Platform War rages on into the Mobile Future.
Additional Sources:
Listen up, Google: Here’s what Windows 8 can teach you about tablets
Mobile Platform War: Why Microsoft Is Likely A Winner, Again
A Mobile Future: The PC Is Dead
Are you bold enough to believe or even say “The PC Is Dead”? You might want to get used to it. All evidence is pointing to that statement as a truth for consumers, and sooner than you’d think.
To understand how this is even plausible, we first have to look at the decline of dumbphones. You know, those mobile phones that don’t run advanced apps or have a touchscreen. In the U.S. we’re already halfway through the dumbphone conversion cycle – the transition of consumers from dumbphones to smartphones.
Why the rise in smartphones? There are the obvious additional features: touchscreens, multi-touch, millions of apps, internet connectivity, etc. But we all know consumers care the most about price. The average smartphone handset price has now dipped to $135 and often that cost is subsidized by a mobile service provider. As a result, the demographics of smartphone users are expanding beyond young adults and the wealthy.
What does this mean to PCs? It means they face legitimate competition from mobile devices. For the first time in history, smartphones outsold PCs in the 4th Quarter of 2010.
This market trend is expected to continue with the addition of tablets to the mix. The number of mobile-connected tablets tripled last year to 34 million. Led by Apple’s iPad, researchers expect nearly 120 million tablets will be sold in 2012.
In fact, tablets may be an even greater and more immediate threat to PCs. They already outsell netbooks 2-to-1 and some forecasts have the tablet market alone exceeding that of PCs as early as the fall of 2013.
The PC is dead in the Mobile Future.
Additional References:
The Future of Mobile
Programming Fundamentals
In an effort to exercise the left side of our brain, this week I’m covering some programming fundamentals.
Syntax
In computer science, the syntax of a programming language is the set of rules that define the combinations of symbols that are considered to be correctly structured programs in that language. All of the examples shown are in PHP.
Variables (declaration)
A Variable is a symbolic name given to some known or unknown quantity or information, for the purpose of allowing the name to be used independently of the information it represents.
$x = true; $y = 7; $z = 8.5; array $a = array(2, 4, 8); $b = "hello";
Data Types
Boolean: A TRUE or FALSE value.
Integer: A whole number (no fractions).
Float: A number (usually not a whole number) that includes decimal places.
Array: Stores a number of elements in a specific order.
String: A series of single characters.
There are many more data types, but the above are the most basic.
$x = true; // $x is a Boolean $y = 7; // $y is an Integer $z = 8.5; // $z is a Float $a = array(1, 5, 9); // $a is an Array $b = "hello"; // $b is a String
Conditions
In a Condition, a comparison operator (>, <=, ==, !=, &&, ||) is used to determine a boolean value.
$x == true $y > 5 && $z < 10 $y > 5 || $z < 5
If Statement
An If is conditional statement that perform different executions depending on whether a specified boolean condition evaluates to true or false.
if ($x == true) // consequent statements
If Else Statement
The Else statement provides an opportunity to perform alternative executions when the If statement is evaluated to false.
if ($y < 10) // consequent statements else // alternative statements
Else If Statement
The Else If statement allow for additional conditions to be checked. Only the statements following the first condition that is found to be true will be executed. All other statements will be skipped. The statements of the final else will be executed if none of the conditions are true.
if ($y >= 10) // consequent statements else if ($y > 5 && $z < 10) // different statements else if ($y > 5 || $z < 5) // alternative statements … else // other statements;
Switch (Case) Statement
A Switch (or Case) statement is a type of selection control mechanism that allows the value of a variable or condition to control the flow of execution via a multiway branch.
switch ($y) {
case 7:
// statements
break;
case 8:
// different statements
break;
default:
// other statements
}
For Loop (Iterator-based)
A For Loop is a statement which allows code to be repeatedly executed. Distinguished from a while statement due to use of an explicit counter or variable used in loop.
for ($i = 1; $i <= 3; $i++) {
// statements;
}
foreach ($a as $key => $value) {
// statements;
}
While Loop
A While Loop is a statement that allows code to be executed repeatedly based on a given condition. The while loop can be thought of as a repeating if statement.
$c = 0;
while ($c < count($a)) {
// statements
if ($c == 1)
break;
// other statements
}
Function
A function is a portion of code within a larger program that performs a specific task and is relatively independent of the remaining code. Often functions accept and return values.
Many programming languages have common “built-in” functions.
function totalArray($array) {
$total = 0;
// loop through array
foreach ($a as $value) {
$total += $value;
}
// return from function
return total;
}
$arrayTotal = totalArray($a); // $arrayTotal gets the total of the values in $a
These are just a few of the basic concepts of programming. Understanding conditions, loops and code execution very much requires the logical, Left-side of your brain. Practicing even these basic concepts will exercise this half or your brain, and perhaps even give you a great appreciation of developers...
Sources:
http://us3.php.net/manual/en/
http://en.wikipedia.org
There is no Cord
Lately there has been a lot of chatter in tech and advertising circles about “cord cutting.” Cord cutting commonly refers to the act of eliminating traditional television and movie providers such as Cable and Satellite TV companies. Individuals who do so are referred to as “Cord Cutters.”
There are a few reasons this phenomenon exists:
- On-Demand – consumers want to watch what they want to watch, when they want to watch
- Portability – most traditional providers only offer the standard living room experience.
- Cost – many consumers are paying hundreds of dollars to these providers, in addition to paying for broadband internet.
There are a lot of alternatives available for cord cutters:
- Hulu - Hulu provides web based access to non-HD television shows via web browsers and a desktop application. Cost: Free or $7.99/month for Hulu Plus
- Network Websites & Apps – Most broadcast and cable networks offer most episodes on their websites. Some even have proprietary mobile and tablet apps. Cost: Free
- Over the Air (HD) - Broadcast television networks are available with an indoor antenna. Cost: average $23 for antenna
- Netflix - Netflix offers Watch Instantly for a majority of their inventory of movies and TV series. Cost: $7.99/month
- iTunes Store from Apple offers digital rental or purchase of movies and television shows as well as TV season passes. Pricing for movies and passes vary greatly.
- Zune from Microsoft offers content, pay structures and platforms similar to the iTunes Store.
- TV.com features videos from Hulu and CBS.
- Joost has videos from Viacom (including MTV Networks, BET Networks and Paramount Pictures) and the NHL.
There is a lot of debate as to weither this phenomenon is actually taking place. The results are mixed.
Cable companies publicly say it does not exist. “The cordcutting that won’t go away won’t come either. It hasn’t arrived yet.” – Time Warner CEO Jeff Bewkes
Analysts expects the U.S. pay-TV industry to lose 200,000 subscribers in 2012. However, they credit downward trend primarily to belt-tightening among “economically-driven cord-avoiders.”
A survey from the advertising industry found that people were evenly split on whether they would be comfortable giving up pay TV for another premium option, such as Netflix streaming, Hulu or free streaming options on the web.
The really world numbers have a say as well. Hulu reached 1 million paid users well before they were forecasted to do so. Netflix’s streaming subscriber base is estimated at 22 million users.
What may be most notable are the “Cord Nevers.” Credit Suisse analyst Stefan Anninger said, “The real challenge to the pay TV business model are behaviorally-driven cord-nevers. These are tomorrow’s householders that are in their teens (and younger) today. They are growing up in an Internet-based video culture, in which the mantra of “why pay for TV?“ and “pay TV is a rip-off.”
Common Internet Terms
In an effort clarify some of the “nerdy” terms our tech crew often uses, we’ve identified some common internet terms and defined them below.
Domain Name
A unique name that identifies an Internet site. Each Domain Name points to only one machine. Domain Names always have multiple parts, separated by dots. The left part is the most specific while the right part is the least specific. For example:
example.com
mail. example.com
imap.mail.example.com
IP Number (Internet Protocol Number)
Often refered to as IP Address, a unique number consisting of 4 parts separated by dots. For example:
152.215.17.2
Every machine that is on the Internet has a unique IP Numbers. Machines often have one or more Domain Names that translate to an IP Number, which makes them easier to identify.
URL (Uniform Resource Locator)
Synonymous with URI. In fact, URI has replaced URL in technical specifications.
URI (Uniform Resource Identifier)
An address for a resource available on the Internet.
The first part of a URI is called the “scheme”. The most commonly known scheme is http. Each URI scheme has its own format for how a URI should appear.
For example:
http://example.com/about.html
telnet://example.com
ftp://username: password@ftp.example.com
Port
A number that is part of a URL which appears after a colon (:) to the right of the domain name. All services on an Internet server listens on a specific port number defined on that server. Most services have standard port numbers. Web servers primarily listen on port 80. Services can also listen on non-standard ports, therefore the port number must be specified in a URL when accessing the server. For example:
ftp://username: password@ftp.example.com:25252
This URL will attempt to make a connection to the FTP service on example.com on a specific port (25252). This connection will only be made if port 25252 is defined on that server for FTP services.
ISP (Internet Service Provider)
Any organization that provides access to the Internet.
DNS (Domain Name System)
Translates Domain Names into IP Numbers.
DNS Server
A DNS server runs networking software and maintains records of Domain Names and IP Numbers for other Internet hosts.
DNS Record
DNS records are used for translating Domain Names to IP Numbers. They also contain the domain name’s name server and mail server information as well as any other domain name aliases. A commonly used alias is the “www” preceding the domain name.













