Options for debugging JavaScript, (X)HTML and CSS

As mentioned in one of my earlier post, I am having to work on XHTML and CSS lately and because this was not really one of my best skills, I end up spending a lot of time reading about it and while I was doing that today, I got to this page (yes I am getting my hands dirty with Ext lately and using ColdExt as well, which by the way, simply rocks! ) . I have been using Firefox and Firebug all the time and I was not aware that there are tools that let you debug in IE as well, which, even if you dont like, you have to do.

So, I just thought I post about it here as this is a useful set of tools for any web developer. This is just an excert from the URL above.

Probably one of the best tool combinations for debugging your application is to use the Mozilla Firefox browser with the Firebug addon and optionally the Web Developer addon. Another very useful tool is Venkman - the JS debugger.

If you’re using Microsoft Internet Explorer you can try out the Microsoft Developer Toolbar plugin. There is also the DebugBar which is free for personal use.

For the Opera browser you can use the Opera Developer Tools or the alternative Web Developer Toolbar & Menu for Opera.

Safari users can use the Web Inspector to get an overview of the page or enable Debug menu in the browser.

More updates to coldfusiondocs.com

Tagged Under :

Last night, I made some more updates to ColdFusiondocs.com, although minor updates again. I have changed the right panel to have a tabbed layout rather than a top and bottom layout, I think this gives more room for the actual content and both the documentation section and the useful url’s section should be easier for the eye.

Another minor change I did was to focus the search field on load and place the text caret in there. I cant seem to get it to work in Firefox though, would be nice to know if anyone has a fix.

On a side note, I am still struggling to get the deep linking to work mainly because of the fact that the way this app is written. I wil try some more when I get some time as I know its an important feature for this app.

Oh, by the way, as a reminder, you are more than welcome to go and add you CF related links to the app.

Here is the link. www.coldfusiondocs.com/app/

Why are these browsers at war with each other ?

This might sound like a very old topic which has come up unlimited number of times before but its an ongoing frustration for every HTML/CSS developer and because I have always been a ColdFusion developer and also a Flex developer lately, I never really understood the intensity of the frustration. However, at my current contract, I am having to do quite a bit of XHTML/CSS, so I got a chance to experience the problem first hand. I really must say that it can’t get any more frustrating when you spend whole of your day (without a lunch break) trying to make sure that your code looks the same in IE and Firefox , just to find out at the end of the day that you must test your code in IE version 6.0 as well, which will make you look like a complete idiot because IE6 will mercilessly make your page look like a drawing board with random elements on it. More »

YouTube Videos in AIR with FLVPlayer

Tagged Under :

One of my mates just sent this through to me, so I thought this is definitely worth a post :-

The FLVPlayer is a non-commercial, conceptual AIR application, intended to simplify the video transfers from YouTube to computers and mobile devices like IPhone, IPod, smartphones.

It provides the functionality to download videos onto PC, MAC or Linux and transfer them to the device later on, so the device’s bandwidth is not used later to stream videos. Other useful functionality, is a video playback. It has been built with Adobe AIR and Papervision3D. The application can be installed on PC/MAC/Linux machines, by using the image link below:

Upgraded to WordPress 2.5

I use WordPress as my blogging software and I just read the news that WordPress 2.5 has been released. I have been following some posts about this and there has been a lot of talk about this release. This is a major release with features like multi-file uploading, one-click plugin upgrades, built-in galleries, customizable dashboard, salted passwords and cookie encryption, media library, a WYSIWYG that doesn’t mess with your code, concurrent post editing protection, full-screen writing, and search that covers posts and pages.

So, I just went ahead and did an upgrade. My previous version was 2.3.2 . The upgrade went smoothly apart from the fact that one of my plugins named “Gregarious” stopped working after the upgrade. This plugin was handling the social bookmarking icons on the site including Digg and others. Not a big problem, I can try to fix this later, but the new version does look good indeed. For anyone currently on WordPress, its definitely worth upgrading.

Whats up with these spammers?

Well, its kinda annoying. My blog has been online for about 6 months now and it was only last week that the number of spam comments I receive, crossed 1000. But I was checking the spam comments today and I was surprised to see that total number of spam comments caught has gone up to 2012. Well, thats over 1000 spams in a week!

Thanks a lot to Akismet for doing all the hard work of catching and deleting spam silently and effectively.

However, one note to spammers, if you are smart enough to get into the system by breaking the captcha or by what ever other ways, you should be smart enough to “not” continue spamming after finding out that your comments get deleted automatically.

Add your CF links to coldfusiondocs.com

Tagged Under : ,

Yes, thats right. I have just released some updates to Coldfusiondocs.com. It’s now got a 4th panel to it which lists the related links for the tag or function in question. The idea here is that, lets say you are browsing cfquery tag on the left panel, you should be able to look at the cfquery related links (ideally blog posts or other useful links specific to cfquery), right there on the right panel.

I think this adds more value to it in a way that you can look at the documentation and the “interesting” blog posts at the same time in the same interface. It would be really helpful to have these links “rated” and the most rated ones show on top but I would leave it like this for few weeks and based on the interest it generates, I would then later on add the rating feature. Remember, this is not a paid project, so I have to keep this development only to my limited free time.

At the moment, anyone can add links by entering a name and email address, and apart from some very basic validations, its straight forward to add a link. You just need to select a tag or function on the left panel (I have added a few in cfgrid to start with), and then on the right lower panel, fill the form in to add links. Thats about it.

There is no moderation at the moment but I will periodically do an exercise to remove any “non-genuine” links (not that I expect them but you never now), until I put some checks in place to validate a link (as in if it really is a CF related link).

So, go ahead and add links. www.coldfusiondocs.com/app/

changing cfgrid pageSize dynamically

Tagged Under :

Here is an example of how to change the pageSize of an AJAX CFFGRID dynamically.

Purpose :-
Let the end user select how many rows of data he/she wants to see in the Grid. (ie technically speaking, change the pageSize on the fly).

Approach :-
1) Add a ComboBoxwith the number of Rows to be selected, for the user to be able to select. use the Ext JS functions to achieve that.
2) Take the value selected from ComboBox and reload the grid data.
3) Reload the paging Toolbar as well because, apparently, the grid data and paging toolbar work independently, reloading the grid does not reload the paging toolbar. So you have to do that manually.
4) Reconfigure the Grid. More »

Great Indian Developer Awards 2008

ColdFusion 8 has been nominated for the Great Indian Developer Awards 2008. Now, that is great news. It’s always good to see CF getting the exposure and acknowledgement it deserves.

I am curious to see what the results of this would be, due on the 24th of March, 2008. Apart from the “Web Development - Design, development, deployment” category, under which ColdFusion 8 is nominated, I am particulary interested in another category which is “Top Ambassador - Ambassador for India’s IT Ecosystem”. The nominations for this category include India’s top IT software houses, some of which have really changed the way the world looks at India’s IT industry as it stands today.

I have just done my votes, its time you do yours!

Flex : How to Display Hand Cursor on Components

Tagged Under :

If you want to display a hand cursor over a Flex component (any Flex Component I would say ?), there are two properties that come handy. useHandCursor and buttonMode. In some cases, a third property called mouseChildren might be required as well.

More »