27 replies [Last post]
Panda
Panda's picture
User offline. Last seen 1 year 47 weeks ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT+1
Joined: 2010-04-25
Posts: 98
Points: 110

This is a request for input on software options for development, both for coding and graphic design. I'm also curious what you might use to wireframe and draft layout your sites. I'm fairly new and am hoping for some input from people in the know.

I'm on a mac and this is what I've wound up with so far.

For coding I have trialled Code, Taco HTML edit, Espresso, CSSEdit, TextWrangler, BBEdit, and a few others. TextWrangler seems quite good for a free application, however I did wind up purchasing Espresso and CSSEdit. I would say Espresso seems quite good, but I trailed Coda after purchasing Espresso and would probably have chosen Coda if I had it to do over again. I have wound up not using CSSEdit at all.

For Graphic design I have trialled loads and loads of software. I wound up with Pixelmator, GIMP, Inkscape, Blender 3D and Alchemy installed. All of these are free with the exception of Pixelmator which is a very reasonably priced pseudo alternative to Photoshop, at less than £43. I trialled Adobe Illustrator as well, and thought it was amazing. In my opinion none of the other illustration programs I trialled came close to it. There are a lot of sub £/$100 illustration options out there, but found that inkscape was more full featured than any of those, and as it's free I can't justify spending money on something that still makes me wish I had a copy of Illustrator. A big downside of inkscape is that it doesn't take advantage of full mac os integration. Like GIMP it runs in the X11 environment.

Anyway, I would be most grateful for your opinions.

Regards,

Tags:
djsounds02
djsounds02's picture
User offline. Last seen 29 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Joined: 2010-06-17
Posts: 110
Points: 134

Hi I used to use komodo ide

Hi I used to use komodo ide for coding photoshop for all graphics and firefox with web developer addon measure it addon and firebug on mac

now i use coda have you tried it? and how do you compare it to espresso? thinking of trying espresso..

anyone?

Deuce
Deuce's picture
User offline. Last seen 4 weeks 6 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4421
Points: 1840

I don't do graphic design,

I don't do graphic design, but I do use Photoshop to pick apart PSDs for code.
I use TextMate and it's bundle system on a daily basis.
You can't beat typing "doctype" hitting tab and being shown the doctype options.
I also do a lot of work in WordPress, so i can type in commands like "post" and hit tab and it shows all the variables.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

CupidsToejam
CupidsToejam's picture
User offline. Last seen 17 weeks 22 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

I code all my pages in DOS

I code all my pages in DOS using Binary code


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

djsounds02
djsounds02's picture
User offline. Last seen 29 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Joined: 2010-06-17
Posts: 110
Points: 134

CupidsToejam wrote: I code

CupidsToejam wrote:

I code all my pages in DOS using Binary code

Pure genius! What do you use for previewing!!

Panda
Panda's picture
User offline. Last seen 1 year 47 weeks ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT+1
Joined: 2010-04-25
Posts: 98
Points: 110

hmmm, DOS? Is that a WYSIWYG

hmmm, DOS? Is that a WYSIWYG editor? Sounds good though, I'll look into it, but ultimately I don't really want to use something that's quite so automated...

@djsounds02, give espresso a try. I think you will find that Coda is better at the moment. Espresso's library isn't as extensive or responsive as Coda's, especially working with java script or css inside an html document, it seems to confuse Espresso. Another issue is the ftp capability of Espresso is poor to put it lightly. I wind up using the firefox plugin for ftp rather than use the built in ftp of Espresso because it's extremely buggy. I think Espresso has a lot of potential, the 'sugars' concept is quite nice and the interface is very intuitive. Personally, I think the Coda developers are more responsive and the functionality built into Coda is a bit better at the moment.

I haven't tried TextMate, I'm going to download the trial tonight and give it a go, ta.

CupidsToejam
CupidsToejam's picture
User offline. Last seen 17 weeks 22 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

Panda wrote: hmmm, DOS? Is

Panda wrote:

hmmm, DOS? Is that a WYSIWYG editor? Sounds good though, I'll look into it...

You know you're old when youngsters have never heard of DOS.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

Hugo
Hugo's picture
User offline. Last seen 36 min 45 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

CupidsToejam wrote: Panda

CupidsToejam wrote:
Panda wrote:

hmmm, DOS? Is that a WYSIWYG editor? Sounds good though, I'll look into it...

You know you're old when youngsters have never heard of DOS.

Laughing out loud
And there I was about to say DRDOS was so much better, and GEM streets ahead of WIN 3.1

Pandas pulling your leg methinks Wink

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tony
Tony's picture
User offline. Last seen 4 hours 15 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2003-03-12
Posts: 3809
Points: 1244

I'm a PC and windows 7 wasn't

I'm a PC and windows 7 wasn't my idea, so I blew it away and installed Linux. Cool
Now for my list of open source applications, those of you who pay enormous fees for software or resort to downloading illegally should turn away now. The pain of knowing you could have supported a small village in a 3rd world country and had it named after yourself, rather then buy software may be too much to stand. The following are mostly Open Source, free and even work on Windows.
For coding I use Eclipse, and sometimes gedit I don't do much graphics work but when I do it is with the GIMP. For browsers I swap between Firefox and Chrome. I also have Opera installed and have Virtual Box installed with multiple IE versions for testing crappy browsers.

Your question may have already been answered, search and read before you ask.

Panda
Panda's picture
User offline. Last seen 1 year 47 weeks ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT+1
Joined: 2010-04-25
Posts: 98
Points: 110

I have been accused of having

I have been accused of having a dry sense of humour, so no running out to become a card carrying member of the geriatrics society just yet Cupid... Wink

Deuce,

wow, on first look TextMate looks very full featured, and for the price...

Tony,

I ran across Eclipse recently and I didn't fully understand what it was to be honest. I found it in a convoluted way. I was looking at flex and air, air is supported in aptana through a plug-in, and aptana can be a plug-in for Eclipse. aptana is primarily an Ajax development environment with css, html and javascript capabilities. I only got as far as having a cursory look at Eclipse, and it was a bit overwhelming. I'll have to give it a closer look though, as it seems quite powerful.

O, and Virtual Box, awesome...

I should add IE Tester is another great open source tool, for running multiple versions of IE.

Thank you all for your input so far...

djsounds02
djsounds02's picture
User offline. Last seen 29 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Joined: 2010-06-17
Posts: 110
Points: 134

I have noticed though on coda

I have noticed though on coda my preview is absolute pants and never shows the changes so I still have to preview in firefox. Also the ftp in coda isn't very clever it has to be told to upload folders.. and when it does publish the files its not very brilliant. Maybe I need to check my settings for the ftp but the preview deffinately isnt worth using. Like when i change my html it updates fine but when im working with the css and flick to the page preview it just doesnt update like I currently have the full nav bar that doesnt display.. and its only a simple sprite menu so nothing that could confuse it! Very strange!

Hugo
Hugo's picture
User offline. Last seen 36 min 46 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

Have to admit was surprised

Have to admit was surprised to hear a Linux fanboy such as Tony admit to using something like Eclipse Shock . In my experience I found Eclipse to be simply too leaden and slow typical java-esque application, looks cool but wants ALL my machines resources and memory to provide it's cool gui. Stare Aptana is also standalone not just a plugin for Eclipse, and I understood it to be more for general front end editing, preferred it over Eclipse. Personally I have never really got on with or found an IDE that I really liked or that didn't feel as though I had to spend as much time learning it as I had done with coding in general.

I stick to - for the moment - HTML-Kit on Windows as it's surprisingly feature rich for a free application, on my pen drive Notepad++ and on the Mac TextMate which I do like, but seldom really code on the Mac as I still get confused by the funny keys.

If we hang on I'm certain an illustrious member Tongue will regale us with stories of the only true editor worth using, Emu!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Deuce
Deuce's picture
User offline. Last seen 4 weeks 6 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4421
Points: 1840

I use VIM on occasion.

I use VIM on occasion. Depends on if I'm SSHed to the server for any number of reasons. I also tend to use VIM for PHP.ini edits and what not.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
User offline. Last seen 36 min 46 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

Yep I use vim when sshed on,

Yep I use vim when sshed on, rather like it, do all my ini, config stuff and .htaccess when I mess up my group permissions and can't access via ftp.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
User offline. Last seen 2 weeks 6 days ago. Offline
rank Guru
Guru
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9667
Points: 799

Notepad++ or notepad2

Notepad++ or notepad2 depending on the mood I'm in, and Firefox. As you can tell I don't really do a lot of web development any more Tongue

I have Paint Shop Pro X, only because I wanted it and it was reduced once Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Verschwindende
Verschwindende's picture
User offline. Last seen 15 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

Just to throw a monkey wrench

Just to throw a monkey wrench in things, I use Microsoft Visual Studio. Tongue Truly it is the best editor I've ever come across.

yet again.

Vade
Vade's picture
User offline. Last seen 1 year 25 weeks ago. Offline
rank Enthusiast
Enthusiast
Joined: 2007-08-13
Posts: 315
Points: 276

I'm still using PSPad for

I'm still using PSPad for coding and Photoshop

gary.turner
gary.turner's picture
User offline. Last seen 2 hours 54 min ago. Offline
rank Moderator
Moderator
Timezone: GMT-5
Joined: 2004-06-25
Posts: 7928
Points: 1767

EMU ≠ EMACS

I keep telling you, Hugo, EMU was an emulator application that allowed the TRS-80 to emulate the 6502 instruction set, and to remap Pet and Apple IOs to the TRS-80. Emacs is the best, most powerful, and the most widely ported text editor. Sheesh!

OK, now that you have me here, I use the most powerful text editor (see above), an X-terminal, and a battery of browsers for writing and viewing the pages. For any graphics stuff, there are GIMP, Inkscape, and Imagemagick. For site management, I have the usual assortment of utilities; ssh client, ftp client (I really enjoy the FireFTP addon for Firefox), etc..

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

Panda
Panda's picture
User offline. Last seen 1 year 47 weeks ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT+1
Joined: 2010-04-25
Posts: 98
Points: 110

djsounds02, I think the

djsounds02,

I think the developers at Coda where listening to you. It seems they just released an update that attempts to address the problems you were having, almost verbatim to your post.

Cupid,

I am curious to know what you use, I really like your designs. I'm guessing you're an Adobe fan?

Anyone,

I've just started to delve into learning Javascript and there are a few other things high up on my to learn list, such as php, MySQL and gaining an understanding of wordpress as it seems to be a very popular blog and content management solution. Would it make sense, or even be essential, to become familiar with something like Eclipse as I move forward? Also, is wordpress a good content management system, or are people bending it to their will beyond it's best application, and surpassing better solutions?

Thank you again...

Deuce
Deuce's picture
User offline. Last seen 4 weeks 6 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4421
Points: 1840

Panda. As for wordpress, a

Panda. As for wordpress, a little from option A and a little from option B.
With the new 3.0 release of WP, it's become more of a content management system.
I can bend WP pretty far without any concern of having taken it too far, but I've seen people put in WordPress MU and BuddyPress and then try to turn it into a search engine for some type of group and allow for message systems, etc etc etc. It's probably feasible to accomplish in WP, but I've never seen it done in a non "hacky" fashion. Apps like that are probably better off with custom development.

I wouldn't worry yourself with raw JavaScript too much. Focus on a library. You will learn faster and the code is minimal to do some advanced stuff, even without plugins. I, and a lot of others on here, prefer jQuery. But get familiar with MooTools, YUI, and the others, at least so you can make an informed decision.

PHP and MySQL - there are a million and one good resources to learn and trillions of really bad ones. Your best bet, in my opinion, would be to find a solid book on PHP5 OOP and MySQLi and learn from that!

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
User offline. Last seen 36 min 46 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

Wordpress is a blog!! it's

Wordpress is a blog!! it's not a CMS, it's popular but don't mistake that for good, if you want a mature and grown up app learn to work with Drupal.

WP 3.0 taken them 9 years to get to that! young Matt should have focussed more on WP and less on becoming the 25th most important person on the Internet.

Lets not talk about BP, it's one huge buggy hack with very dubious project management in place; WPMU is now redundant replaced by WP 3.0 so now all those newbies can run multi sites without knowing what they are really doing apart from making those Sploggers lives that much easier.

I would agree with Duesce that books have more relevance in regards to something like PHP which doesn't change in the same manner as frontend diciplines; get a good PHP/MySQL beginners book to have as a reference to back up the good online resources. A good author that is well respected is Larry Ullman

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
User offline. Last seen 2 weeks 6 days ago. Offline
rank Guru
Guru
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9667
Points: 799

http://www.dmcinsights.com/ph

http://www.dmcinsights.com/phpmysql2/

I've got that, I know it's ancient but I've learnt a lot from it, and yes, it's by Larry Ullman Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
User offline. Last seen 36 min 46 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

that's the copy I have;

Smile that's the copy I have; suppose it is a bit old now but think it's still relevant, haven't actually dipped into it for a long while though, but found it hugely useful initially.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Panda
Panda's picture
User offline. Last seen 1 year 47 weeks ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT+1
Joined: 2010-04-25
Posts: 98
Points: 110

Lol, I picked up the "PHP 6

Lol, I picked up the "PHP 6 and MySQL 5" version of that book a couple weeks back. Good to know it's a reputable book/author...

thepineapplehead
thepineapplehead's picture
User offline. Last seen 2 weeks 6 days ago. Offline
rank Guru
Guru
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9667
Points: 799

If I'm honest, I only have it

If I'm honest, I only have it because I got it cheap from a charity shop Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

janet986w
janet986w's picture
User offline. Last seen 1 year 35 weeks ago. Offline
newbie
Timezone: GMT+7
Joined: 2010-09-20
Posts: 1
Points: 1

Hi ! I've just visited this

Hi !
I've just visited this forum. Happy to get acquainted with you. Thanks.

Laughing out loud Laughing out loud Laughing out loud Laughing out loud

spam link removed --gt
And this user and next blocked based on post following this - which shows spam sig link - H

jamec9869
jamec9869's picture
User offline. Last seen 1 year 35 weeks ago. Offline
newbie
Timezone: GMT+7
Joined: 2010-09-21
Posts: 1
Points: 1

For coding I have trialled

For coding I have trialled Code, Taco HTML edit, Espresso, CSSEdit.For Graphic design:I used to use komodo ide for coding photoshop for all graphics

Hugo
Hugo's picture
User offline. Last seen 36 min 46 sec ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

Thread set as read only due

Thread set as read only due to spamming.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me