What software are you using when you are developping a web site ?
I personally use the following : Notepad++ for all the xhtml / php / javascript / whatever, Adobe Photoshop / Adobe Illustrator for all the arts part, SmartFTP, so I can upload as soon as I am ready, and finally Winamp to keep me entertained !
TextMate: for all coding Fireworks: for layout mockups and png creation Trasmit: for FTP Chicken of the VNC : for server updates on my Linux box - so much easier than KVM switching :) Parallels: for checking websites on IE versions
Oh yeah, of course I forgot to mention: Firefox, Internet Explorer 6 and Internet Explorer 7 for testing purpose, Firebug add-on (javscript & ajax debug) and web developper add-on for firefox (mostly to skin my forum).
Well, I'm using Notepad++ myself, wich is free, light, and good. I'm sure there is some people that don't like it, but it's pretty much like Notepad, but with syntax coloration. And just in case you wonder, no you don't have any contextual menu like in Dreamweaver (like you press tab and the rest of the code fill-in), it's all about you typing it :p
But in short, Adobe CS3 and Coda. I am on a Mac, and really like using TextMate when I can, so I've been thinking about switching over full-time to ExpanDrive, which mounts FTP connections like they are drives and you can work straight off them. I really like it, it's just been a little buggy and hanging up the Finder and other applications sometimes. I think I'll wait for the next point release.
When I used Windows I coded in Programmer's Notepad, due to it being lightweight. It's pretty similar to Notepad++, I think. Design was done in CS2 (that's what was out at the time) and I usually just used Windows Explorer for FTP, though I did have SmartFTP on hand for anything it couldn't handle.
Now, though, I use a Mac, and am proud to use Coda and Transmit for coding and FTP, respectively. I tend to no longer use Photoshop unless I need to make some kind of tiny background image, which hasn't happened in a while. If you look at my blog (which is very likely not the most semantic thing on Earth) you'll see that I am kind of a minimalist and don't really care about fanciness.
Yeah, my host was offering a kinda similar offer (web-storage right on your PC) but it was lagging a bit (after all, the data aren't physically on the drive and need to be downloaded). But even tough it was slow, I was liking it because you don't have to Open your FTP, upload, refresh page, test, repeat until done. You just modifiy, save, test.
Maybe another question. We all use different kind of editors for coding. Do you use the standard-colors for the syntax or have you changed them manual? And if you did: what kind of color has your syntax? For example, I got smultron with standard colors: strings are red, elements are blue, attributes green, variables purlple. Those are just the standardcolors. But maybe it could be more beautiful to change them all?
So what do you think of custom Syntax Highlighting and what is the best way to choose the colors of your code-editor?
But in short, Adobe CS3 and Coda. I am on a Mac, and really like using TextMate when I can, so I've been thinking about switching over full-time to ExpanDrive, which mounts FTP connections like they are drives and you can work straight off them. I really like it, it's just been a little buggy and hanging up the Finder and other applications sometimes. I think I'll wait for the next point release.
I have tried a similar ftp drive thing, MacFusion which seems to work well enough with TextMate. But what I'd ideally like, is to work locally on my own server: test, check, correct, test again - before hitting a single button that will send up via FTP to the live server all of the newly modified files. Annoyingly, this is something Dreamweaver does well (annoying because I hate dreamweaver lol) - but I've not found a system to achieve this for TextMate.
My main tools are Notepad++, Firefox Addons: Fireftp, Firebug and Web Developer Toolbar. For quick picture edits SnagIT and for major edits or making new images Photoshop CS3. My career has been on Windows. I may have never used a Mac for anything. I'm deprived.
I started with TextWrangler but switched to Coda after seeing it introduced in the Podcast. Of course, Photoshop. Cyberduck for FTP A program called "SpamStopper" that changes a text e-mail address into Java script. It doesn't stop all spam (some of the spam crawlers now can read the Java script addresses) but it certainly stops a lot of it.
One thing the Podcast didn't mention (but I saw it on a different Podcast) was a Dashboard widget that produces Lorem Ipsum text. That is really useful!
A great Adobe Air program called "WebKuts" that can take a complete, multi-page screen shot of any website and save it as a jpg. Great for making a compilation of your favorite website designs.
A great Adobe Air program called "WebKuts" that can take a complete, multi-page screen shot of any website and save it as a jpg. Great for making a compilation of your favorite website designs.
I'm not really sure to get what you mean. Could you show us an exemple :D ?
Whoo-hoo! Mac users galore! Me too! (Enough with the exclamation points already!)
Mac (at home): Aptana/BBEdit (though I'm experimenting with Coda and TextMate) Photoshop/Illustrator Firebug, Web developer toolbar (I would be a lot slower without it) Transmit
Win (at work): jEdit (just because of its customizable syntax highlighting plugin - we use HTML::Template perl Module so it's a blessing (no perl-pun intended :D) to see all kinds of <TMPL_..> tags at once, each type (conditionals, loops, vars...) with its very own highlight style. Maybe there are other options for this, but I didn't find them as for now) Aptana (for everything that's not HTML::Template'd) Fireworks SftpDrive Firebug, Web developer toolbar Fireshot (FF plugin to take screenshots)
plus, the most browsers I can get my hands on, with a little help from a virtual machine running Ubuntu (at work and at home) and WinXP (at home).
Hey I saw ya'll were talking about an application to screen capture the entire length of websites. Paparazzi! is another one of those and it works really really well!
A great Adobe Air program called "WebKuts" that can take a complete, multi-page screen shot of any website and save it as a jpg. Great for making a compilation of your favorite website designs.
I'm not really sure to get what you mean. Could you show us an exemple :D ?
On Windows ASP: Microsoft VIsual Web Developer 2005 Express Edition CSS: Microsoft VIsual Web Developer 2005 Express Edition, TopStyle Lite PHP: Notepad ++ All graphic: Adobe Photoshop CS3, FTP: FIleZIlla Client Browser: Firefox, IE6 Audio/Video: Windows Media Player 11 Remote Control: Ultra VNC Virtual Machine: VMware (Ubuntu 7.10 Gutsy, SUSE linux 10)
I do most of my design and coding on Linux, I've had problems running Photoshop through Wine, but as powerful as it is, I don't think GIMP is really suitable as a replacement when it comes to doing the PSD to CSS type of thing. Bluefish works great as an editor for all of my coding, and I used to have a separate editor for CSS, though I forget which (but will probably re-install it when I get to work tonight).
Anybody have any tips for linux users as far as software to use to design my mockups?
None of the other Mac users here use CSSEdit? :o It's amazing.
I use CSSEdit, Taco HTML Edit, and Cyberduck (FTP). CSSEdit is $45 (it actually used to be $30 but the company switched to the Euro recently. Either way, it's still very much worth the cost). Taco and Cyberduck are free.
A great Adobe Air program called "WebKuts" that can take a complete, multi-page screen shot of any website and save it as a jpg. Great for making a compilation of your favorite website designs.
I'm not really sure to get what you mean. Could you show us an exemple :D ?
I was wondering what the upside to using Photoshop for web design instead of Fireworks was.. specifically for wordpress theme design? I feel that Fireworks is much easier to learn than PS, but I'm not sure it's optimal for the Wordpress theming...
I use to like Fireworks and solely use it, until I learned more about Photoshop and now that is all I use. In my opinion I think Photoshop is much more powerful than Fireworks, however for some things like designing and creating simple small patterns Fireworks is much quicker/easier. Really it is all about personal preference and your abilities in each program.
Thanks @TheDoc and @standuncan for responding! I know it's an old thread, but what can I say?
Stan, do you know of any Fireworks video tutorials that could help me with the web design process. I know how to use the program, but I'm not sure if there are certain protocols I should follow when designing for Wordpress themes? For example, specific layering or naming techniques etc for divs or layout pieces...
I'm on Linux Ubuntu, and love Sublime Text for any type of coding. I use Firefox, Opera, Chrome, and Chromium for browsing/testing. I'm using FileZilla for FTP, but I'm trying to find something a little faster that works on Linux. For the images I use Gimp, a great photoshop-like freeware image editor.
I'm have a very similar setup to @ChristopherBurton except that I use Transmit for FTP (Mac only). Also, I do most of my web design in the browser, not in Photoshop or Fireworks (unless otherwise required). It allows me to experiment a lot more, and get a feel for how the design will behave in a responsive environment.
As an aside, I am looking into using this too (Mac only, for now): http://livereload.com/
if you do alot in wordpress and some php or even a little php then hands down Phpstorm is simply an amazing peace of software. All I can say it almost reads your mind as you work. I am mac and pc user. I use textmate and coda...and I still get sucked back into Phpstorm...again amazing!
I use Adobe ps cs5 Dream Weaver as Notepad and preview Snippets of code from everywhere Filezilla WordPress Chrome as my main browser to Inspect Element, i find it far superior to firebug
I use: transparent-png-generator to generate transparent pngs in like half a second instead of wasting time in PS..
I use tons of video tutorials if i could find good ones.
and most of all the best software i use is css-tricks.com even though its not software :) i still use it a lot
I personally use the following :
Notepad++ for all the xhtml / php / javascript / whatever,
Adobe Photoshop / Adobe Illustrator for all the arts part,
SmartFTP, so I can upload as soon as I am ready,
and finally Winamp to keep me entertained !
So, what about you :)?
Globalscape Cuteftp and filezilla for ftp thing.
of course Firefox to browse and firebug, webdeveloper toolbar and some reaaly good addon with it.
winamp to listen and bsplayer to watch video.
- coda
- transmit
- cs3
- aptana
win:
- cs3
- totalcmd
- aptana
+ all default debug tools, yslow, firebug, toolbar, script debug, memory leak detector, element inspectors, color inspectors, fancy bookmarklets
Mamp : for my localhost server on mac os x
Cyberduck : for ftp
Adobe Creative Suit CS3 : for design stuff
Fireworks: for layout mockups and png creation
Trasmit: for FTP
Chicken of the VNC : for server updates on my Linux box - so much easier than KVM switching :)
Parallels: for checking websites on IE versions
Firefox, Internet Explorer 6 and Internet Explorer 7 for testing purpose,
Firebug add-on (javscript & ajax debug) and web developper add-on for firefox (mostly to skin my forum).
IE 6, 7, Safari, Firefox and Opera for testing.
Im trying to find an alternative to DW, something free and nice. Any sugestions? 8-)
I'm sure there is some people that don't like it, but it's pretty much like Notepad, but with syntax coloration. And just in case you wonder, no you don't have any contextual menu like in Dreamweaver (like you press tab and the rest of the code fill-in), it's all about you typing it :p
- jEdit
- Cyberduck
- Firefox (with Add-Ons of course), Safari & Opera
- IE NetRenderer
- any PC available for further IE checking ;-)
http://css-tricks.com/videos/css-tricks-video-6.php
But in short, Adobe CS3 and Coda. I am on a Mac, and really like using TextMate when I can, so I've been thinking about switching over full-time to ExpanDrive, which mounts FTP connections like they are drives and you can work straight off them. I really like it, it's just been a little buggy and hanging up the Finder and other applications sometimes. I think I'll wait for the next point release.
Now, though, I use a Mac, and am proud to use Coda and Transmit for coding and FTP, respectively. I tend to no longer use Photoshop unless I need to make some kind of tiny background image, which hasn't happened in a while. If you look at my blog (which is very likely not the most semantic thing on Earth) you'll see that I am kind of a minimalist and don't really care about fanciness.
So what do you think of custom Syntax Highlighting and what is the best way to choose the colors of your code-editor?
I have tried a similar ftp drive thing, MacFusion which seems to work well enough with TextMate. But what I'd ideally like, is to work locally on my own server: test, check, correct, test again - before hitting a single button that will send up via FTP to the live server all of the newly modified files. Annoyingly, this is something Dreamweaver does well (annoying because I hate dreamweaver lol) - but I've not found a system to achieve this for TextMate.
pc: topstyle, cuteftp, for all the ie versions: http://tredosoft.com/Multiple_IE
cheerz
marco
I started with TextWrangler but switched to Coda after seeing it introduced in the Podcast.
Of course, Photoshop.
Cyberduck for FTP
A program called "SpamStopper" that changes a text e-mail address into Java script. It doesn't stop all spam (some of the spam crawlers now can read the Java script addresses) but it certainly stops a lot of it.
One thing the Podcast didn't mention (but I saw it on a different Podcast) was a Dashboard widget that produces Lorem Ipsum text. That is really useful!
A great Adobe Air program called "WebKuts" that can take a complete, multi-page screen shot of any website and save it as a jpg. Great for making a compilation of your favorite website designs.
That's about it for web design.
I'm not really sure to get what you mean. Could you show us an exemple :D ?
Mac (at home):
Aptana/BBEdit (though I'm experimenting with Coda and TextMate)
Photoshop/Illustrator
Firebug, Web developer toolbar (I would be a lot slower without it)
Transmit
Win (at work):
jEdit (just because of its customizable syntax highlighting plugin - we use HTML::Template perl Module so it's a blessing (no perl-pun intended :D) to see all kinds of <TMPL_..> tags at once, each type (conditionals, loops, vars...) with its very own highlight style. Maybe there are other options for this, but I didn't find them as for now)
Aptana (for everything that's not HTML::Template'd)
Fireworks
SftpDrive
Firebug, Web developer toolbar
Fireshot (FF plugin to take screenshots)
plus, the most browsers I can get my hands on, with a little help from a virtual machine running Ubuntu (at work and at home) and WinXP (at home).
Cheers!
http://www.derailer.org/paparazzi/
Here's the URL:
http://www.adobe.com/cfusion/exchange/i ... id=1431018
David
ASP: Microsoft VIsual Web Developer 2005 Express Edition
CSS: Microsoft VIsual Web Developer 2005 Express Edition, TopStyle Lite
PHP: Notepad ++
All graphic: Adobe Photoshop CS3,
FTP: FIleZIlla Client
Browser: Firefox, IE6
Audio/Video: Windows Media Player 11
Remote Control: Ultra VNC
Virtual Machine: VMware (Ubuntu 7.10 Gutsy, SUSE linux 10)
notepad ++ for coding,
cute ftp for upload my files,
app server for testing my sites locally.
Anybody have any tips for linux users as far as software to use to design my mockups?
I use CSSEdit, Taco HTML Edit, and Cyberduck (FTP). CSSEdit is $45 (it actually used to be $30 but the company switched to the Euro recently. Either way, it's still very much worth the cost). Taco and Cyberduck are free.
[list][*]Notepad++[/*:m][*]CS 1[/*:m][*]Firefox 2 with Firebug/Web developer[/*:m][*]IE7 with accessibility toolbar[/*:m][*]Opera 9.0[/*:m][/list:u]
Ubuntu (Debian) (home)
[list][*]nano/vi[/*:m][*]The GIMP[/*:m][*]Firefox 2 (same as above)[/*:m][*]IE6, IE5.5 and IE5[/*:m][/list:u]
Here's the URL:
http://www.adobe.com/cfusion/exchange/i ... id=1431018
David[/quote]
i use firefox plugin: screengrab
for that
It has nothing to do with WordPress theming and is 100% personal preference. Personally, I use Photoshop.
I use to like Fireworks and solely use it, until I learned more about Photoshop and now that is all I use. In my opinion I think Photoshop is much more powerful than Fireworks, however for some things like designing and creating simple small patterns Fireworks is much quicker/easier. Really it is all about personal preference and your abilities in each program.
Stan, do you know of any Fireworks video tutorials that could help me with the web design process. I know how to use the program, but I'm not sure if there are certain protocols I should follow when designing for Wordpress themes? For example, specific layering or naming techniques etc for divs or layout pieces...
On Windows 7 (don't hate)
- Photoshop CS5 Extended
- Illustrator CS5
- Filezilla (FTP)
- Sublime Text 2
- other miscellaneous resources
As an aside, I am looking into using this too (Mac only, for now): http://livereload.com/
Adobe Fireworks & Photoshop - For Web Design
SmartFTP - For uploading a website files.
Photoshop for designing
WinSCP for FTP
Adobe ps cs5
Dream Weaver as Notepad and preview
Snippets of code from everywhere
Filezilla
WordPress
Chrome as my main browser to Inspect Element, i find it far superior to firebug
I use:
transparent-png-generator to generate transparent pngs in like half a second instead of wasting time in PS..
I use tons of video tutorials if i could find good ones.
and most of all the best software i use is css-tricks.com even though its not software :) i still use it a lot