Web Relay

X-Ray for Firefox 3!

noreply@blogger.com (vwc) — Sun, 17 Aug 2008 16:12:00 +0000

I was so forlorn when I upgraded to Firefox 3 and lost X-Ray. But thank goodness, X-Ray is here and available...

http://www.designmeme.com/2008/08/14/xray-for-firefox-3/

Tools I Can't Live Without

noreply@blogger.com (vwc) — Mon, 04 Aug 2008 07:02:00 +0000

Web Developer Toolbar: Indispensable for web development and debugging
http://chrispederick.com/work/web-developer/

Firebug: Edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...
http://www.joehewitt.com/software/firebug/

Positioning

noreply@blogger.com (vwc) — Fri, 01 Aug 2008 06:14:00 +0000

An absolute element is positioned within the boundaries of the last positioned parent. If there is none, it's the viewport.

clearfix and clearfloat

noreply@blogger.com (vwc) — Fri, 01 Aug 2008 06:04:00 +0000

Check out: http://www.patriciarees.com/art198/css-bugs.html

Eric Meyer Reset

noreply@blogger.com (vwc) — Fri, 01 Aug 2008 05:51:00 +0000

It's always nice to start with a clean slate and this reset does just that:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

I've run into a few things that were buggered by this reset such as a CSS image gallery rollover. I had to isolate the a:hover rule and override the border attribute in order to get it to work.
http://www.pasadena.edu/centerforthearts/gallery.html

Another annoyance is that if you didn't want to turn off the bullets on your ul's because the default styles are ok, then you have to style everything since the reset strips out bullets, padding, margin.

Find & Replace

noreply@blogger.com (vwc) — Fri, 01 Aug 2008 05:35:00 +0000

Find & Replace is so handy. I'm sure I haven't even begun to exploit the power of it such as searching for patterns. Wildcards are another nifty little thing you can use to isolate items.

For example, I would get a text file that had timecode in it and needed to convert this to a plain document to post for accessibility reasons. Timecode is denoted with [ ] but for some reason using the [*] meaning "everything between and including []" didn't work. So I had to replace [ with + and same for ]. Then do a find on +*+ with "use wildcards" checked and presto!, all timecodes were stripped. Careful with stuff enclosed in [] that you don't want to strip like [music].

The next thing I'd do is find ^p (the code for paragraph breaks) and remove all of those.

Finally, I'd go to Format > Change case and select lowercase, then sentence. This is in MS Word.

Find & Replace in Dreamweaver is super cool too. I learned you can search an entire folder and replace code. Very handy if you have a large site and need to update something.

Faking a second line indent on "li"

noreply@blogger.com (vwc) — Fri, 25 Jul 2008 23:38:00 +0000

Since you really can't indent the second line of a "li", you have to fake it by using a negative indent on the first line. Here's some CSS to get started, courtesy of Pat Rees.
ul {
margin:0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
text-indent: -1.5em;
margin-left: 1.5em;
}

Embedding Flash content with compliant code

noreply@blogger.com (vwc) — Mon, 14 Jul 2008 22:34:00 +0000

After running a validation on the site, I found out Dreamweaver's embed code failed AND was rather bloated. Did some quick research and found a solution:

Source:
http://yoast.com/code/valid-flash-embedding.html
http://www.alistapart.com/articles/flashsatay/

If you like facebook, you'll love MA Chatterbox

noreply@blogger.com (vwc) — Tue, 08 Jul 2008 02:26:00 +0000

This is sooooo fun!!!

You all remember Mario Brothers and loving the sound of all the coins you collected?!! It's like that! Start building a room with all your favorite stuff, chat with your friends, meet your neighbors, read articles and watch your bank fill up!

Check out MA Chatterbox!