Best webpages designing software?

Post by **Darth Wong** » 2003-11-01 02:08pm

phongn wrote:
Pu-239 wrote:Notepad is for masochists. Even vi or windows emacs is better. At least get syntax highlighting, and more importantly, formatting.
I'm sorry, did you just say that using vi was less masochistic than using Notepad?

Well, vi (or at least, modern versions of it) does have syntax highlighting, which is more than you can say for Notepad. Personally, I like kwrite. I have only used Notepad on rare occasions for minor changes to an existing page.

phongn · Post by **phongn** » 2003-11-01 02:40pm

Oh, I hardly use Notepad these days either - I also prefer something with syntax highlighting (e.g. gedit), but vim is a bit harder to use

Lord Poe · Post by **Lord Poe** » 2003-11-01 03:03pm

Notepad BLOWS!

...I use Wordpad for creating all my webpages!

And stop by http://www.elated.com for some great tips and free web page kits to use/learn from.

BTW Dreamweaver users:

I wanted to create a computer console on my website where the computer screen would show a picture that had something to do with the buttons pressed.

For instance: http://h4h.com/louis/vsfaq.html

If someone hit the "weapons button" on the computer console, the computer screen would show a blaster, for example.

I could figure this out with tables and a lot of hair pulling, but how easy would this be to do in Dreamweaver, if I drew the computer console myself?

Post by **Darth Wong** » 2003-11-01 03:07pm

Lord Poe wrote:I could figure this out with tables and a lot of hair pulling, but how easy would this be to do in Dreamweaver, if I drew the computer console myself?

That sounds like a Javascript thing to me.

Nova Andromeda · Post by **Nova Andromeda** » 2003-11-01 03:51pm

Darth Wong wrote:
phongn wrote:
Pu-239 wrote:Notepad is for masochists. Even vi or windows emacs is better. At least get syntax highlighting, and more importantly, formatting.
I'm sorry, did you just say that using vi was less masochistic than using Notepad?
Well, vi (or at least, modern versions of it) does have syntax highlighting, which is more than you can say for Notepad. Personally, I like kwrite. I have only used Notepad on rare occasions for minor changes to an existing page.

--The main problem with notepad is the hidden characters/white space that screw up linux/unix text.

Post by **Dalton** » 2003-11-01 09:15pm

What is syntax highlighting?

Crayz9000 · Post by **Crayz9000** » 2003-11-01 09:27pm

Dalton wrote:What is syntax highlighting?

Oh. My. God.

You don't know what syntax highlighting is?

It's where the editor highlights specific parts of various languages' syntaxes in various colors. It can be very useful in trying to debug a program, for example, because if you leave out a closing } it's easier to notice.

Post by **Dalton** » 2003-11-01 09:37pm

Crayz9000 wrote:
Dalton wrote:What is syntax highlighting?
Oh. My. God.

You don't know what syntax highlighting is?

Don't get stuck-up like that just because you know more than me.

Crayz9000 wrote:It's where the editor highlights specific parts of various languages' syntaxes in various colors. It can be very useful in trying to debug a program, for example, because if you leave out a closing } it's easier to notice.

I thought it would be something like that.

Lord Poe · Post by **Lord Poe** » 2003-11-01 10:48pm

Darth Wong wrote:
Lord Poe wrote:I could figure this out with tables and a lot of hair pulling, but how easy would this be to do in Dreamweaver, if I drew the computer console myself?
That sounds like a Javascript thing to me.

It is. I do basically the same thing with the buttons on the site above (they get brighter when you push 'em!) But I need for the mouseover picture to appear in a computer screen I'll draw when your mouse passes over a certain button.

Example:

Iceberg · Post by **Iceberg** » 2003-11-01 11:19pm

Yes. Notepad and related plaintext "editors" are for masochists and purists only. As I am neither, I will continue to write my pages in Mozilla Composer and clean them up in Notepad.

Pu-239 · Post by **Pu-239** » 2003-11-01 11:51pm

Nova Andromeda wrote:
Darth Wong wrote:
phongn wrote: I'm sorry, did you just say that using vi was less masochistic than using Notepad?
Well, vi (or at least, modern versions of it) does have syntax highlighting, which is more than you can say for Notepad. Personally, I like kwrite. I have only used Notepad on rare occasions for minor changes to an existing page.
--The main problem with notepad is the hidden characters/white space that screw up linux/unix text.

Yeah. That's also a problem with programming, because Windows is \r\n or something, and Linux/Unix is \n.

For the hover thing, just use onmouseover="functionYouWantToCall()" as an attribute, though you can also do it only in JS. A good cross browser javascript/css/everything guide would be http://www.quirksmode.org/ (formerly www.xs4all.nl/~ppk - I hate the new theme, ugly).

Post by **Dalton** » 2003-11-02 05:03am

Wayne, what you're proposing to do seems quite easy with Javascript with the right mouseover code.

His Divine Shadow · Post by **His Divine Shadow** » 2003-11-02 09:49am

Dalton wrote:What is syntax highlighting?

Here's an example of what it looks like in Visual Studio:
http://www.hisdivineshadow.com/misc/images/syntax.jpg

BoredShirtless · Post by **BoredShirtless** » 2003-11-02 05:46pm

Get real, no "purist" uses notepad. For windows, it's either ultraedit or texteditor. And the IDE which John West doesn't reject is naturally Eclipse.

Lord Poe · Post by **Lord Poe** » 2003-11-02 08:07pm

Dalton wrote:Wayne, what you're proposing to do seems quite easy with Javascript with the right mouseover code.

I know the basics, but centering a picture exactly in a computer screen that will be seperate from the background is what I haven't figured out yet.

Post by **Colonel Olrik** » 2003-11-02 08:11pm

Thanks for all the answers, guys. You're great. This page is now bookmarked for future reference.

Crayz9000 · Post by **Crayz9000** » 2003-11-02 08:35pm

Lord Poe wrote:I know the basics, but centering a picture exactly in a computer screen that will be seperate from the background is what I haven't figured out yet.

I'm pretty sure that you can do that using CSS2. However, due to Microsoft's brain-dead implementation of CSS2 in Internet Explorer 6 (similar to Netscape's brain-dead implementation of CSS1 in NS4), the chances are that it will not work for the majority of your visitors.

The only way is to try it and test it with a variety of browsers.

Pu-239 · Post by **Pu-239** » 2003-11-02 09:23pm

Crayz9000 wrote:
Lord Poe wrote:I know the basics, but centering a picture exactly in a computer screen that will be seperate from the background is what I haven't figured out yet.
I'm pretty sure that you can do that using CSS2. However, due to Microsoft's brain-dead implementation of CSS2 in Internet Explorer 6 (similar to Netscape's brain-dead implementation of CSS1 in NS4), the chances are that it will not work for the majority of your visitors.

The only way is to try it and test it with a variety of browsers.

I suppose you could make a 3x3 table, stick the picture smack dab in the middle cell, adjusting widths and heigths as necessary, and pull it out of normal flow by making it position:absolute.

aronkerkhof · Post by **aronkerkhof** » 2003-11-02 10:02pm

Lord Poe wrote:
Dalton wrote:Wayne, what you're proposing to do seems quite easy with Javascript with the right mouseover code.
I know the basics, but centering a picture exactly in a computer screen that will be seperate from the background is what I haven't figured out yet.

If I had to use javascript, what I'd do is draw a computer with a blank screen, and this would be the "mouseoff" image. Then I'd make identical computers, all the same except for what is displayed on the screen, and these would be the "mouseon" images swapped when the user scrolled over a button.

In your example, I'd cut the bottom off of the computer (the part with the buttons) and make them a seperate image, with the top part the thing that got swapped in and out. That way you don't have to worry about having the computer be the background image and the blaster being something that floats on top of it.

aronkerkhof · Post by **aronkerkhof** » 2003-11-02 10:04pm

BoredShirtless wrote:Get real, no "purist" uses notepad. For windows, it's either ultraedit or texteditor. And the IDE which John West doesn't reject is naturally Eclipse.

Finally, the voice of reason. Ultraedit is quite nice for HTML. For php, I like Zend Studio, and for microsoft's asp/asp.net/c#, visual interdev is awesome.

Lord Poe · Post by **Lord Poe** » 2003-11-03 12:38am

aronkerkhof wrote:If I had to use javascript, what I'd do is draw a computer with a blank screen, and this would be the "mouseoff" image. Then I'd make identical computers, all the same except for what is displayed on the screen, and these would be the "mouseon" images swapped when the user scrolled over a button.

Hey, VERY interesting idea!

In your example, I'd cut the bottom off of the computer (the part with the buttons) and make them a seperate image, with the top part the thing that got swapped in and out. That way you don't have to worry about having the computer be the background image and the blaster being something that floats on top of it.

I now rule the world......!

kojikun · Post by **kojikun** » 2003-11-03 01:26am

Anyone know of a good free syntax-highlighting text editor for windows?

aronkerkhof · Post by **aronkerkhof** » 2003-11-03 11:02am

kojikun wrote:Anyone know of a good free syntax-highlighting text editor for windows?

Ultraedit is only $35, and is worth it.

aronkerkhof · Post by **aronkerkhof** » 2003-11-03 11:04am

Lord Poe wrote:
aronkerkhof wrote:If I had to use javascript, what I'd do is draw a computer with a blank screen, and this would be the "mouseoff" image. Then I'd make identical computers, all the same except for what is displayed on the screen, and these would be the "mouseon" images swapped when the user scrolled over a button.
Hey, VERY interesting idea!

In your example, I'd cut the bottom off of the computer (the part with the buttons) and make them a seperate image, with the top part the thing that got swapped in and out. That way you don't have to worry about having the computer be the background image and the blaster being something that floats on top of it.
I now rule the world......!

Hey, let me know if you need any implementation help. I did almost the exact same type of interface for a counterstrike clan a few years ago.

Pu-239 · Post by **Pu-239** » 2003-11-03 01:10pm

kojikun wrote:Anyone know of a good free syntax-highlighting text editor for windows?

SciTE- http://www.scintilla.org/SciTE.html
You'll need to edit configuration files somewhat to suit your tastes though. Default fonts are too ugly and large.
The text folding feature is extremely useful if you are working on large pages.

Also you can use Eclipse with the Black Sun or Solar Eclipse plugins.