Thursday, June 26, 2014
Wednesday, June 25, 2014
CERN has big plans for the original website, starting with bringing the rest of the pages back online. “Then we will look at the first web servers at CERN and see what assets from them we can preserve and share,” writes CERN’s Dan Noyes. “We will also sift through documentation and try to restore machine names and IP addresses to their original state.”
In the mean time, have a look at the web’s original todo list and read more about the project to restore the first website over on Mark Boulton’s blog.Tags: history, HTML Post Comment | Comments | Permalink Share on Facebook shares
Tuesday, June 24, 2014
You’ve probably heard people say we’re living in a “post-PC world.” What does that mean for web developers? It means that 30% to 50% of your website’s traffic now comes from mobile devices. It means that soon, desktop and laptop users will be in a minority on the web.
How do we deal with this tectonic shift in user behavior? We’ve moved beyond the era of m-dot or t-dot hacks, into one where responsive and adaptive design techniques rule the day — what the W3C calls a One Web approach. The key part of the W3C’s recommendation is that “One Web means making, as far as is reasonable, the same information and services available to users irrespective of the device they are using.”
For developers that means that taking a One Web approach ensures that not only does your site work on the smartphones and tablets of today, but it can be future-proofed for the unimagined screens of tomorrow.
There are currently three popular approaches to developing a One Web site: using a responsive design; client-side adaptive designs; and server-side adaptive designs.
One is not better or worse than the other; each has its own strengths and weaknesses and the wise web developer will consider the benefits and drawbacks of each before picking the one that works for their next project.Responsive Web Design
Responsive web design is the most common One Web approach. The approach uses CSS media queries to modify the presentation of a website based on the size of the device display. The number of responsive sites is rapidly increasing, from the Boston Globe to Disney to Indochino.
A key advantage of this approach is that designers can use a single template for all devices, and just use CSS to determine how content is rendered on different screen sizes. Plus, those designers can still work in HTML and CSS, technologies they’re already familiar with. Additionally, there’s a growing number of responsive-friendly, open-source toolkits like Bootstrap or Foundation which help simplify the process of building responsive sites.
On the other hand, there are few shortcuts to a sound responsive design. To go responsive, organizations often have to undertake a complete site rebuild.
The design and testing phase can be quite fussy, as it can be difficult to customize the user experience for every possible device or context. We’ve all seen responsive site layouts that look like a bunch of puzzle pieces that don’t quite fit together. Responsive web design works best in combination with a mobile-first approach, where the mobile use case is prioritized during development. Progressive enhancement is then used to address tablet and desktop use cases.
Performance can also be a bugbear for responsive sites. At Mobify, we recently completed an analysis of 15 popular responsive e-commerce sites. Among these sites, the home pages loaded an average of 87 resources and 1.9 MB of data. Some responsive pages were as big as 15MB.
The numbers are that high because a responsive approach covers all devices. Your user is only using one device, but they have to wait for all of the page elements and resources to load before they can use it. Put simply, performance affects your bottom line. On smartphones, the conversion rate drops by an extra 3.5 percent when users have to wait just one second. By the three second mark, 57 percent of users will have left your site completely.
While responsive design is fast becoming the de facto standard, it also creates new challenges for online businesses, including how to handle images, how to optimize mobile performance and often means sites need to be rebuilt from the ground up with a mobile first approach.Client-Side Adaptive
A client-side adaptive approach means you don’t have to rebuild your site from the ground up. Instead you can build on existing content while still delivering a mobile-responsive layout. For expert developers, this approach also enables you to specifically target particular devices or screen resolutions. For example, for many of Mobify’s online fashion retail clients, 95% of their mobile traffic comes from iPhones. Client-side adaptive means they can optimize specifically for Apple smartphones.
Unlike responsive design, adaptive templates ensure that only the required resources are loaded by the client’s device. Because device and feature detection is shifted to the mobile device itself, CDN networks like Akamai and Edgecast can use most of their caching functionality without disrupting the user experience.
We can achieve the server-side adaptive approach in a variety of ways, through server-side plugins and custom user agent detection. Sites that use server-side adaptive include Etsy, One Kings Lane and OnlineShoes.com.
Why choose server-side adaptive? It typically offers distinct templates for each devices, enabling more customization, and it keeps device-detection logic on the server, enabling smaller mobile pages that load faster. Additionally, there are numerous server-side plugins available for common CMSs and eCommerce systems such as Magento.
This approach isn’t for the faint of heart–it typically requires significant changes to your back-end systems, which can result in a lengthy (and costly) implementation. The requirement to manage multiple templates raises ongoing maintenance costs. Finally, this approach can encounter performance issues when servers are under heavy load. When mobile user agent detection is performed on the server, a lot of common caching mechanisms deployed by CDNs like Akamai need to be turned off. This can result in a slower user experience for mobile and desktop visitors.
Of course, many companies are still wrestling with the basics of responsive, and they’re not ready to confront the more sophisticated flavors of adaptive. Increasingly, competition and mobile traffic, however, will drive more and more organizations to kick the tires on all three approaches, and pick the one that works best for their users.Post Comment | Comments (28) | Permalink Share on Facebook shares
The author’s views are entirely his or her own and may not reflect the views of Moz.
Historically, I have written and presented about big data
When ranking for incredibly competitive keywords just isn't a possibility, you can make like a barnacle on a ship, attaching yourself to the big sites that are. In today's Whiteboard Friday, Rand explains just what that means and how to go about it.
For reference, here's a still of this week's whiteboard!
You have probably heard about IPv6, but you might remain a bit confused about the details of what it is, how it works, and what it means for the future of the Internet. This post gives a quick introduction to IPv6, and discusses the SEO implications that could follow from the IPv6 roll-out (touching specifically on the concept of C-Blocks). A quick caveat: This stuff is hard, so let me know if you spot any missteps!A very brief intro to IP addresses (v4) & c-blocksYou're likely familiar with IP addresses; they are usually written in the following format:
I used to laugh at the idea of Hummingbird optimization.
In a recent poll, Moz asked nearly 300 marketers which Google updated affected their traffic the most. Penguin and Panda were first and second, followed by Hummingbird in a distant third.
Last August, we launched the Lead Generation Card to all advertisers on Twitter. Since then, we've been impressed with the many small and medium businesses who have integrated the Lead Generation card into their marketing strategy, and seen powerful results.
We thought it would be valuable to share a page from our own playbook and offer a behind-the-scenes look at how the
Monday, June 23, 2014
To make the most of your content, you need to make sure you're integrating correctly with social media, using the most effective tools at your disposal, and most importantly, continuing to pay attention to it long after you launch it. In today's Whiteboard Friday, Ben Lloyd and Brian Rauschenbach tell you about the various tools and tactics that can maximize the reach of your hard work.
For reference, here's a still of this week's whiteboard!
Verner Panton, a design revolutionary, once said, "You sit more comfortably on colours you like." A statement that seems to disregard logic, and focus strictly on the intangible relationships which dictate preferences.
So what does this statement say about design, and more importantly, how can YOU apply this to your online marketing strategies?
The answer is an investment in user experience: understanding how design can impact cognitive science and drive decisions. Here are a few stories around Panton's designs and the insights they lend in creating successful online user experiences today.Why invest in UX?
We're gearing up for all of you to land in Seattle for MozCon! It's just around the corner, July 14-16th, and as we do every year, we want to make sure you have a great time and get a chance to explore our city. (Or to just find a tasty place for dinner after a long day of learning.)
If you haven't bought your ticket for MozCon, do it now! We're quickly selling the last few tickets, and are over 93