Essential web-dev tools, tips and sites for Mac

angelwatt

Moderator emeritus
Aug 16, 2005
7,857
7
USA
Just call me clueless, because I am...just learning to try to do my own website. But isn't hotscript.com for Windows? Is there something I am not understanding here? Is this not a mac forum or is everyone running windows on their Macs now?
No, not just for Windows. Most of the programming languages it host scripts for are OS independent so they apply to people running Windows, Mac, or Linux.
 

eclipse

macrumors 6502a
Nov 18, 2005
965
12
Sydney
This website can be helpful if someone isn't confident with CSS and wants to play with type, or even if someone IS confident with CSS and wants to compare their type with other formats.

http://www.typetester.org/

Just make your type changes and it does the CSS for you.
 

eclipse

macrumors 6502a
Nov 18, 2005
965
12
Sydney
Free coder for firefox

http://getfirebug.com/releases/

Hey, is there a moderator that can tidy up the OP to include a summary of the different tools? Firebug may have already been added to this thread, but I'm not one to read all 3 pages. ;) The "learning web design" thread is brilliant this way, a summary of all the pages that followed it. I think some of the links on this thread might be a little old.
 

RoninXI

macrumors regular
Jun 5, 2006
141
0
Vermilion, Ohio
I can't add anything really but I can tell you my setup.

I use MAMP it is so easy I never messed with it after setup.

For editing I used to code in Coda but php coding is very poor. I switched back to what I had used before,Taco HTML Edit. It has on-key-up live preview including edits in an unsaved external CSS file and live changes in php.

FTP was a no brainer for me because I was already used to Cyberduck.

Hopefully that helps someone :)
 

emanprinting

macrumors newbie
Jan 28, 2009
4
0
Textmate is one of the most popular of the text editors. It has a bevy of features, like file tabbing for having multiple files open in a project, works with xcode, and integrates with FTP clients. It also comes equipped with “bundles” that allows you to have multiple different configurable languages. (This post is actually being written and published in Textmate.)
BBEdit is another full-featured text editor that is very similar to Textmate in terms of features. The BBEdit product page even has a section for web developers to see the benefits of BBEdit
 

Wheaty

macrumors regular
Mar 6, 2009
146
0
Cheshire, UK
css Zen Garden - I find this site pretty inspirational. It's an amazing gallery of designs all using the same HTML, but different CSS... basically shows you how much you can control with CSS.
This is amazing! I've been using a bit of CSS for years, and I knew that I was almost scratching the surface, but I really had no idea how powerfull it really is.

I feel newly inspired to re-write my websites a bit more professinally.
 

eclipse

macrumors 6502a
Nov 18, 2005
965
12
Sydney
Yeah, good isn't it? Really shows the power of CSS and a few images. I wish I had more time to play with CSS... if I ever end up doing this professionally, I'll definitely be visiting zengarden frequently for inspiration.
 

poisenedapple

macrumors member
Mar 18, 2009
35
0
good resources on here...i'd like to add a few

Some of the sites / tips/etc already posted I agree with...but here's a few more tips/sites/tutorials etc
-webmonkey
-praystation
-flashmo
-actionscript d0t org
-flash village
-apache server tutorials come in handy
-50webs
- dot tk
- adobe dev. site
- apple dev. site
- generators are useful
- javascript diretories
- stanford materials
-art dir. bureau
 

design-is

macrumors 65816
Oct 17, 2007
1,219
1
London / U.K.
Here's another useful tool from Google: Google's Browser Size site.

It lets you view a visual percentage guide associated with users' browser viewport size in pixels. It will even let you overlay this guide on a website of your choosing by entering the URL in the box provided.

Very useful in my humble opinion :)

/Doug
 

cyberdesignz

macrumors newbie
May 16, 2010
15
0
Editor Tool for MAC OS.

I have used Komodo Edit 5.2.4 on Mac it is very good editor tool which I want to share with you. Komodo Edit, based on the award-winning Komodo IDE, offers sophisticated support for all major scripting languages, it has in depth multi-language file support. Syntax style and coloring of Komodo Edit makes the code very easy to read. These are some features due to which I like it. Komodo Edit is also available for the windows OS.
 

aaroncavano

macrumors newbie
Oct 9, 2010
5
0
For learning beginner to advanced http://css-tricks.com

For what to learn (in order):

XHTML (content tags only)
CSS (all the styling)
Javascipt library like Jquery (functionality)
PHP/SQL or Ruby on Rails (for server development)

For up-to-date training that is something fresh weekly http://preekly.com

For software:

Coding = textmate, coda, dreamweaver, Espresso
For coding CSS = CSSedit
Browser and testing = Firefox and Firebug
FTP = CyberDuck, Transmit, FileZilla (Transmit rocks and the rest are free)
Hosting = Media Temple, Rackspace cloud, Host monster, host gator
MAMP = local testing of php and sql
Wordpress = CMS, blogging
 

Dolorian

macrumors 65816
Apr 25, 2007
1,086
0
Some recommendations based on what I use...

Web Design: Fireworks CS5
HTML/Javascript/etc: Espresso
CSS coding: CSSEdit
Browser testing: Google Chrome + included dev tools + extensions
FTP: Transmit
PHP/SQL Local testing: MAMP
CMS: CMS Made Simple
IE testing: VMWare Fusion with Windows XP/7 and IE 9/8/6
File sharing: Dropbox
Misc: Loremify Dashboard Widget

Some other alternatives which are good but that I don't personally use:

- TextMate and Coda for coding
- Firefox + Firebug and Web Developer Toolbar
- Parallels Desktop and WineBottler for IE testing

Some cool websites:

http://css-tricks.com/
http://www.smashingmagazine.com/
http://www.alistapart.com/
http://www.zeldman.com/
http://webdesignernotebook.com/
http://stuffandnonsense.co.uk/
 

AFPoster

macrumors 68000
Jul 14, 2008
1,525
103
Charlotte, NC
Teamtreehouse.com is a great resource for Web Design / Development and iOS Development.

Coda application for Mac is by far the best I've used as well.
 

olup

macrumors 6502
Oct 11, 2011
377
37
I came across this responsive design testing tool a couple of days ago: http://screenqueri.es/

It supports various devices from Iphone(only one option, I guess it is the retina display) to various android screen and the lumia. Not only can you test already uploaded stuff, but also stuff on localhost and you can toggle trueview, which is the phone's navigation menus in some phones/devices.
So far I found it to be very useful and I hope it helps someone out there, who's doing responsive design
 

Dolorian

macrumors 65816
Apr 25, 2007
1,086
0
I came across this responsive design testing tool a couple of days ago: http://screenqueri.es/

It supports various devices from Iphone(only one option, I guess it is the retina display) to various android screen and the lumia. Not only can you test already uploaded stuff, but also stuff on localhost and you can toggle trueview, which is the phone's navigation menus in some phones/devices.
So far I found it to be very useful and I hope it helps someone out there, who's doing responsive design
Interesting. Thanks for sharing :)
 

bronxred

macrumors member
Jul 22, 2002
41
0
Bronx
Great Resources

Great resources on here. I personally don't have the patience for website building from scratch anymore (I like the CMSs plus Tumblr and similar), but it's still useful to have your own domain/email (NOT from gmail, hotmail, etc.), I think, for those who place a high value on privacy.

:eek: