15 Highly-Useful Resources for Cross Browser Testing

by Steven Snell

February 17, 2010 in Resources

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.

BrowserLab

Read More

How to Design a Blue Marketing Company Layout in Photoshop

by Steven Snell

February 16, 2010 in Tutorials

Today we’ll be going through the process of designing a website for a fictitious marketing company, step-by-step. The design uses a blue color scheme and is intended to put the emphasis on services offered and what the company can do for its clients. Our friends at SnobbySlice are in the process of coding this design into a template that will be distributed for free in the near future.

What We Will Be Designing:

Here is a look at the end result (click the image to see in full size)

Photoshop Layout Tutorial

Read More

17 Google Chrome Extensions for Web Designers and Developers

by Steven Snell

February 15, 2010 in Resources

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 Tracer

Speed 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).

Speed Tracer

Read More

20+ Design Blogs that Release Quality Freebies

by Steven Snell

February 14, 2010 in Resources

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.

Lost and  Taken

Read More
Page 166 of 236« First...164165166167168...Last »