Web Design Apps, Utilities

this is a place for you to list your favourite apps, utilites, websites and such that you use when developing a website.

And of course, being me, I have a question revolving web design this time. How can I add music to my site that the user can choose from maybe 10 mp3's. An example is www.airblais.com but they use flash and I don't.

#100874

Notepad and Photoshop, the best apps to make web pages ever! :D

About the music; i dont think you can make the user choose from many mp3's with html. Only way i know of is by using flash, and actionscript.

#100882

Photoshop and Homesite+, used to be Dreamweaver, but I rely on it less and less lately.

#100892

Photoshop CS and Dreamweaver!

#100923

vim. -_-

alistapart.com is great.

EDIT: Oh, and GIMP is great as well. 2.0 rocks! :rock:

#100932

Well...

Photoshop for high-q graphics work

Fireworks for layout/interface design

Dreamweaver for a preview of what it will look like

Then hand it over to one of the coders lol!

That's always been how it's worked in the agencies i've been with... Albeit only 2.

I personally like dreamweaver... I seem to remember someone saying a while back that using it makes you an amateur or something... That's not true. Dreamweaver is a great tool for designers like me. We don't do coding... And there is a good reason for that... Dedicated designers are, on the whole, crap at coding! lol . Biiig fan of Fireworks... Saves me a great deal of time on a big project.

As for the MP3... best way to do it is using Flash... Which is ok in this case cause it will be doing something useful (even though i find background mp3s annoying lol)... But I won't get started on the topic of "flashderbation" cause it p*sses me off something stupid and i'll just rant lol!

Cheers,

#100973

Try HTML KIT for the coding. You can get it here http://www.chami.com/html-kit/

#101002

google

#101011

thanks duckie. appreciate it.

i figured that since a lot of the members here made aqua related and often aqua looking or brushed sites, etc. that i could get some tips and tuts in this thread.

but no no. google is the answer.

#101022

Originally posted by Duckie@Jan 17 2004, 09:15 AM

google

what? :blink:, i always thought it was webcrawler!

#101042

Photoshop CS, notepad, and a little bit of (no laughing, it's useful and free) frontpage express.

#101078

Originally posted by corykg@Jan 17 2004, 02:00 AM

thanks duckie. appreciate it. 

i figured that since a lot of the members here made aqua related and often aqua looking or brushed sites, etc. that i could get some tips and tuts in this thread.

but no no.  google is the answer.

to be honest, I dont know why noone mentioned Adobe GoLive

it is the best website creator ever...drag and drop, support for ALL formats (css, xml, php, swf, etc), easy to use, multipaned view(for layout, HTML code, and more), imports any itmes made in Quicktime and Photoshop(including website templates)

#101079

NetJuke is an Mp3 script that you can store your music on, there's a lot of features, i am not sure if this is what you want but you can google the name "netjuke"

#101080

dont worry ludge, im not laughing im just sick... nothing funny about htat...

frontpage?... seriously?

#101081

Originally posted by Duckie@Jan 17 2004, 11:09 AM

to be honest, I dont know why noone mentioned Adobe GoLive

Yeah, but Adobe still just havent got it feeling as "polished" as Dreamweaver to use... Tested both side-by-side for the magazine and DW came out just about on top. Yeah you can import photoshop objects (You can also import InDesign objects directly from a print layout which in my opinion is just as useful), but unless you create your layout in photoshop then theres not much use for that. Dreamweaver has support for all the formats now, and they are starting to try and get a handle on CSS design... Although it is a bit flunky. The relevant CSS panel in Dreamweaver is a miracle of usablity, though... Click on an abject and instantly see all the css attributes for that objects class, and change them without going back the the code or messing with other panels etc... wonderful.

I like GoLive too... i feel it's a better tool for the design of the way a website works as a whole... but personally i feel Dreaweaver has the edge for designers... Go Live caters more for the technically minded :)

#101107

I didnt like go live one bit... if in the eyes of Stevie, dreamweaver bloats the code, go live would make him cry! (dont get me started with frontpage!!)

#101108

Originally posted by Seph@Jan 17 2004, 12:36 PM

(dont get me started with frontpage!!)

Awww, c'mon, Seph ;) We all have to start somwhere, don't we? hehe

Actually... Yes, we do all have to start somewhere... But that somewhere shouldn't be with an abomination like MS Frontpage :blink:

Ha ha!

#101185

I think Macromedia has some of the best tools, Dreamweaver being one of them. :)

#101207

Originally posted by Seph@Jan 17 2004, 11:09 AM

dont worry ludge, im not laughing im just sick... nothing funny about htat...

frontpage?... seriously?

Actually I don't use frontpage... I said frontpage express.

I draw graphics and layout on paper, the use photoshop CS to make the images. Notepad to tweak the code and layout to how I want it which gives me a nice template.

Then, rather than faff about with typing the content bits out with tags and such, I use frontpage express (note the express. It came free with Win98 and runs fine on XP) to do the actual words and suchlike, then just paste the code (with a tiny bit of tidying up) into my premade template. Viola! A page is made!

So yes I use FP Express. But no, not as my main tool.

#101208

Macromedia sucks

too proprietary

and crashes alot

#101222

Yes, Duckie... Macromedia sucks, of course... That would be the reason that Dreamweaver is the most popular prototyping tool for designers, then, would it? It would also be the reason that Adobe, despite it's best efforts, hasn't managed to horne in on Macromedia's market, wouldn't it?

Btw.. Macromedia comply to standards just like any other company... Nothing proprietary about any of it... So Dreamweaver supports importing of Fireworks html. Big deal. GoLive imports PS and InDesign elements, too... Just as "proprietary" as Macromedia. Oh.. And incidentally, Fireworks imports PS documents, too... So that makes compatibility nice and simple. Plus GoLive is over heavy as a piece of software goes. Just the opinion of someone who is actually paid to make these analises...

GoLive is a good piece of software... It just needs to mature a bit more before it can really compete on Dreamweavers level. To make suce an arbitrary comment as "Macromedia sucks" just shows ignorance and self importance. Yes, Adobe CS is a good suite of applications, but its no wheere near good enough to justify that kind of comment.

(Oh, and I've been running MX 2004 since press copies started coming round a few months ago... and i've not had one crash.)

[edit]

And need I remind people that if Macromedia hadn't recognised the potential in a technology from a company that was about to go under and bought it out, we wouldn't have Flash today, and hence Adobe wouldn't have LiveMotion, which is built on the Flash SDK.

[/edit]

Cheers

#101236

Ok so this is a bit off topic here but I hate creating new threads in fear of "spamming." Anyway, I am thinking of redesigning my site to something clean, simple, but with more of an actually "design" to it. Here is what I have as of now...

sitelayout.jpg

But I am stuck and need your help. I created this in Fireworks MX and now what to put web site content into the areas with the numbers. (DreamweaverMX is my web app) I know I can do this with frames but I am not sure how I can put frames in those "squares." However, I am open to any and all ways I could insert content into those boxes. Also, any comments on the layout would be nice also. Thanks for the help guys.

Brad :shy:

#101313

You can put content in the boxes in a number of ways:

1) using iFrames (Wouldnt do that personally)

2) using div layers (Also wouldnt hassle yourself over it)

3) using a table. slice up the layout the way you want it in fireworks and import the fireworks html into dreamweaver. you can then use the table cells for your content... just remove the blank images.

As far as the layout... Firstly the icons you are using there are copyright material.. You want to be careful on that. Other than that, I cant comment too much. Its down to personal taste really. It doesnt look aazing now, but I reckon it will loko better without the green and with some content in it.

Cheers,

#101317

I appreciate that quick response. As far as copyrighted icons, I know and I am planning on changing them. I really just used this for testing purposes. But, if this site does not generate any form of profit and is only a personal site, does that still violate the copyright? Just wondering.

Ok, I'm off to try attempt what you said...

#101322

Originally posted by o0o The DEEJ o0o@Jan 17 2004, 09:36 PM

You can put content in the boxes in a number of ways:

1) using iFrames (Wouldnt do that personally)

2) using div layers (Also wouldnt hassle yourself over it)

3) using a table. slice up the layout the way you want it in fireworks and import the fireworks html into dreamweaver. you can then use the table cells for your content... just remove the blank images.

[...]

I agree with point 1, but I would personally tend towards option 2 rather than 3...

Okay, it may be a little more problematic in the short term, but in the long term, XHTML and CSS2 based layouts are much better than tables. Decide in 2 weeks you wanna change the layout of your site? Just fiddle with the CSS, and leave the content alone...

With tables, your layout is mixed with content, so it makes redesigning much more laborious, and adds overhead of layout to every download, as opposed to one download for the entire site, if you use one stylesheet.

#101324