Dreamweaver

Dreamweaver

The comments in the CSS layouts that come with Dreamweaver CS3 are deliberately verbose—they’re there to help you understand what each rule is for. Although commenting style sheets is a good idea, you’ll probably want to get rid of the Dreamweaver comments once you’re familiar with the layouts. This stored query can be loaded into the Dreamweaver Find & Replace dialog box to remove all or some of the comments quickly and cleanly.

  • Open the style sheet in the Document window. If the styles are embedded in the <head> of the document, switch to Code view.
  • Launch Find & Replace from the Edit menu (or press Ctrl+F/Cmd+F).
  • Click the Load Query icon at the top right of the Find and Replace dialog box. It looks like a folder with a document sticking out of it.
  • In the Load Query dialog box, select css_comment_remover_v3.dwr, and click Open. This loads the query into the Find and Replace dialog box and sets all the necessary options.
  • To remove comments selectively, click Find Next to highlight the first one. Click Replace to remove it or Find Next to move to the next one.
  • To remove all the CSS comments in a single operation, click Replace All. This removes all comments, including any CSS hacks that look like comments. If you’re in any way uncertain, use the following more selective approach.

For more informations and details visit: http://foundationphp.com/tools/css_comments.php

 

 

Inserts the correct HTML entities for common fractions (¼, ½, ¾), powers (squared and cubed — n², n³) and the degree symbol (°) into your web page. Access from the appropriate icons in the Characters Insert Bar (Dreamweaver MX) or Characters Category of the Objects Panel (DW4 and UltraDev4). Also available from the Fractions and Power Symbols sub-menu on the Insert Menu. Works in all HTML 4 compliant browsers (including N4.x).

Note: Because of changes to the layout of the Insert Bar in Dreamweaver MX 2004, this extension will create a new category called "Quarter".

For download and more information: http://japan-interface.co.uk/webdesign/tools/

 

Want to get rid of annoying "tooltips" that destroy your design when someone mouses over an image? The answer is to put a blank title attribute in the img tag, like this:

<img src="mypicture.gif" alt="Description of picture for non-visual browsers" title="" height=...

This Dreamweaver command does it all for you automatically. The existing alt text is left untouched, leaving it to do the job it was originally intended to. Existing title attributes are also left untouched, so there's no danger of removing tooltips from the images you still want them for.

As an added bonus, the command also checks the page to see if there are any spacer images — identified by "spacer.gif", "shim.gif", "filler.gif", "transparent.gif" or "clearpixel.gif". Some people put alt="spacer image" (or something similar) inside the image tag, in the mistaken belief this is necessary. It's not. In fact, it's extremely annoying to people using screen readers, who are forced to listen to "spacer image" repeated dozens of times. The command turns any alternative text for spacer images to alt="", and inserts it if the alt attribute is missing.

For download: http://japan-interface.co.uk/webdesign/tools/

Smart Link converts an existing link so that the target page opens in a new browser window. It works in a similar way to the Dreamweaver Open Browser Window behavior, or using target="_blank", but gives you far more control over its look and position. Although it uses JavaScript, it is smart enough to work even if JavaScript is disabled (by opening the page in the same window) — keeping your site accessible to everyone, and far more user-friendly than a link that doesn't work at all. It also has the advantage of keeping your pages valid, unlike target="_blank" which has been deprecated by the W3C. For full details, read the Smart Link help file.

When used with an image, please note that in Dreamweaver MX 2004 and later, the (onClick) option in the Behaviors panel has been replaced by <A> onClick. This doesn't affect the code or the operation of SmartLink in any way.

For download: http://japan-interface.co.uk/webdesign/tools/

When building new websites, most designers use a piece of filler text that's been known to printers since the 16th century — Lorem ipsum — or perhaps some random corporate mumbo-jumbo. What I found inconvenient about existing Dreamweaver extensions was they alway use the same text, and it's not formatted in any way.

Lorem and more offers you the choice of traditional Lorem ipsum, a bit of genuine Cicero, random corporate nonsense, and for romantics — Sonnet 116 by Shakespeare. It also offers a choice of format — paragraphs, continuous text, ordered and unordered lists, and in the case of Shakespeare, formally laid out as a sonnnet. Thanks to Al Sparber of Project Seven for suggestions to improve this little bit of nonsense.

For download: http://japan-interface.co.uk/webdesign/tools/

More Articles...

Page 1 of 6

Start
Prev
1