Brian Behrend – Page 14 – Experience Director. Product Guy. Sports Dork.

January 9, 2012August 13, 2020

Our Favorite Web Design Trends of 2011

Last year was yet another huge one on the Web as things continued to move forward at a breakneck pace. The explosive growth of traffic from mobile devices influenced everything and meant huge advances in both technology and new ideas. Here are some of our favorite trends of 2011:

Responsive Design Goes Big Time

A responsive website uses fluid layouts, flexible images, and media queries to deliver an experience adapted for whatever width browser or device is being used. With the increasing number of mobile and desktop resolutions that must be accounted for, true responsive design solutions use CSS and media queries to flex to handle any width and adjusted layouts for popular breakpoints.

Coined by Ethan Marcotte back in 2010, responsive web design went all the way from unproven concept to misused buzzword in 2011. When the responsively redesigned BostonGlobe.com launched in September it signified loud and clear that responsive design wasn’t just for designer portfolio sites anymore. Responsive concepts can and should be considered for any new site developed in 2012.

Learn more: Responsive Web Design: What It Is and How To Use It, Responsive Web Design: The Book

@font-face Brings Beautiful Type to the Web

Web typography has been something designers have been forced to struggle with from the earliest days of the Web. As a developer, reminding the design team that they need to choose a web safe font and their options are still just “Arial or Verdana” always results in dropped heads. No more. The ability to embed nearly any font you want using @font-face puts all the power and creativity back into the designer’s hands. Add to it CSS3 properties such as text-shadow and tools such as Lettering.js and FitText, and suddenly the Web is a more beautiful place.

A technology that was around long before 2011, embedding web fonts using @font-face exploded last year and saw some major advances as more type foundries licensed their fonts for web embedding. With more quality fonts available (and many available for free), most projects that MarketNet works on now end up including embedded fonts for headings or navigation elements.

Also in 2011, Typekit, an innovator and leader in hosted web fonts, was acquired by Adobe. The acquisition signifies broad support for @font-face and should mean the inclusion of Typekit capabilities in future releases of Adobe’s Creative Suite tools.

Learn more: Modern Techniques for Web Typography, The Essential Guide to @font-face, @font-face face off

Constant (and Automatic) Browser Updates

Internet Explorer 6 was released over 10 years ago and it’s lack of capabilities and bugs could still end up restricting a web project in 2011. Crazy, right? Fortunately a similar issue shouldn’t be able to occur again. Web browsers are finally updating as quickly as web technology and ideas are, and more importantly they’re doing it automatically without needing users to be savvy enough to know that they need to update their computers.

Google Chrome has been pushing out autoupdates for a while now (and still does it the best), but in 2011 the teams behind both Firefox and Internet Explorer announced they would be doing the same. Now on an aggressive six-week release cycle, Firefox went from version 4.0 to version 9.01 between April and the end of the year. In December, joyous noises were heard from developers across the globe as Microsoft joined the party with the news that Internet Explorer all the way back to Windows XP would now autoupgrade to the latest available version.

Learn more: Mozilla’s Right: Bring on the Browser Updates, IE to Start Automatic Upgrades across Windows XP, Windows Vista, and Windows 7

What Will Be the Trends of 2012?

What new tech will be out in 2012? Will Google TV or the rumored new Apple TV set make an impact? How will Android Ice Cream Sandwich influence mobile design? Mobile will continue to grow and will influence many companies to target mobile first when launching new projects.

January 8, 2012August 12, 2020

A Fix for the iOS Orientation Change Zoom Bug

Code from the guys at the Filament Group that fixes that annoying bug where iOS incorrectly zooms your site when you flip from landscape to portrait and vice versa.

January 2, 2012August 13, 2020

2012 New Year’s Resolutions

It’s a new year and that means it’s time to reflect on 2011 and set resolutions for 2012.

Here at MarketNet, the resolutions we’re focused on for the new year are 1280×800, 1366×768, 1280×1024, 480×320, 320×480, and good old 1024×768. Oh and also 1440×900, 1920×1080, 1680×1050, 800×600, 2560×1440, and 480×360. And 320×240. Those are just some of the hundreds of different screen resolutions of visitors to this blog. In the top 10 alone the widths range from 320 to 2,560 pixels.

Still think your 995 pixel wide site is the best experience for every visitor? How well does your primary messaging come across when viewed zoomed all the way out on a mobile phone? And what kind of new experiences could you be delivering to people taking advantage of a beautiful 27″ high-res monitor?

Continue reading “2012 New Year’s Resolutions”

November 26, 2011August 12, 2020

Color Thief

From the creator of the original javascript lightbox comes Color Thief, a jQuery plugin that analyzes the colors in a given image and returns the dominant color and the color palette. Has some incredible usage possibilites both from from a design angle and also in improving usability. Definitely looking for an excuse to use this on a project.

October 31, 2011August 13, 2020

Google SSL Search Will Block Search Referrers

Your website stats are getting a little less valuable thanks to new search feature Google is rolling out to its users. SSL encrypted search will now automatically be turned on for all logged in users, resulting in improved security and privacy for web searches.

This improved privacy will result in less available data for site owners in analytics tools, including Google Analytics. Specifically, for users with SSL search enabled it will no longer pass along the search keywords that brought them to your website. From Google’s blog post announcing the change:

What does this mean for sites that receive clicks from Google search results? When you search from https://www.google.com, websites you visit from our organic search listings will still know that you came from Google, but won’t receive information about each individual query. They can also receive an aggregated list of the top 1,000 search queries that drove traffic to their site for each of the past 30 days through Google Webmaster Tools.

Continue reading “Google SSL Search Will Block Search Referrers”

October 27, 2011August 13, 2020

More Consumers Use Mobile Internet Daily than Fixed-Line Internet

The phenomenal growth of mobile Internet usage continues.

Based on the recently released MEF Global Consumer Survey of over 8,000 consumers in nine countries (including the US), more people now access the mobile Internet on a daily basis than do fixed-line Internet. This was true of each market in the survey.

Other numbers that immediately stand out from the report are that 72% of survey respondents use the mobile Internet daily and an amazing 18% no longer access the Internet using a land line at all. Product research for both online and offline shopping was a huge driver of mobile usage.

Is your company still neglecting mobile? Then you are also neglecting a good (and rapidly increasing) portion of your visitors. Talk to MarketNet about what your company’s mobile strategy should be and we’ll make sure you’re not just meeting but exceeding your customers’ mobile expectations.

October 5, 2011August 12, 2020

RIP Steve Jobs. 1955 – 2011.

Shocked and saddened by the news of the passing of Apple CEO and founder Steve Jobs tonight. Despite his illness and his resignation as CEO just a few weeks ago, this still has affected me greatly. I had to excuse myself from dinner to compose myself and acknowledge my feelings when I learned of the news tonight, via a push message from CNN’s iPhone app of course. As US President Barack Obama put it, “There may be no greater tribute to Steve’s success than the fact that much of the world learned of his passing on a device he invented.”

From Apple.com:

Apple has lost a visionary and creative genius, and the world has lost an amazing human being. Those of us who have been fortunate enough to know and work with Steve have lost a dear friend and an inspiring mentor. Steve leaves behind a company that only he could have built, and his spirit will forever be the foundation of Apple.

September 28, 2011February 14, 2023

Amazon Announces New Kindles, New Cloud-Accelerated Web Browser

Some huge technology announcements from Amazon today as they introduced three new Kindle devices, a new $79 Kindle, the Kindle Touch, and the Android powered Kindle Fire tablet. As a web agency, the most interesting device is the new 7″ tablet. So far the iPad has largely been the only tablet to capture enough market and mindshare that it is even considered during the design and development of new web sites. With the Kindle Fire’s low price ($199) and Amazon’s ability to slap it front and center everyday on the homepage, the tablet has a strong chance to make a significant impact.

Equally interesting is the announcement that the Kindle Fire will feature a cloud-accelerated web browser called Silk that splits the work of fetching and rendering web sites between the device and Amazon’s cloud services. The browser promises to speed web browsing by reducing DNS requests, caching site data on Amazon Web Services cloud, optimizing site files such as images, and prefetching webpages based on aggregate browsing data.

Read on to learn more about the Amazon Silk web browser.

September 15, 2011August 13, 2020

No Flash Support in Internet Explorer 10 Metro

ie10-screenshot-300x167 — The touch friendly, Metro-style version if IE10 will not support Flash or other plug-ins. (Image: Favbrowser.com)

Microsoft’s Internet Explorer 10 will not support any browser plug-ins when running in the new slick Metro mode. Most notably, that means no Flash support and a reliance on HTML5, JavaScript, and other standards-based technologies for video and other interactivity. When running in standard desktop mode, IE10 will support both plug-ins and extensions.

Metro is the touch-friendly, full screen interface that will run on top of Windows 8 and be the main mode for touch devices such as tablets. According to Microsoft, “running Metro style IE plug-in free improves battery life as well as security, reliability, and privacy for consumers.”

This is another big blow for Flash, which is already not supported on many mobile devices including iPhones and iPads. While there are still things Flash does better (or more consistently across browsers) than HTML5 and JavaScript, developing in Flash is making less and less business sense as mobile web usage continues to explode.

Source: Metro style browsing and plug-in free HTML5