Posts Tagged ‘testing’

Awesome developer resource: CanIuse.com

Sunday, September 5th, 2010

Have you ever worked on a project and wondered what is supported by X Browser? I must ask myself this a hundred times a day. (especially nowadays with modern formats changing left and right) Well caniuse.com is a great resource I stumbled upon that helps to alleviate the headaches caused by trying to build a "stable" website while using new technologies. While it may not be the "ultimate solution," it certainly is one more valuable tool in your arsenal to combat browser problems!

Recommended for people testing the waters with HTML5!

check it out!!  http://caniuse.com/

 

 

The easiest way to disable flash for testing alternate content!

Wednesday, November 4th, 2009

This is something I have constantly wrestled with to find a clear cut answer. Its funny because back in the day I can remember that I had to literally go into my C:\program files and change the name of someĀ  .dll, or .exe in order to cancel flash from loading. Adobe/Macromedia were pretty firm on the issue that they don’t want you “disabling” their plugin lol. Then there was an onslaught of plugins for FF, IE, etc that could also do it but none of them worked well. Finally FF was sensable about it and included an easy “disable flash” option which makes things so simple. The problem is that noone seems to know about it lol. So with that said, here’s how to do it!!


1. Here’s my Site!

sciro design

This is what my Site looks like with flash enabled. Pretty nice huh?

Now lets get rid rid of flash to see what my site looks like on a user’s mobile phone, older computer, or a computer at a business/school/etc that blocks flash all together!

2. Lets get rid of flash for a sec!

disable flash

To start head to the top of Firefox and find the “tools” menu. From there find “Add-ons” (as shown above) and click it!

3. The “Add-ons” menu!

disable flash2

After you clicked “Add-ons” from the “tools” toolbar you will get this dialog box that pops up. It should pop-up, and be on “extensions.” however we want to go elsewhere, so proceed to the next step!

3. Find the “plugins” section!

disable flash firefox

As you can see above “highlighted in red” simply click the “plugins” tab and then proceed to the next step! (we are almost done!)

3. Find “ShockWave Flash”!

disable flash how

After you clicked the “plugins” button you will be presented with a lot of different items (more or less depending on what you personally installed). Regardless, the list is in alphabetical order so scroll down to “S” and find “Shockwave Flash” which is “circled in red” above!

3. Disable/Enable Flash!

re enable  flash

Finally just click “Disable” to temporarily turn off flash. When you are ready to turn it back on, just press “Enable” and you’ll be able to view any flash content like youtube videos, flash sites, and most importantly facebook’s farmville again lol.

3. Begin testing!

sciro design no flash

Here is my site with flash turned off. I personally use swfObject 2.0 (I’ll blog about swfObject soon, and why its so good) which presents the alternate content to my users. If they don’t have flash, then they have two options. Either update flash to the current version, or enter my low bandwidth site which doesn’t really require flash for any crucial information!

Have fun and Happy testing!

The easiest way to resize your browser for testing webdesign!

Wednesday, October 14th, 2009

browser resize plugin

The Problem:

I constantly have this problem where I have to resize my browser window to check my sites/designs/etc on multi monitors. Normally I use my nvidia control panel, or just the plain windows display control panel. The problem though is that my monitors are not normal 4:3, I have a 16:9,and a 1:1. Whenever I use the graphic card based resize my monitors freak out and stretch, flicker, and give warnings etc.

The solution?

This awesome browser window resizer plugin for FF. Its so simple and has a variety of sizes:

windows_resizer

Supported Resolutions:

640×480

800×600

1024×768

1280×800

1280×1024

1600×1200

Grab it here!