jcarle.com » Web Development

Fixing Dreamweaver CS5′s Mixed Case JavaScript Events for XHTML

Jean-Sebastien Carle — Tue, 25 Jan 2011 17:54:35 +0000

I was hoping that the Adobe development team would have fixed this by now but it seems that they do not use their own products. At least, certainly not for standards compliant work. In a revisit to my original article on fixing the issue with CS4, here is an updated tag library that you can use to stop Dreamweaver CS5 from changing your correct onmouseover events to the improper onMouseOver mixed cased version.

Download the HTML Tag Library and overwrite the existing one which you’ll find by default in “C:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\TagLibraries” on x86 systems and in “C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration\TagLibraries” on x64 systems.

The majority of internet users still use archaic resolutions

Jean-Sebastien Carle — Tue, 27 Apr 2010 14:16:57 +0000

It has become the unsaid consensus over the years that NETMARKETSHARE is an accurate source for up to date data regarding the real world happenings of the internet. For me, the most important information they track is screen resolution. With the flood of new internet connected mobile devices, the revolution that was brought on by netbooks and the never ending wave of new monitor shapes and sizes, you cannot help but feel lost when you are doing your site design mock ups. Do you make your site wide? Do you make it narrow? What can users see vertically when they first open the page? Using a bit of excel kung-fu, I spliced up their resolution statistics and came up with the following table.

Width	Users Supported	Height	Users Supported
800	96%	600	96%
1024	93%	768	89%
1152	64%	800	55%
1280	61%	900	32%
1366	27%	1024	21%
1440	21%	1050	11%
1600	12%	1080	5%
1680	10%	1200	3%
1920	4%

As you can see, if you want to hit the majority of the market comfortably, you still have to design for 1024 x 768 resolutions. My general rule of thumb for that resolution is a 960 x 560 viewport design. When you account for scrollbars and an explosion of adware toolbars, that is usually what you have left to work with.

Fixing Dreamweaver CS4′s JavaScript Events for XHTML

Jean-Sebastien Carle — Mon, 22 Jun 2009 23:08:28 +0000

One of the first things you learn about XHTML is lowercase. Everything is lowercase. Lowercase tags, lowercase attributes, lowercase, lowercase, lowercase…

I guess it wasn’t obvious enough to the developers over at Adobe because Dreamweaver CS4 has this annoying habit of mix-casing all of the JavaScript event handlers.

Thankfully, there’s a fix. All it requires is to edit the hundreds of entries in the tag library. Doing so through the interface tag library dialog is painful enough to make you want to claw your eyes out. So to save you the insanity, I did some file trickery and fixed all of the event entries within the entire HTML tag library.

Simply download the HTML Tag Library and overwrite your existing one. You’ll find it by default in “C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\TagLibraries” on x86 systems and “C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS4\configuration\TagLibraries” on x64 systems.

Update: If you are using CS5, you will want to download the new tag library.