SRL Archive - Web Development

As there are so many tools out there, any sort of development for beginners - or people that just are interested in getting a look - might be a daunting prospect. The idea here is to list what programs you use for dev, what it is for, why you like it, where to get it, and anything else that you feel you should add!

Web-Dev-Tools:

Cross-Platform:
+ BlueFish Editor
- a free editing program that includes syntax highlighting, split view capability, and tag completion.

+ Dreamweaver (not linux)
- $$$ visual and code based web editing tool.

+ Komodo Edit
- a free IDE code editor for JavaScript, Perl, PHP, Python, Ruby and Tcl

+ nginx (not mac)
- free, open-source, high-performance HTTP server and reverse proxy, as well as an IMAP/POP3 proxy server

+ notepad
- whatever the pre-installed notepad/textpad may be on your operating system, simple as it gets!

+ Sublime Text
- text editor for code, html, and prose. Also is able to be a portable app!

+ Xampp
- Apache distribution containing MySQL, PHP and Perl. For testing PHP scripts (and MySQL queries).

Linux:
+ Nano
- simple GNU text editor

Mac:
+

Windows:
+ Notepad++
- a free editing program that is has an impressive syntax highlighting list built in. It's simple, free, and fast.
- Great for css editing

+ WinMerge
- great for comparing changes made between 2 files. also has color coding.

Web-Browers:
Firefox: download here - free web browser with many great tools that you can add in and customize to your liking.
+ ColorZilla
- Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies…

+ Firebug
- useful for "Inspecting HTML and modify style and layout in real-time, Accurately analyze network usage and performance," and even more.

+ Web Developer
- adds real time : cookie, css, form, image, source tools, and more right to bar in your web browser.

+ YSlow
- YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites.

Google Chrome: download here - free web browser, less memory leaks than FireFox but not as many tools, nice and fast.
+ Firebug
- lite version of Firefox Firebug: useful for "Inspecting HTML and modify style and layout in real-time & Accurately analyze network usage and performance"

Opera: download here - free web browser
+ DevTools
- some dev tools.


Program-Dev-Tools (IDE):
Cross-Platform:
+ CodeBlocks
- free C++ IDE
- Here is a compiler info list that you can use to compile C & C++ code.

+ jCodeCollector
- useful tool to manage code snippets

+ VIM
- free advanced text editor

Linux:
+

Mac:
+

Windows:
+ConTEXT editor
- fast, powerful, free, text editor. currently not being developed, but that's under advisement.

Web-Browers:
Firefox: download here - free web browser with many great tools that you can add in and customize to your liking.
+

Google Chrome: download here - free web browser, less memory leaks than FireFox but not as many tools, nice and fast.
+

Opera: download here - free web browser
+


Graphics-Dev-Tools:
Cross-Platform:
+ Photoshop CS4/5 (not linux)
- $$$ high end graphics editing tool.

+ Avairy
- browser based graphics editing

+ Pixlr
- browser based grahpics editing

+ Gimp
- a super fantastic and free high end graphics editing tool, supports layers and so much more

Linux:
+

Mac:
+

Windows:
+ MS Paint
- super simple paint program that comes pre-installed with MS Windows

+ Paint.net
- fantastic and fast low level graphics editing. layers, text, great addons and free!


Web-Browers:
Firefox: download here - free web browser with many great tools that you can add in and customize to your liking.
+ Tin Eye
- reverse image searching. 'tin eye' an image and it looks to see where it might be on the internet

Google Chrome: download here - free web browser, less memory leaks than FireFox but not as many tools, nice and fast.
+ Tin Eye
- reverse image searching. 'tin eye' an image and it looks to see where it might be on the internet

Opera: download here - free web browser
+


Audio-Editing-Tools:
Cross-Platform:
+ Myna
- browser based audio editing

Linux:
+

Mac:
+

Windows:
+

Web-Browers:
Firefox: download here - free web browser with many great tools that you can add in and customize to your liking.
+

Google Chrome: download here - free web browser, less memory leaks than FireFox but not as many tools, nice and fast.
+

Opera: download here - free web browser
+


Video-Dev-Tools:
Cross-Platform:
+

Linux:
+

Mac:
+

Windows:
+

Web-Browers:
Firefox: download here - free web browser with many great tools that you can add in and customize to your liking.
+

Google Chrome: download here - free web browser, less memory leaks than FireFox but not as many tools, nice and fast.
+

Opera: download here - free web browser
+


Other-Useful-Tools:

Cross-Platform:
+ Darik's Boot And Nuke (dban)
- a self-contained boot disk that securely wipes the hard disks of most computers. DBAN will automatically and completely delete the contents of any hard disk that it can detect, which makes it a sweet utility for bulk or emergency data destruction.

+ FileZilla
- a good and free ftp solution.

+ oh-myzsh
- for all your basic SSH needs. Also features for GIT and HG repos (and with the right .bashrc it fixes your typos like forgetting to type cd into a dir or LS instead of ls)

+ TrueCrypt
- open source disk encryption tool

+ Ultimate Boot CD (ubcd)
- a whole truckload of legit tools for your computer.

Linux:
+

Mac:
+ Espresso
- a useful html/css/java editor, usable as ftp uploader, a good dev tool for any nerd.

Windows:
+ CCleaner
- Cleans junk from your computer, deletes unused registry files, unistall programs.

+ Defraggler
- Better UI than the windows defragger.

+ Hiren's BootCD
- 500MB of freeware in one ZIP file.

+ Ninite
- Bulk installer, very useful when formatting a computer.


+ SlickRun
- Command-line utility for interacting with your computer. Opening programs, websites, et cetera.

+ WinSCP
- graphical SFTP client. also supports SCP protocol

Web-Browers:
Firefox: download here - free web browser with many great tools that you can add in and customize to your liking.
+

Google Chrome: download here - free web browser, less memory leaks than FireFox but not as many tools, nice and fast.
+ Rainy Mood
- built in on/off switch for that rainy mood so many desire. goes well with hot cocoa or tea.

Opera: download here - free web browser
+

I love notepad++ :P

Windows:
CCleaner - Cleans junk from your computer, deletes unused registry files, unistall programs.
Defraggler - Better UI than the windows defragger.
Ninite - Bulk installer, very useful when formatting a computer.
Hiren's Boot CD - 500MB of freeware in one ZIP file.

Firefox Addons:
ColorZilla - Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies…
YSlow - YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites.

EDIT: Didn't see that this was posted in Web Development, The Windows section is still pretty useful. :p

Notepad++, use this shit over Visual studio 2k8 and it pisses my boss off so much lol
Dreamweaver isn't too bad too.

xampp, filezilla and dreamweaver ftw!

notepad++ for css editing

From: KingKong
dreamweaver

With you on that one.

Dreamweaver is good for windows

lol dreamweaver, e texteditor or sublime text

Google Chrome comes with webdeveloper (sort of) already built-in

From: Zyt3x
Google Chrome comes with webdeveloper (sort of) already built-in

Theres also firebug for chrome.

WinMerge is awesome for comparing the changes made in files. For example, if you have functionality that broke with an update for a script, WinMerge is your man. It makes seeing the changes extremely easy with color-coding (!!) and other goodies. + It's open-source and good for everything ranging from web development to scripting to writing essays to etc.

From: LolL
WinMerge is awesome for comparing the changes made in files. For example, if you have functionality that broke with an update for a script, WinMerge is your man. It makes seeing the changes extremely easy with color-coding (!!) and other goodies. + It's open-source and good for everything ranging from web development to scripting to writing essays to etc.

diff file1 file2

;)

I'd say general unix-like operating systems in general are useful.

Keep them coming!! I will edit the first post in a bit to add what you have shared so far.

Dreamweaver, Photoshop CS4&CS5, Notepad++, WinSCP (for uploading stuff), nano (linux text editor for those who dont know), Opera (Element viewer), Notepad (when i dont have np++ available), Paint (best for slicing a layout).

From: Frement
Dreamweaver, Photoshop CS4&CS5, Notepad++, WinSCP (for uploading stuff), nano (linux text editor for those who dont know), Opera (Element viewer), Notepad (when i dont have np++ available), Paint (best for slicing a layout).

You are really recommending Nano?

From: Sex
You are really recommending Nano?

nano is decent for editing files. Wouldn't use it for larger programing, but it works fine.

I used it when I started using Linux. But there is more control with vi(m)..

Edit: For programming I mean. I can use nano for like text, but not really programming.

Yes I recommend nano, I usually have a connection open to my server. When I need to code something and test it, I just open a file with nano, write the code, save it and test it. Easy and fast.

Same thing with mostly any other editor ;P.

True, but I still recommend nano. :)

For testing PHP scripts (and MySQL queries) I use XAMPP.

Regular notepad bro.

Text Editor: Notepad++
Dev Web Server: nginx

From: Markus
Regular notepad bro.

lol'd

From: Markus
Regular notepad bro.

I use this for html and css and javascript, I love it :D

Alright, I think I got it all updated!!

Please don't forget to post :
what the program is, what it is for, why you like it, & where to get it.

You have web browsers in there like four times bro.

Yessir, They are specifically for addons that attribute to the parent category. =]

* notice the layout. <3

From: masterBB
I love notepad++ :P

And so do I, now when I think about it, maybe I should check out it's plugins

Hey, if you guys know some good plugins to any of these programs; please, share them too!

Umm, CodeBlocks is not C++ compiler, but IDE instead…

From: superuser
Umm, CodeBlocks is not C++ compiler, but IDE instead…

I suppose it is not directly, but on their front page :

"Built around a plugin framework, Code::Blocks can be extended with plugins. Any kind of functionality can be added by installing/coding a plugin. For instance, compiling and debugging functionality is already provided by plugins!"

Which I can add the Compiler Info list.

Thanks!! Good catch!

Komodo Edit is Multiplatform I use it on my Mac's and Linux boxes for a IDE.
jCodeCollector is Multiplatform I use it to store my snippets and sync them via dropbox.

Just 2 I didn't see on the list.

O and check out Oh-My-Zsh for your SSH needs, it has some also features for GIT and HG repos plus it looks cool ( and with the right .bashrc it fixes your typos like forgetting to type cd into a dir or LS instead of ls )

wow that new version of bluefish is awesome, watched the vid

will definitely be using it

From: Dankness
Komodo Edit
jCodeCollector
Oh-My-Zsh

^ Thanks! - added.

Grats, I agree. It's brilliant.

I also added a few "Other" tools to the list. =]

I perfer ConText over notepad++; ConText has code highlighters for lots of different languages and allows you to create keyboard macros for specific file types. So I'm working on some assembly code and bam! I push F9 and the file is saved, compiled, linked, and the code starts running.

From: KingKong
filezilla

notepad++ for css editing

I second these two. Filezilla is an FTP/SFTP champion. You can get it here

From: kanah
ConText

^ Added.

SilentSpy, thanks for the \bump on FileZilla I seem to have glanced over it earlier. =]

* Updated

Add slickrun to that list. I can't live without it.

I use this for graphics when I don't have any software installed, it's like an online Photoshop.

http://pixlr.com/editor/

http://www.aviary.com/online/image-editor#

also a decent "online photoshop" I think I have another bookmarked on a hard drive (will go in my comp when it's built)


they also have a vector image editor and audio
http://www.aviary.com/tools/audio-editor

etc

Those are good too, I believe they even have HTML5 widgets you can plug into your site.

From: KingKong
slickrun

From: Kyle Undefined
pixlr

From: grats
Avairy & Myna

^ added. Thanks. I should be adding more video and audio tools.

I've been using "Espresso" for Mac for quite some time now. Its a HTML/CSS/Java editor with a preview option, and also acts as a FTP uploader. It also has a Dev tool, much like Google Chrome, where you can select elements in your preview to see what exactly they're doing to help figure out what is going wrong. Absolutely love the program. Its very easy to use. You can get a free trial version of it off of their website MacRabbit. The paid version is $79, but the free version is identical. The only difference is that once your free trial runs out you have to wait about 20 seconds every time you save. It does get quite annoying but I enjoy the product so much I deal with the wait time.

From: omfgMIKE
"Espresso"

^ thanks, good share - I added that.

Gentoo =)

And specifically under Gentoo, crossdev