IE Debugging Tools

Posted by John
on Monday, 25 February 2008

It's hard to do but these might help,

  • X-Ray, a bookmarklet to examine elements within the document model, similar to firebug's 'inspect'.

  • Fiddler, an http debugger for ie 6/7

  • IE Developer Toolbar, similar in power to firebug but in no way as comprehensive.

  • IETester, full-blown IE6 standalone browser, finally you can test against IE6 on Vista!

DOM + Setting Style

Posted by John
on Monday, 07 January 2008

Quick little article for those hacking AJAX.

One of the powers of JavaScript is it's ability to let you change the property of elements within your webpage on-the-fly (the cornerstone of ajax).

So say you've got an element in your html like;

<span id="elem">some text</span>

Now if i wanted to make it strikethru in JavaScript I'd do...

<script type="text/javascript">
document.getElementById("elem").style.textDecoration="line-through";
</script>

Cool eh, your basically telling the DOM to hunt down any html element with the ID of 'elem' and then change it's CSS text style programatically.

NOTE: style is lowercase, not uppercase!

Rails Engine + SIFR

Posted by John
on Wednesday, 14 November 2007

Rails Engine Plugin

The engines plugin enhances Rails plugins — allowing sharing of code, views and other aspects of your application in a clear and managed way.

ala..

script/plugin discover
script/plugin install engines

SIFR (Scalable Inman Flash Replacement)

Like what it says on the tin, it allows you to use javascript+css to dynamically replace static html text with more fancy flash fonts; but without the need to photoshop any images...

for Ruby on Rails

first install the Engine plugin (above) then do...

script/plugin install http://svn.rails-engines.org/plugins/engines

script/plugin install svn://rubyforge.org/var/svn/sifrhelper

for Normal Websites ;-)

MooTools

Posted by John
on Wednesday, 31 October 2007

"MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API."

Downloads (book + cheatsheet)

Unfortunately the one bad thing about MooTools is the lack of any kind of reading material other than the documentation on the site.

However with the miracles of Screen Grabbing and some crafty PhotoShop batch processing I've managed to build a little PDF version of the brilliant MooTorial on ClientSide's site.

...all praise goes to Aaron Newton at ClientSide, you are a genius!

...praise here goes to mediaVROG for updating Snook's original work, you guys rock!

Web Resources

Links

How-To

Examples

AtomPad re-design

Posted by John
on Friday, 14 September 2007

bit of a rapid re-design here, not much but fixes a lot of problems and makes it a bit more un-cluttered and sparse.

the black-on-white icon is very ss but i’ve used that .psd on all my other sites it’s become something of a trademark so included it better here.

enjoy, there’s a lot of features and bugs still to iron out and in no means perfect but it’s getting there.

John.

www.atompad.com