Menu Search
Jump to the content X

Posts Tagged ‘Browsers’.

We are pleased to present below all posts tagged with ‘Browsers’.

Reliable Cross-Browser Testing, Part 1: Internet Explorer

In a perfect world, cross-browser testing would be straightforward. We would download a legacy version of a browser, run it, and be able to instantly test our pages and scripts without a single care in the world. The reality of cross-browser testing, though, is very different. Issues such as runtime conflicts when running multiple versions of the same browser and inaccurate third-party testing tools mean we can spend hours just evaluating whether a testing set-up is anywhere near reliable.


I’m a user-interface developer at AOL (yes, we’re not dead yet!), and in this multi-part post I’ll take you through the exact set-up we use to accurately test content that will be potentially viewed by up to millions of users with a very diverse set of browsers. This set-up is similar to the one used by some of my colleagues at Opera, Mozilla and Google, so, fingers crossed, we’re doing this optimally.


Using CSS3: Older Browsers And Common Considerations

With the arrival of IE9, Microsoft has signalled its intent to work more with standards-based technologies. With IE still the single most popular browser and in many ways the browser for the uninitiated, this is hopefully the long awaited start of us Web craftsmen embracing the idea of using CSS3 as freely as we do CSS 2.1.

Lost World’s Fairs


However, with IE9 not being supported on versions of Windows before Vista and a lot of businesses still running XP and reluctant (or unable) to upgrade, it might take a while until a vast majority of our users will see the new technologies put to practice. While plenty of people out there are using CSS3, many aren’t so keen or don’t know where to start. This article will first look at the ideas behind CSS3, and then consider some good working practices for older browsers and some new common issues.


Cross-Browser Testing: A Detailed Review Of Tools And Services

As you probably know, cross-browser testing is an important part of any developer's routine. As the number of browsers increase, and they certainly have in recent years, the need for automatic tools that can assist us in the process becomes ever greater. In this article, we present an overview of different cross-browser testing applications and services. Surely, you are already familiar with some of them, and you may have even stumbled across another overview article, but this one takes a different approach.


This is not just a list of available tools, but rather a comprehensive analysis based on my experience with each of them. For the impatient among you, a summary table is at the end summarizing key metrics and unique features for each service. But if you're interested in my personal experience with these tools, then read on.


The Life, Times (and Death?) of Internet Explorer 6 (Comic Strip)

In recent years Internet Explorer 6 has become the browser web designers love to hate. Security issues, JavaScript errors and inexplicable CSS rendering quirks have made it the brunt of many jokes. With IE6 in its twilight and big companies like Google dropping support, it seems like a good time to take a fond look back at our old foe. In this post we're looking at what Internet Explorer 6 used to be and why its image changed over the years. You can also see the comic in a larger version.

Do we need to review our projects in Internet Explorer 6? Can we stop supporting IE6? If not, how do we handle those users who are still using IE6? And if yes, how can we prompt IE6 users to upgrade? Or how do we convince those who don't allow their employees to get rid of the legacy browser to upgrade? What do you think? We are looking forward to your opinions in the comments to this post!


Breaking: Internet Explorer 8.1 Eagle Eyes Leaked

Smashing Magazine tries to be at the forefront of new and exciting developments in the wide world of the web. You might have heard that we met with the IE 8 Chief Strategist in the past, so it should come as no surprise that we like to keep up with the latest events in the web browser industry.

Even with the successful recent release of Internet Explorer 8, in some underground circles there is already talk going around about the next version of Internet Explorer: IE 8.1, codenamed Eagle Eyes. Loaded with exclusive features such as a new JavaScript engine, support of WebSlices and full web standards support (CSS 3), IE 8.1 is speculated to debut in this summer.

Screenshot of IE 8.1

In this article, we take a closer look at the new features of Internet Explorer 8.1, compare it with other browsers and share with you our first-hand experience with the browser. Overall the browser is faster, more flexible, more stable and also more secure and performs already much better than a recently released IE 8. One word sums up our experience with IE 8.1: Eagle Eyes is the browser that Internet Explorer should have brought on the market a long time ago - and now it's finally here.


15 Helpful In-Browser Web Development Tools

There are many useful Web development tools that integrate in your browser. These in-browser tools are commonly known as add-ons or extensions. Though add-ons and extensions aren't just for Web development, many of them out there are designed specifically for Web developers. In-browser tools vary greatly in the jobs they perform; for example, some of them help you diagnose issues with CSS, HTML and JavaScript, while others evaluate the accessibility of your website.

Web Developer - screen shot.

In this article, we explore some of the most popular and useful in-browser Web development tools. You'll find tools for popular Web browsers like Firefox and Internet Explorer. Whether you need to debug and inspect your HTML, inspect HTTP headers, access FTP source files, evaluate accessibility or just figure out what color a Web page element is, you may find a variety of tools discussed here useful.


Screen Resolutions and Better User Experience

In order to work well, designs have to be optimized for simplicity, transparency and, consequently, optimal user experience. The user experience itself is, however, in many cases just an elegant term employed with false intentions and wrong approaches.

Optimal user experience is rarely achieved by visual design elements, although some stakeholders are strongly convinced that it actually is the case. What actually matters is the fact that the content is accessible and legible — and although visual design can support the content and help to communicate with your target audience in a more effective way, it is not a solid foundation to build a successful web-site upon. (In fact, to compromise stakeholders' understanding of design solutions is your primary task if you strive to be a professional web-developer.)

Chart Screenshot

Whatever stages you are going through in your design process, to perform well you need to make sure that your design works for most visitors, whatever screen resolution they use. It's not about the graphics visitors see; as stated above, it's about the content they are looking for.


Interesting Web Browsers You Have Never Heard Of

There are more browsers than you are probably aware of. Apart from Firefox, Opera and Internet Explorer there is a number of promising alternatives which can improve your flexibility, increase your productivity and enrich your browsing experience.

In fact, there are over 100 existing (although not widely used) browser applications. Most of them make use of the rendering engines Trident (Internet Explorer), Gecko (Mozilla Firefox), WebCore (Safari) and Presto (Opera 7 and above). However, some of them offer large fields for experiments and exploration — e.g. 3D Engines, but also really useful browsers with advanced functionalities such as desktop-tools integration.

Recently we've selected over 20 Win/Mac/Linux-browsers, installed most of them, tested them, compared them and now present the results below. Let's take a closer look at some rather unknown, forgotten, advanced or experimental browsers. What else do we have on the horizon? What should we use? And what might we be willing to use? Apparently, between Firefox, Opera and Internet Explorer there is enough room for creative and unusual approaches.

Screenshot Browser

Please note that

  • we've tried to showcase only those browsers that use Gecko or WebCore layout engine, but we present some interesting Trident-based applications as well;
  • it wasn't our intention to display all available browsers such as Swiftweasel and Midori. We've selected the ones we've found most useful and promising.
This is Swiftweasel, an optimized build of the Mozilla Firefox web browser for Linux.

Who Is Your Visitor? An Average Profile

You never really know who is going to visit your website next. You have no idea which configuration will be used, what browser will be installed, which screen resolution will be in use. However, since you'd like to comfort most of your web users, you need to know their habits and the profile of your average visitor — to adapt the design and layout to your users' needs.

Since only 50.4% maximise their browser windows, the screen resolution of 1024x768 doesn't necessarily mean that your users are browsing with 1024px wide screen through your website.

Only 50.4% maximise their browser windows
According to Roger Johansson's survey, only 50.4% of users maximise their browser windows.

Nothing is more valuable than the statistics you've collected with an analytics tool installed on your website; however particularly in the beginning of a new project it's nice to have some good idea of what kind of configuration your visitors will probably use.

In this post we'd like to present the results from recent studies of browser market share, used OS and preferred screen resolution worldwide. Please notice that this data is only an approximation; we've used a number of different sources to get the average numbers we present below. Besides, statistics always depends on the readership and the topic of your project.


Browser Tests, Services and Compatibility Test Suites

Cross-browser compatibility is still one of the most complex issues when it comes to web-development. Web standards usually guarantee a (relatively) high degree of consistency, however no browser is perfect and particularly older browsers have always been quite good at surprising web-developers with their creative understanding of (X)HTML/CSS-code. Still you need to make sure that (at least) most visitors of your web-site can use it, navigate through it and find what they're looking for as quickly as possible.

Browsers Tests Are Necessary
The truth is that a) you never know who might type in your url in his/her navigation toolbar and b) the browser-environment is still very quirky and the risk of inconsistent presentation is simply too high to ignore it. For instance, different browsers and operating systems use different techniques for rendering fonts (Win vs. Mac on handling fonts). The font size isn't identical on different platforms and some fonts might not be installed on the user's system.

Internet Explore has the browser usage share of 46%
Worldwide browser usage: IE6 dominates; IE 7 has already more users than Firefox 2. Stand: 01.10.2007. Source.

Firefox on Linux doesn't display web-sites as Firefox on Windows does. As bonus web-developers have to cope with dozens of versions and, of course, Internet Explorer 6 — 46% of browser usage share, which is a true godsend for hardcoders and hackers. It's almost impossible to keep all possible problems in mind — a detailed test helps you to identify the critical issues — also and particularly if these are the smallest details of your layout.


↑ Back to top