April 4, 2006

One more excellent Firefox plugin

Just in case you haven't tried it yet - there's an excellent plugin for Mozilla FF, the IE tab.
If you (like yours truely) strive to get the same web design effects in several browsers you'll like this opportunity to open a proper MSIE window right in Firefox. In a new tab, to be precise:


December 15, 2005

IntelliJ IDEA: more quick fixes for HTML

In case you don't use it yet, there's a relatively new quick fix for HTML - the one that fixes mismatches in opening/closing tags.

If you change an opening tag, it suggests to change its closing tag and vice versa.
Quick fix for HTML

Earlier, in IntelliJ IDEA 5.0 we had only one half of this quick fix - it suggested to fix what you've just edited, that was not that wise. Adding correct option has made this quick fix really handy.

April 28, 2005

My dream editor

IntelliJ IDEA, the flagship product of the company I work for, gradually becomes the css and xhtml editor of my dream. Being a hand-coder, I want my editor to be smart enough to highlight block elements, intelligently autocomplete and delete tags, analyze code and highlight errors (including wrong links), validate code, and - in general - do for me all routine tasks, just like it does for Java developers.
Our developers work hard and each day we find something new that any html coder would treasure dearly.

My pick of the day: Image links
How often do you type an image name and location (or copy-paste) and then realize that either name or location was wrong and your browser shows that silly red cross instead of a picture? It used to happen to me quite often. But not now.
Now IDEA highlights all wrong image links, just like this:

wrong image highlighting

Cannot resolve? But can suggest! Press CTRL-SPACE (no mouse required: it's IDEA), and you will see all the images available in the ../img/ directory:

selecting an image

Everything is at hand, no new dialog windows that will quite a lot of mousing or, at best, looking for accelerators, pressing tabs, etc.

Or, if you were writing the whole thing from the very beginning:

selecting a directory

Again: no new dialogs, just CTRL-SPACE and select the file you want.

Now compare it to the Dreamweaver way:


And then... yeah, the whole dialog for selecting an image...


Leaving aside no highlighting for wrong image links.

But the more one uses IDEA, the more he wants from it. :)
And my next question, suggestion or feature requirement is autocomplete image width and height.
Please, IDEA, spare me retrieving the image size! You know it anyway, so why don't you place it directly into my code?

April 25, 2005

View Source lessons

Recently I was browsing the Groove website (all that rumour about MS buying Groove, interviews with Oz, etc.).
Nevertheless, somehow I got to their Store and spotted nicely done tooltips. Javascript os Css? was I thinking, pressing the 'View Source'
button... and then ... what a surprise! On a commercial web site... I see this:

CSS Tooltip
Pure CSS Tooltip, based on:
<a class="tooltip" href="">Foo<span>Foo means something

Not only the person points to the original articles where the trick was
described, but even the usage!
Honest - I have seen a lot of html source code, but this is something
outstanding. I even spent some time looking for the webmaster address, but
could not find it.

Anyway. This is a lesson I should learn from. Frankly speaking, our source code leaves a lot to be desired.