Browser testing is one of the parts of the design and development process that is necessary but never really enjoyable. With the number of browsers and operating systems that are available, it can be a very time-consuming process to test your website in the environments of visitors. There are a number of tools and resources that have been created to help with this situation, and we'll profile 15 of them in this post. In 2008 I published a post of 10 Helpful Resources for Cross Browser Testing, but a lot has changed since then. This post provides an updated look at the world of browser testing and showcases some new products and resources that were not available a few years ago. Adobe BrowserLab Adobe BrowserLab is a free resource that allows you to see how your site looks in a wide variety of browsers in Windows XP or Mac OS X (you will need an Adobe account). Once you've chosen a browser and an operating system you can enter the URL to see how it looks. You can view one at a time or side-by-side from two different browsers.
Resource lists to save time for designers.
Firefox is the browser of choice for most designers and developers in part because of the vast selection of add ons that are available. While Chrome does not offer anywhere close to as many extensions (yet), there are still a number that can be very handy for designers and developers. In some cases they are not as robust as the Firefox versions (example, Firebug and Firebug Lite), but if you are using Chrome you may be interested to know about the extensions that are available. Additionally, Chrome comes with some developer tools built in. In this post we'll feature 17 of the most useful Chrome extensions for designers and developers. Hopefully in time the selection and quality of Chrome extensions will be able to rival those of Firefox.
Speed TracerSpeed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).
Web and graphic designers have the privilege of being able to download quality, free resources that can be used in their work. Commonly-found resources include textures, Photoshop brushes, vectors, icons, patterns, and more. In today's post I'd like to feature 20 design blogs that give back to the community by frequently releasing freebies to their readers. If you're always on the lookout for quality resources, consider subscribing to these blogs. You may also be interested in our own Freebies category. Lost and Taken Caleb Kimbrough releases high quality texture packs through his blog Lost and Taken.