BlogmyQuery – BMQ

Shopping. Social networking. Emailing. Reading. Finding directions. Banking. Researching. Those are some of the most common tasks people perform on the World Wide Web. You’ve probably done all of these things yourself at some point. So if you’re like many people, you probably do these things every single week (and many of them even every day).

This blog you’re reading now, Smashing Magazine, normally publishes content that’s intended for graphic designers, Web designers, and Web developers of varying skill levels. But today, this article is for the rest of you—the non-programmers, the everyday Web users.

We at Smashing Magazine, along with designers and developers worldwide, want you to have the absolute best possible experience on the Web. In fact, in the design and development community, we spend countless hours every week discussing and researching the standards and practices that we know will make your experience on the Web infinitely greater.

But the browser you’re using could be limiting that potential. So please read on, so you can learn how to drastically improve your experience on the Web.

Your Browser Is Too Old

Everyone that accesses Web pages on a desktop computer uses a Web browser. Without a Web browser you cannot view or interact with websites. How do you personally access websites like Facebook and YouTube? You might commonly use the program that opens when you click the big blue “e” icon on your desktop. Here’s what it looks like:

This is the logo for Internet Explorer, a Web browser.

This “e” icon is not a shortcut to a generic “internet” or “Web” program. It is a shortcut to a Web browser made by Microsoft, called “Internet Explorer” (also referred to as “IE”). Over the past 17 years, this browser has been the most popular Web browser. At one time, it was arguably the best browser you could use. But that is not true anymore.

Internet Explorer is currently at version 9, and version 10 is supposed to be officially released some time this year. But most people are not using IE9—most Web users that use Microsoft’s browser are still using a less stable, insecure, slow version of IE (either IE8 or something older).

The truth is, even IE9 (which is a huge improvement over previous versions of Internet Explorer) is not as up-to-date as other browsers. So if you’re still using some version of Internet Explorer, we strongly recommend that you upgrade to a different browser. To help you upgrade, we have some options for you to consider.

But before we introduce those other browsers to you, let’s quickly cover some reasons why older browsers like IE7 and IE8 aren’t as good.

What’s Wrong With Old Browsers?

Old browsers (especially Internet Explorer versions 6, 7, and 8) are less stable, and much more vulnerable to viruses, spyware, malware, and other security issues. Those are obviously big problems to be concerned about—especially for people who shop online. So security alone is a very good reason to upgrade. But there’s more to it than that.

Old Browsers Are Slow and More Likely to Crash

Firstly, old browsers are very slow. Every Web page that loads in a browser has to perform a number of different tasks. One of those tasks is the process of loading different files. These files include images, programming scripts, and other resources that help improve the look and functionality of the website you’re visiting. Old browsers do not perform these tasks with the same speed as new browsers. This makes your experience on the Web considerably slow, and can sometimes cause your browser to crash or freeze.

Browsers like IE8 will freeze and crash more often than newer browsers.

Old Browsers Can’t Display Many New Websites

The other problem that old browsers have is that their display capabilities are very limited. For example, in an older browser, in order to show a simple animation, the person creating the website would have to use either an embedded video or Flash file (like those found on YouTube) or else a lot of extra programming code (called JavaScript). In either case, this means that the page will take much longer to load, thus harming your experience on that website.

New browsers support new Web technologies (like HTML5 and CSS3). These languages serve as a foundation for many websites today, and for virtually all new websites and Web apps. But unfortunately, many of these new websites will neither look nor function in the same way in old browsers like IE8.

To demonstrate this problem, take a look at the two images below. These images are screenshots taken from an infographic Web page that covers Rainforest Deforestation. The first image shows the page as it appears in IE8:

A Web page displayed in IE8.

Now look at the same page in a new browser like Chrome, or Firefox:

The same Web page displayed in Google Chrome.

IE8 has many problems on this page: Many of the graphical elements are not appearing, all the animations are missing, and even some of the text looks misaligned. This is caused by the fact that the page is built with new Web design technologies that old browsers like IE8 don’t support.

New Browser Options

Now that you understand why it’s highly recommended to upgrade an old browser, let’s take a look at what options you have for a new browser, and what strengths these browsers have. Please notice that switching to one of these browsers is free and won’t take more than a couple of minutes.

Google Chrome
In May 2012, according to at least one statistics website, Google Chrome (all versions combined) became the most popular browser in the world (compared to IE, all versions combined). Chrome was first released in 2008, and has a number of advantages over old browsers like IE8.

Mozilla Firefox
Firefox has been the main competitor to Internet Explorer since the mid-2000′s. Although Google’s Chrome has become more popular in recent years, Firefox is a great browser with many advantages over old browsers.

Opera
Compared to other browsers, Opera isn’t used as much, but it has been around since the mid-90′s. Opera has always been at the forefront of browser innovation and supports many of the latest technologies and features that make websites faster and more feature-rich.

Apple’s Safari
This is the same browser that’s commonly used on iPhones and iPads. Safari’s features are very similar to Google’s Chrome, and has been around since 2003.

Why Are New Browsers Better?

The browsers listed above have a number of advantages over older browsers, including:

• Far fewer instances of crashing or freezing.
• Much more secure from virus, malware, and browser hijacking attacks.
• Much faster page-loading.
• Larger page-viewing area.
• A large variety of useful optional plugins and add-ons that add extra features to improve Web browsing.
• Unlike IE9 and the upcoming IE10, they can be installed on Windows XP.
• New browsers will automatically update to the latest version, or will notify you to download an update.

About Automatic Updating

The last point in the list above mentions the fact that new browsers will automatically notify you of an update—this is a good thing. When you have a browser that’s kept up-to-date automatically, you get a number of important benefits in addition to those already mentioned. These include:

• You’ll rarely, if ever, come across a website that says “your browser cannot view this website”.
• If any known security vulnerabilities are present, they will be fixed automatically.
• Every time your browser is upgraded, your browser becomes faster, meaning that the time you spend waiting for pages to load will be minimal.

Old browsers like IE7 and IE8 will not automatically notify you to update, so if you continue to use an old browser, your experience on the Web will become less secure (and less enjoyable as the months go by).

Extensions and Add-Ons

As mentioned in the bullet list above, one of the features of new browsers is the ability to add extensions, plugins, and add-ons. The Chrome Web Store features hundreds of useful extensions, including:

• Facebook Notifications, which lets you keep up with friends’ activities even when you’re not on Facebook.
• Add to Amazon Wish List, which lets you add virtually any product from any website to your Amazon wish list.
• Google Dictionary, which lets you see the definition of any word by simply double-clicking on it.

Extensions in the Chrome Web Store

What about add-ons for Firefox? Well, in addition to extensions similar to those mentioned above for Chrome, some popular and useful choices include:

• Video DownloadHelper, which lets you easily download and convert video, audio, and photos from YouTube and similar websites.
• WOT—Safe Surfing, which shows you which websites you can trust, based on millions of users’ experiences.
• FastestFox, which helps you save time and increase productivity by speeding up repetitive tasks inside the browser.

However, Chrome and Firefox are not the only new browsers that offer these types of extensions and add-ons. You can browse the extensions for Safari and for Opera, if you choose one of those browsers instead.

“All My Bookmarks Are In Internet Explorer!”

Everyone has bookmarks (or “Favorites”, as they’re called in IE) in the browser they use regularly, and it’s a valid concern if you don’t want to switch because all of your bookmarks are in your old browser. But moving your bookmarks from the old browser to the new one is not difficult at all.

For instructions on how to transfer your bookmarks to your new browser, check out the Browsing Better website. When you visit the page, click on the icon for the browser you’re currently using, and follow the instructions from the images that appear.

You can easily move your bookmarks from IE to your new browser.

“I Won’t Upgrade—I’m Happy With Internet Explorer!”

Even after everything you’ve read above, you might still have reservations about upgrading to a different browser. Well, there’s one final option you may consider. You can keep using Internet Explorer while getting a similar speed and viewing experience as found in Google Chrome by installing an add-on to Internet Explorer called Chrome Frame.

Chrome Frame makes Internet Explorer act like a modern browser.

Chrome Frame is an add-on that enables new Web technologies like HTML5 and CSS3 in Internet Explorer versions 6, 7, 8, and 9. As long as the Web page you’re viewing has a specific piece of code in it, you’ll get an experience very similar to Google Chrome—even when using an older version of Internet Explorer.

Installing Chrome Frame is fast, easy, and free. Chrome Frame is completely invisible and will not change anything about the way you access Web pages in Internet Explorer. But it will provide the same speed and viewing experience that Google’s Chrome browser has, without needing to switch browsers. (However, if you’re in a business environment, you might want to contact your system administrator before installing it because some legacy sites might not be displayed properly. — thanks for the note, Jochem Bokkers!)

What About Locked-Down Systems?

If you’re on a system at your place of employment where you’re not able to upgrade or download a new browser, Chrome Frame is a viable option. You don’t need any special administrator privileges to install Chrome Frame, so you can keep using the same version of Internet Explorer, and almost instantly have a far superior browsing experience that’s identical to using the latest version of Google Chrome.

Conclusion

There are countless reasons to upgrade your old browser and start using something new and up-to-date. So trust us when we say that your experience on the Web will be infinitely better if you choose to do this.

Whatever you’re doing on the Web—reading email, shopping, banking, or anything else—a new browser will allow your experience to be safer, faster, and much more beautiful.

(jvb)

---

© Louis Lazaris for Smashing Magazine, 2012.

Presenting the ALA Summer Reading Issue—our favorite articles from 355 issues of A List Apart.

Philosophy of Web Design

A Dao of Web Design by John Allsopp

ALA 58: April 7th, 2000

Over 11 years after publication John Allsopp’s piece on web philosophy still resonates. Web designers often bemoan the malleable nature of the web, which seems to defy our efforts at strict control over layout and typography. But maybe the problem is not the web. Maybe the problem is us. John Allsopp looks at web design through the prism of the Tao Te Ching, and decides that designers should let the web be the web. An article twelve years ahead of its time, whose wisdom continues to illuminate the path forward. —Ed.

Understanding Web Design by Jeffrey Zeldman

ALA 249: November 20th, 2007

We’ll have better web design when we stop asking it to be something it’s not, and start appreciating it for what it is. It’s not print, not video, not a poster—and that’s not a problem. Find out why cultural and business leaders misunderstand web design, and learn which other forms it most usefully resembles.

Good Designers Redesign, Great Designers Realign by Cameron Moll

ALA 206: October 24th, 2005

The difference between redesigns that make you look busy and give your stakeholders something else to argue about, and strategic overhauls that reposition your brand and help you set and reach business goals. Still quoted in board meetings, and, more importantly, still practiced, this call to arms changed how many of us approach projects and understand our job. —Ed.

Web Standards (Historical)

To Hell with Bad Browsers by Jeffrey Zeldman

ALA 99: February 16th, 2001

In a year or two, all sites will be designed with standards that separate structure from presentation (or they will be built with Flash 7). We can watch our skills grow obsolete, or start learning standards-based techniques. In fact, since the latest versions of IE, Navigator, and Opera already support many web standards, if we are willing to let go of the notion that backward compatibility is a virtue, we can stop making excuses and start using these standards now. At ALA, beginning with Issue No. 99, we've done just that. Join us. The battle cry that led to modern web design. —Ed.

They Shoot Browsers, Don’t They? by Jeremy Keith

ALA 253: February 19th, 2008

Version targeting will allow Microsoft to reach new heights of standards compliance where CSS and (especially) scripting are concerned. But to benefit from it, developers must explicitly opt in. That’s just not right, says Jeremy Keith. And it’s doomed to fail, because standardistas, by their very nature, will refuse to opt in.

Where Our Standards Went Wrong by Ethan Marcotte

ALA 233: February 26th, 2007

To validate or not to validate; that is the question. Ethan Marcotte helps us to re-examine our approach to standards advocacy and how we can better educate our clients on the benefits of web standards.

Prefix or Posthack by Eric Meyer

ALA 309: July 6th, 2010

Vendor prefixes: threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as -moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row, prefixes may actually accelerate the advancement and refinement of CSS. King of CSS Eric Meyer explains why.

Web Standards for E-books by Joe Clark

ALA 302: March 9, 2010

E-books aren’t going to replace books. E-books are books, merely with a different form. More and more often, that form is ePub, a format powered by standard XHTML. As such, ePub can benefit from our nearly ten years’ experience building standards-compliant websites. That's great news for publishers and standards-aware web designers. Great news for readers, too. Joe Clark explains the simple why and how.

Responsive and Mobile

Fluid Grids by Ethan Marcotte

ALA 279: March 3rd, 2009

How awesome would it be if you could combine the aesthetic rigor and clarity of fixed-width, grid-based layouts with the device- and screen size independence and user-focused flexibility of fluid layouts? Completely awesome, that's how awesome. And with a little cunning and a tad of easy math, Ethan Marcotte gets it done. We smell a trend in the offing.

Responsive Web Design by Ethan Marcotte

ALA 306: May 25th, 2010

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to appropriate these constraints: using fluid grids, flexible images, and media queries, he shows us how to embrace the “ebb and flow of things” with responsive web design. This child of Allsop's “Dao of Web Design” has changed and is still changing our industry. —Ed.

Put Your Content in My Pocket by Craig Hockenberry

ALA 244: August 28th, 2007

Craig Hockenberry offers detailed guidance on tuning your site for the hot new phone, and making changes that can enhance even non-iPhone-users’ experience. The first article on adjusting web content for a new category of smartphone, published one week after the iPhone debuted. —Ed.

Apps vs. The Web by Craig Hockenberry

ALA 312: August 17th, 2010

There’s an app for that, and you’re the folks who are creating it. But should you design a web-based application, or an iPhone app? Each approach has pluses and minuses—not to mention legions of religiously rabid supporters. Apple promotes both approaches (they even gave the web a year-long head start before beginning to sell apps in the store), and the iPhone’s Safari browser supports HTML5 and CSS3 and brags a fast JavaScript engine. Yet many companies and individuals with deep web expertise choose to create iPhone apps instead of web apps that can do the same thing. Explore both approaches and learn just about everything you’ll need to know if you choose to create an iPhone app—from the lingo, to the development process, to the tricks that can smooth the path of doing business with Apple.

Design and Layout (Historical)

CSS Sprites: Image Slicing's Kiss of Death by Dave Shea

ALA 173: March 5th, 2004

Say goodbye to old-school slicing and dicing when creating image maps, buttons, and navigation menus. Instead, say hello to a deceptively simple yet powerful sprite-based CSS solution. Still widely practiced (and still awesome), this powerful solution replaced a lot of needless JavaScript and Flash and helped pave the way for wider acceptance of standards-based design. —Ed.

Sliding Doors of CSS by Doug Bowman

ALA 160: October 20th, 2003

Image-driven, visually compelling user interfaces. Text-based, semantic markup. Now you can have both! Douglas Bowman’s sliding doors method of CSS design offers sophisticated graphics that squash and stretch while delivering meaningful XHTML text. Have your cake and eat it, too! Until CSS3 made it superfluous, this was the thinking designer’s favorite way to create those coveted rounded corner effects. —Ed.

Typography

CSS at Ten by HÃ¥kon Wium Lie

ALA 244: August 28th, 2007

Ten years ago, HÃ¥kon Wium Lie and Bert Bos gave us typographic control over web pages via CSS. But Verdana and Georgia take us only so far. Now HÃ¥kon shows us how to take web design out of the typographic ghetto, by harnessing the power of real TrueType fonts. The A List Apart article that birthed modern web fonts and web font services, e.g., Typekit. —Ed.

Real Web Type in Real Web Context by Tim Brown

ALA 296: November 17th, 2009

Web fonts are here. Now that browsers support real fonts in web pages and we can license complete typefaces for such use, it’s time to think pragmatically about how to use real fonts in our web projects. Above all, we need to know how our type renders in screens, in web browsers. To that end, Tim Brown has created Web Font Specimen, a handy, free resource web designers and type designers can use to see how typefaces will look on the web.

On Web Typography by Jason Santa Maria

ALA 296: November 17th, 2009

Until now, chances are that if we dropped text onto a web page in a system font at a reasonable size, it was legible. But with many typefaces about to be freed for use on websites, choosing the right ones to complement a site’s design will be far more challenging. Many faces to which we’ll soon have access were never meant for screen use, either because they’re aesthetically unsuitable or because they’re just plain illegible. Jason Santa Maria presents qualities and methods to keep in mind as we venture into the widening world of web type.

More Meaningful Typography by Tim Brown

ALA 327: May 3rd, 2011

Designing with modular scales is one way to make more conscious, meaningful choices about measurement on the web. Modular scales work with—not against—responsive design and grids, provide a sensible alternative to basing our compositions on viewport limitations du jour, and help us achieve a visual harmony not found in compositions that use arbitrary, conventional, or easily divisible numbers.

Content

Orbital Content by Cameron Koczon

ALA 326: April 19th, 2011

Bookmarklet apps like Instapaper and Readability point to a future where content is no longer stuck in websites, but floats in orbit around users. And we’re halfway there. Content shifting lets a user take content from one context (e.g., your website) to another (e.g., Instapaper). Before content can be shifted, it must be correctly identified, uprooted from its source, and tied to a user. But content shifting, as powerful as it is, is only the beginning. Discover what’s possible when content is liberated.

The Discipline of Content Strategy by Kristina Halvorson

ALA 274: December 16th, 2008

It's time to stop pretending content is somebody else’s problem. If content strategy is all that stands between us and the next fix-it-later copy draft or beautifully polished but meaningless site launch, it’s time to take up the torch—time to make content matter. Halvorson tells how to understand, learn, practice, and plan for content strategy.

Reading

Reading Design by Dean Allen

ALA 128: November 23rd, 2001

With so many specialists working so hard at their craft, why are so many pages so hard to read? Unabashed text enthusiast Dean Allen thinks designers would benefit from approaching their work as being written rather than assembled.

In Defense of Readers by Mandy Brown

ALA 278: February 17th, 2009

As web designers, we concern ourselves with how users move from page to page, but forget the needs of those whose purpose is to be still. Learn the design techniques that create a mental space for reading. Use typographic signals to help users shift from looking to reading, from skimming along to concentrating. Limit distractions; pay attention to the details that make text readable; and consider chronology by providing transitions for each of the three phases of the online reading experience.

How we work

Habit Fields by Jack Cheng

ALA 305: May 4th, 2010

We have the power to bestow our abilities onto the things around us. By being conscious of our tools, habits, and spaces, and actively conditioning them to help us behave the way we want to behave, maybe we can more efficiently tap into the thousands of hours of creative genius embedded in our everyday objects. Maybe we’ll be able to maximize the capabilities that new technologies afford us without being overwhelmed by the distractions. And, just maybe, we’ll remember what it feels like to be utterly engrossed in our daily work.

Community

The Wisdom of Community by Derek Powazek

ALA 283: May 5th, 2009

The Wisdom of Crowds (WOC) theory does not mean that people are smart in groups—they’re not. Anyone who’s seen an angry mob knows it. But crowds, presented with the right challenge and the right interface, can be wise. When it works, the crowd is wiser, in fact, than any single participant.

Coaching a Community by Laura Brunow Miner

ALA 280: March 24th, 2009

A key to running successful “social networking sites” is to remember that they’re just communities. All communities, online or off, have one thing in common: members want to belong—to feel like part of something larger than themselves. Communicating effectively, setting clear and specific expectations, mentoring contributors, playing with trends, offering rewards, and praising liberally (but not excessively) can harness your members’ innate desires—and nurture great content in the process.

From Little Things by George Oates

ALA 258: May 6th, 2008

Q. What technology do you need to build the next Flickr? A. Trick question. What you need to build the next Flickr is people. George Oates, a key member of the core team that shaped the Flickr community, shares lessons that can help you grow yours.

Enjoy this reading list as an epub

Huzzah! The ALA 2012 Summer Reading Issue is available as a Readlist, suitable for reading on Kindle, iPhone, iPad, Readmill, or other e-book reader.

---

---

RSS readers: Don't forget to join the discussion!

The world is a wide and wondrous place, with so many cultures and traditions shaping the world’s people. And with all of our differences, there are universals that seem to govern or guide human behaviors from all over the world. For instance, many countries hold celebrations for various occasions, and one element of these events that pops up all over is a major fireworks display.

There is so much excitement and energy exploding in the air and painting the sky with so many colorful bursts of light and fire, and when photographers manage to capture these explosive treats, it can be mesmerizing. Take a look through the collection we have gathered from some talented photographers who have captured some dazzling fireworks photos.

Painting the Sky

love is in the air :) by morho

Happy Birthday Golden Gate 1 by JimP4nsen

Lilac by Usagi-Atemu-Tom

Fireworks in the Sky I by Ina-Fahlsten

Rose Fest Fireworks by Thundercatt99

Sparkling Chaos by musksnipe

Jubilee Fireworks by HannahSmith18

157.366 by emmaamaay

Firebird by LaPetiteDshamilja

Astoria Park Fireworks by Tomoji-ized

Sparks Fly by kml91225

Happy Birthday Coopers Brewery by TheKoV86

Fireworks 1 by mydarkeden

photography by weelinda

Happy Birthday, Sevastopol by edhel-hv

Day 57 by 7ndr3y

Berlin firework by WIKIPEDIAUSER

Fireworks 1 by Seth890603

Cherry berry not by MODDEYDOO

F I R E work by october84stardust

Fireworks2 by CourageMyLove

Fireworks Ignis Brunensis #6 by Utopia308

Trails of Fire by svitekphotos

Fire Works by AnthonyRB1

Around a Halo by jenuchicha0519

Fireworks by SingaWriter

Colours by Usagi-Atemu-Tom

Light Up by fightingWOLF22

Fireworks Ignis Brunensis #4 by Utopia308

Rhine Fire by Mintberry-Crunch

Fireworks 2 by Seth890603

Fireworks 2 by mydarkeden

Riverfest Fireworks (g) by Snowleopard59

Japantag by Veta94

ka-BOOM by DancingFerret

The Show is Over

Our reserve of fireworks photos are spent. Now it is your turn to give the post life. Let us know below what some of your favorite shots in the showcase were, or direct us to some of your favorites that were not part of this collection.

(rb)

Because of how far certain Web technologies like HTML5 and CSS3 have brought us, many would say that—from a Web platform perspective—the future is now. Sounds like a cliché, I know. At the very least, it feels like the future is starting to bubble up to the surface… but it’s just not quite there yet.

When we use new DOM features, HTML5 APIs and the latest in CSS3, the possibilities that open up are astounding. These new technologies help us easily build Web applications with less reliance on hacks, plugins, images, and bloated scripts. This makes life easier not only for Web developers (for both building and maintaining these projects) but also for the end user who gets a faster and stronger overall experience.

But there is a huge road block preventing our “future” from truly becoming the now. What is this roadblock? It’s old browsers. Let’s delve into this topic a little bit so we can see why this is a problem and what we can do to help it.

Internet Explorer’s Usage Share

According to StatCounter estimates, even with the recent mobile explosion, desktop usage still trumps mobile by a large margin. 90% of internet activity worldwide occurs on the desktop. Granted, some reports have mobile shares higher than the current 10% shown by StatCounter. Whatever the case is, the fact remains that a lot of people are accessing our websites and Web apps by using a desktop browser.

Which desktop browsers? Well, let’s look at StatCounter’s usage share for desktop browsers for May 2012, with a specific focus on Internet Explorer:

As shown above—to the joy of developers everywhere—worldwide stats for versions of Internet Explorer prior to IE8 are very low. IE6 is so low that it’s not even showing up in some of StatCounter’s charts anymore. If you find similar stats for your own projects, then, depending on the overall traffic numbers, you may be able to drop support for IE6 and IE7 and start using a number of features that those browsers don’t support. But what about IE8 and IE9?

As you can see from the image and link above, worldwide usage for IE8 and IE9 is just about 30%, combined. But that might not be the full story. Compare those numbers to the ones taken from two other websites.

First, Net Applications, from April of this year:

Their stats show a whopping 38% of users still on IE6-8, with more than two thirds of those on IE8. In addition, IE9 holds another 16% share. That’s more than 50% of users on IE6-9.

Now look at StatOwl’s April 2012 report:

Large preview.

Like Net Applications, StatOwl places IE8′s and IE9′s shares significantly higher than StatCounter’s—this time about 20% for each. Combined with the 8% on IE6 and IE7, that’s almost 50% on IE.

The debate about why these different browser usage stats are showing higher numbers for IE6-9 is something that’s been in industry news of late. These details are certainly beyond the scope of this article, but you can check out the links below for more info:

• Understanding Browser Usage Share Data (Windows Team Blog)
• Microsoft says Chrome didn’t top Internet Explorer last weekend (Computerworld Blogs)
• StatCounter to Microsoft: You’re wrong, Chrome beat Internet Explorer last weekend (Computerworld Blogs)

Why Does This Discussion Include IE9?

IE9 is a huge step forward from previous versions of Internet Explorer. But it’s over a year old, and does not auto-update like other popular browsers do.

Thus, although IE9 is a much more stable and feature-rich browser, it’s already starting to show its age. With each passing month, browsers like Chrome and Firefox continue to roll out new features automatically, and IE9 gets closer to becoming obsolete.

Why Is The Old Browser Problem Such A Big Deal?

Some people might be thinking “What’s the big deal? Use progressive enhancement and you’ll just give old browsers a lesser experience and the users won’t know what they’re missing”. This might be true with certain CSS3 and HTML5 features for which it’s easy to provide fallbacks and even some lightweight polyfills. But other more complex features are not that simple.

Let’s first take a look at IE8. To give you an idea of how many features IE8 lacks, here’s a list of what you gain as a developer when you stop supporting IE8:

• Media Queries
• opacity (without IE filters)
• border-radius
• box-shadow
• RGBA, HSL/HSLA colors
• HTML5 elements (that don’t need the html5shiv)
• Data URLs
• getElementsByClassName
• CSS Transforms
• <canvas>
• Cross­origin Resource Sharing
• Lots of CSS3 selectors (:nth-child(), :target, :enabled, etc)
• matchesSelector
• Navigation Timing API (performance.timing)
• Multiple backgrounds
• background-clip, background-origin, background-size
• Real HTML5 Video/Audio with no messy fallbacks
• WOFF Fonts
• SVG images, inline SVG, SVG in CSS backgrounds
• Geolocation
• Server ­Sent Events

Also, this list doesn’t take into consideration the number of bugs and performance problems that occur in IE8. So when you consider all of the features above, along with bugs and performance issues, a high number of users still on IE8 becomes a major roadblock to progress on the Web.

Of course, this is not to say that support for these features is perfect in new browsers. Many of these features are still in flux in the spec. But a very high percentage of in-use browsers outside of IE8 have pretty good support for everything listed above.

What About IE9?

The problem, however, doesn’t end with IE8. As mentioned, IE9 is likewise starting to fall behind the other browsers. Here’s a list of the features you gain if you don’t have to support IE9:

• text-shadow
• Linear and Radial Gradients
• CSS Transitions
• Keyframe Animations
• Web Sockets
• 3D Transforms
• flexbox layout
• Multiple Columns
• The <datalist> element
• SVG Filters
• Application Cache
• pushState, replaceState
• indexedDB
• ECMAScript 5 Strict Mode
• FileReader API
• requestAnimationFrame
• The async attribute for <script> elements
• Many HTML5 form features
• Native form validation
• The <progress> element
• Web Workers
• XMLHttpRequestLevel 2
• Typed Arrays
• matchMedia
• Blob URLs

As you can see from the two lists above, the old browser problem is a significant one. These new features (although still in progress) have the potential to help designers and developers innovate and push the Web forward in amazing ways.

Is IE[x] The New IE6?

The notion that “IE[x] is the new IE6″ has been discussed before, but it deserves more attention here. As of writing this, IE9 (the latest stable version of Internet Explorer), cannot be installed on Windows XP and, according to StatCounter, about 31% of desktop internet usage is on that operating system.

Since a large number of IE8 users are essentially “trapped” in XP, there is no hope that those users are going to upgrade to a newer version of Internet Explorer unless they upgrade their OS.

For your own projects, I hope the stats for older browsers are much better. After all, the only stats that really matter are your own. Also, the worldwide stats showing high numbers for IE6-8 are probably a little skewed by some densely populated geographic areas. Nonetheless, usage stats for IE6-9 are still a factor for many projects and may thus be holding back a lot of developers (due to client or corporate pressure) from using many new features.

The point here is that if the usage stats for browsers like IE8 and IE9 linger for anywhere nearly as long as IE6 did, then those of us who are building websites and Web apps for a larger and more diverse audience could be in for a long wait (before using dozens of new features).

Usage stats for IE6–9 are still a factor for many projects and may thus be holding back a lot of developers.

Microsoft Provides A Glimmer Of Hope—Or Do They?

One positive development in this area is the recent announcement by Microsoft that XP, Vista, and Windows 7 users will be automatically upgraded to the latest version of Internet Explorer available for their operating system.

Unfortunately, while this news is better than nothing, it is not the ideal solution. A similar announcement was made back in 2008 regarding a so-called “auto-update” from IE6 to IE7. That 2008 update would only take place if a system was set to auto-approve Update Rollup packages. But a default setting in XP prevents this from happening—so this barely made a ripple in the IE6 problem at that time (as seen from the fact that IE6 usage was at 23% in January of 2009).

Similarly, this time around, users will be upgraded to a newer version of Internet Explorer only if they have turned on automatic updating via Windows Update. Also, the auto-update began in January and only for users in certain geographic regions. So again, although this is certainly good news, it’s not the ideal solution.

What Real Options Are There For Users Of Older Browsers?

Aside from people that are on systems that, for security or compatibility reasons, cannot upgrade their browsers, everyone that is using IE8 (or lower) has one of two options to help alleviate this problem—even if they’re on Windows XP. They are:

• Don’t use Internet Explorer; unlike IE9, all the latest versions of the other major browsers (Chrome, Firefox, Safari, and Opera) will run on Windows XP or later.
• Install Chrome Frame; it’s easy to install and it makes IE function like Google Chrome.

With those two options there is no excuse for the high numbers of users still on older versions of Internet Explorer. Theoretically, everyone who is not on a locked-down system can upgrade to a non-IE browser or install Chrome Frame. This would likely bring the usage shares for older browsers down to a bare minimum, and would allow developers to bring even more of the latest technologies into common use.

A Note on Tracking IE with Chrome Frame

Some of the users still on old versions of Internet Explorer could have Chrome Frame installed, but in the browser usage stats referred to earlier in this post, those are still counted as Internet Explorer. It would be good to see Chrome Frame stats reflected in those applications.

Google Analytics, however, does include “IE with Chrome Frame” as a separate browser, and developers can check out the Chrome Frame developer documentation for info on how to detect Chrome Frame usage.

What Else Can We Do To Help?

If you have any friends or colleagues using an older version of Internet Explorer (or any old browser), help them upgrade to the latest version of Chrome, Firefox, Safari, or Opera. You might even want to show them a CSS3-rich or HTML5-rich website in a modern browser and compare it to IE8.

In other words, prove to them that their browser is an out-of-date, unstable, slow piece of software. You might even have a little fun trying to show them why non-IE browsers are better.

Display a Message to Users on Old Browsers

Another thing you can do is display a message to users if they’re visiting your website in an older browser like IE8. Don’t assume this is too intrusive. A couple of years ago, YouTube started phasing out support for many older browsers. The message shown below is now displayed to users visiting the website with IE6:

You could display a subtle yet noticeable message to encourage users to install Chrome Frame and make sure to include the necessary code that will enable Chrome Frame on pages that are being viewed with it. [However, also provide an option to close the message bar so that users who are stuck in a locked-down system (and have to use your website) can actually use it. —Editorial]

Tomorrow: A Message For Non-Developers

Most people reading this article are probably thinking “Yeah, that’s all fine and good, but you’re preaching to the choir, dude.” Many developers already know a lot of this stuff. And we also know that developers and designers are not the ones using older browsers like IE8 for everyday browsing. In fact, you’d be hard-pressed to find a Web developer that uses IE9.

That’s why tomorrow Smashing Magazine will be publishing a special post (the article is published now) that will be targeted towards users who are not designers or developers, and who are not very tech savvy. We encourage everyone to share that article with as many people as possible so we can do everything we can to get the usage stats for old browsers as low as possible.

(jvb)

---

© Louis Lazaris for Smashing Magazine, 2012.

Art and design are often very subjective fields when it comes to who and what is good. They can also be very subjective in determining where a particular piece fits. Is it art, or is it design? There are, however, basic principles we all tend to agree on; design is generally more calculated while art is more free. Every so often, you stumble upon a piece that gives you the best of both worlds, great design and great art.

It does not happen often that the piece of work is surrounded by other works that are just as amazing. This time, we’ve stumble upon a wonderfully kept secret by the name of Andrew Archer. He’s an illustrator from New Zealand that has a great artistic eye that works with various design principles. Today, we get to pick his brain a little to see how he comes up with such amazing work.

Question & Answers

Q: First off, thank you for agreeing to this interview. Could you start by telling our readers a little bit about your creative process? How do you get a project rolling?

A: I always bounce a few emails back and forth or hit Skype with the Art Director to get a clear idea of what he likes about my work or thinks would be good for the project. From here, I put a series of thumbnails (sketches) on paper – I normally pick 1-3 of my strongest, [because] I’m not a super fan of sending a huge set of thumbnails unless I’m lost for ideas. From there the client/art director and I will make any tweaks if necessary and I’ll do some research on the subject for the good linework/image. At this point I don’t really care for anything but a strong composition, everything else can come after.

Q: When it comes to your work, what are your weapons of choice (your go to tools)?

A: I do all my thumbs and refined sketches on paper and most of my good linework, also. I use the tablet for fills, controlling colour and values. Pencils, Photoshop, charcoal, acrylics and watercolours are my most used tools. I often make silk screens for certain things and/or scan anything I need – sometimes it can be coffee stains, sometimes crayons – it really is determined by the project itself, but I don’t limit myself to a set process for every project. Sometimes I use more by hand, others more digital – it really depends.

Q: How did you get started in the art and design fields?

A: I studied graphic design originally and worked in the field for 1-2 years. I studied when I was around 18 and didn’t really know what I wanted from design except to ‘design cool things’. The industry is a lot different than most think it is – I was one of those people who thought you would [get] into a job designing snowboard artwork, realistically it’s far from this. I worked as a graphic designer for around 18 months. Most of my design work was illustration related but with a lot of design attributes.

Q: Of your many fantastic pieces, what is your favorite? What is the story behind this piece?

A: ‘Little Large Tokyo‘ and ‘Bully School‘ are probably two of my favourites, mainly due to them relating to me personally. ‘Little Large Tokyo’ reminds me of everything I love about asian culture, the art style, the food, the transport and system. ‘Bully School’, I like the rawness and contrast.

Q: How do you stay inspired? Do you have any inspirational tricks for beating creative blocks to pass along to our readers?

[I'm inspired by] Travel, cultures, food, music and a massive Tumblr dashboard that fires awesome work from awesome artists at me all the time. Except the [aforementioned], I’m naturally an extremely motivated person and will not give up on anything until I have done or mastered it. It’s a good and bad thing, drives me nuts some days but also I know it’s what fuels me. I feed off knowing I can do better/greater work personally. There’s no real trick for me, I dont really feel like I need to beat a creative block – I’ve always been full of a lot of ideas and can normally picture in my head how I want something to look when I first read the project. My frustration/hard work comes with colour and the delicate process of achieving an interesting palette. [The] Trick is to keep going!

Q: Are there any projects that you are currently working on that you could tell us a little bit about?

Currently working on some fashion spreads, a film poster and a few editorial pieces.

Q: If you had your way, what would your future in this arena be like? 

To be able to keep illustrating, build a long term body of personal and commercial work that I’m proud of, is true to me and enjoyed by others. I see my personal work as the ‘bigger’ thing which brings the most enjoyment.

Q: Do you have any side hobbies — that thing you do really well when you are tired of doing illustrations?

I play basketball a lot; around 3-5 times a week. I’m super good at eating and obsessed with food, watch a lot of korean film/movies, play some games and watch way too much NBA. I never really get tired of illustration, I believe you really need to be obsessed with your craft to do well, so it’s always in and around my life.

Q: What was the biggest challenge you faced getting started that you wish someone had warned you about?

A: That it takes time, it really does. You need to be prepared to work hard for quite a long time to develop the portfolio and work ethic to do it professionally. You need to be prepared to be in it for the long run and really work on it every day – it’s definitely not easy, but it is rewarding. There’s quite a big difference between illustrating as a hobby/side thing and professionally. The business side is so important and very rarely talked about.

Q: Do you have any bits of advice that you would like to impart before we wrap-up the interview?

A: The most important thing in my opinion is dedication, persistence and diligence. It’s a competitive industry but I strongly believe those who are really passionate and loving of their craft will shine through.

The Work of Andrew Archer

A set of illustrations for an editorial about eating, food types, digestion and general tips to losing weight.

Illustrations for ESPN magazine about record-breaking big wave pro surfer Garrett McNamara and NHL Philadelphia flyers goalie Ilya Bryzgalov.

[Archer] worked together with Oktobor to create and develop a city and 13 characters for Twisties new animated commercial and campaign. The characters and city were all related to music and interact with each other using various instruments and environments.

Cover of the NY Observer … An exclusive tally of the wall streeters who never die.

Illustration for OUT’s Symposium section – A Single Man.

Poster illustration of X-rated movie characters vs G-rated movie characters having a full scale battle in downtown Auckland.

Personal Work (Sharing Alike)

Opener and spot illustration for Triathletes World about drafting and slip streaming within triathlons.

Illustration for Q Magazine of John Niven reading quotes from his new book about people with Tourette’s syndrome.

Illustration for an article about barbie and her 50th birthday coming in 2009.

Series of illustrations & type created for the World Nude Day website.

Various illustrations for John Niven’s column for Q Magazine UK.

Illustration about the growth of steroids and the top steroid influenced outcomes of sporting history.

Conclusion

Via the interview questions, Andrew really dropped some jewels for those of us trying to make a path or living for ourselves, not just with Illustration but any type of artistic career. Not to mention, his work is definitely pleasing to look at and draw inspiration from. What artists inspire you creatively, as well as professionally?

(rb)