Jump to content

Useful Tools for Web Development


jboy
 Share

Recommended Posts

What are the most useful web development tools, tips, etc. that you've found? I hope this topic will prove useful.

 

I'll start off with this:

 

The Web Developer extension to firefox is an incredibly useful tool.

 

http://chrispederick.com/work/webdeveloper/

firefox download link for the Web Developer extension

 

From the toolbar or Tools menu item, you have immediate access to info on the CSS, DOM, elements, class & id details, javascript, page structure, objects, forms, cookies, color info, etc etc. You can validate the HTML, CSS, links, etc using the w3.org validators.

 

Incredibly useful, comprehensive set of tools.

 

The attached image is just one view out of it's many features.

post-11466-1144076969_thumb.jpg

Link to comment
Share on other sites

I was just about to mention the developers plugin for Firefox... and then I read your post :P

 

I also use vim on my pages all the time. It's handy to get used to as you can ssh into web servers and make quick changes online (bad says protocol, but good says SoulSe).

 

Bluefish, as iphitus mentioned, is probably the best editor I found in Linux, although... Quanta (if I remember correctly) was also pretty good. I liked Bluefish more for its CSS support.

 

Running IE in Wine is also handy for testing pages if you're doing any commercial development.

Link to comment
Share on other sites

My last web page I started off in NVU designing the basic layout

I then moved it into bluefish for all the php writing and generally cleaning up (Joomla template)

Being able to cut/paste Joomla standard code for various skeletons from other templates was a lot easier using a GUI... and then I use vim to make any tweaks....

Link to comment
Share on other sites

I admit it - I'm a Link Cataloger Freak! For web development topics, here's what I think is the best single-page of resource links I've ever come across:

 

Web Developer's Handbook of Useful Links

 

Now that's what I call a useful resource reference page!

 

EDIT: The above web page was offline for a while yesterday. It's back now. Similar information is available at this other page of his (though I think the original one above is much better):

 

http://www.alvit.de/web-dev/

Edited by jboy
Link to comment
Share on other sites

gimp (esp. with layers) is priceless for web design. the truth is that for logos and such there are even scripts to make really pro looking logos. if you can get past the difficulty.

 

i'm a fan of quanta, but i admit i still prefer the emacs because if i know what i'm writing the speed the keyboard commands give me is priceless.

Link to comment
Share on other sites

For noobs, there is Nvu and Screem. :)

Screem isn't really for "noobs", it's not a WYSIWYG editor like Nvu. It's much more like bluefish, and IMHO is better than bluefish.

 

btw, I think this thread is better fit for the Art and Design forum. Just my suggestion ;)

Link to comment
Share on other sites

  • 2 years later...

Web Developer extension to firefox, of course, but also:

- http://sourceforge.net/projects/fangs/ (project seems halted; https://addons.mozilla.org/fr/firefox/addon/5809 may be a replacement…),

- Geany editor,

- IEs4Linux: http://www.tatanka.com.br/ies4linux/page/Main_Page

 

Yves.

Link to comment
Share on other sites

  • 2 weeks later...

somone mentioned NVU for "noobs"

 

I've used it for most of my busines and personal pages, and other than getting into some things that I cant get out of (my fault) I havent seen anything that I need to do that it cant.

 

now admittedly I went to Kompozer (the last NVU update) last year.

 

Please realize that the sites I do are not huge glossy whiz bang graphic laden sites.

 

they are mostly just informational with information,software,photo,music downloads.

 

I havent tried bluefish, but from whats said here, it looks like I might need to!

 

j

Link to comment
Share on other sites

Firebug is a great tool for troubleshooting, but not really intended for development.

 

huh?

 

How do you develop your DOM apps then?

Or develop complex javascript?

 

or do you have a different meaning to development than I do

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...