Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Apr 1, 2004, 07:27 PM   #1
mrjamin
macrumors 65816
 
mrjamin's Avatar
 
Join Date: Feb 2003
Location: Strongbadia
Essential web-dev tools, tips and sites for Mac

Ok, here it is. Can someone sticky this thread? Figured it'd be good to get a definitive list of useful sites and apps for web-dev on the mac.

I'll start:
http://www.danvine.com/iecapture/

real-time screen shots of websites in various Windows browsers - just submit your site and it'll bring up screenshots of how it looks in IE5, IE5.5, IE6, Opera and FireFox

http://www.danvine.com/icapture/

...does the same, but for windows users wanting to check how Safari behaves

MrJ
__________________
FCKGWRHQQ2YXRKT8TG6W2B7Q8
mrjamin is offline   0 Reply With Quote
Old Apr 1, 2004, 10:22 PM   #2
Benjamin
macrumors 6502a
 
Benjamin's Avatar
 
Join Date: Oct 2003
Location: Portland, OR
Send a message via AIM to Benjamin
wow that is really neat, hehe i tired it with the site i just revamped.
__________________
http://ben.lawtonic.com/
Benjamin is offline   0 Reply With Quote
Old Apr 1, 2004, 11:13 PM   #3
Rower_CPU
Moderator emeritus
 
Rower_CPU's Avatar
 
Join Date: Oct 2001
Location: San Diego, CA
Good thread idea, mrjamin.

Here's a couple more good ones:
MOZiE - compare Mozilla and IE rendering side-by-side (PC app)
Multi-IE - Run IE5, IE5.5 and IE6 side-by-side (PC only)

And of course the validators...always validate your pages! ALWAYS!!!
(X)HTML
CSS

edit - Just found a decent primer on CSS-based designs:
http://www.wpdfd.com/editorial/basics/index.html
__________________
Join MacRumors.com - Team Folding!

Last edited by Rower_CPU; Apr 1, 2004 at 11:18 PM.
Rower_CPU is offline   0 Reply With Quote
Old Apr 2, 2004, 07:01 AM   #4
mrjamin
Thread Starter
macrumors 65816
 
mrjamin's Avatar
 
Join Date: Feb 2003
Location: Strongbadia
Cynthia 508/WAI Accessibility Checker

W3 Link Checker
__________________
FCKGWRHQQ2YXRKT8TG6W2B7Q8
mrjamin is offline   0 Reply With Quote
Old Apr 2, 2004, 07:38 AM   #5
aus_dave
macrumors regular
 
Join Date: Jan 2004
Here's a nice little script from Patrick Gibson that makes setting up virtual hosting on OSX extremely easy:

http://patrickgibson.com/news/andsuch/000091.php

Combine this with Apache/MySQL/PHP running locally and you are set . I set up client sites as virtual hosts under 'Sites' and then access them by pointing a browser at http://clientsite/.
aus_dave is offline   0 Reply With Quote
Old Apr 2, 2004, 11:11 AM   #6
kgarner
macrumors 68000
 
kgarner's Avatar
 
Join Date: Jan 2004
Location: Utah
These are great for quick starting points for navigation and layout.

List-O-Matic

Layout-O-Matic

I have used these on all of my sites as a basic starting point and then adding my own stuff to customize.
__________________
Mac Pro 2.66 Quad | Mini 1.42 G4 (running as HTPC)
digitalsandbox.net
"Monkeys are like bacon. They improve just about anything." -Andy Ihnatko
kgarner is offline   0 Reply With Quote
Old Apr 7, 2004, 04:07 PM   #7
mrjamin
Thread Starter
macrumors 65816
 
mrjamin's Avatar
 
Join Date: Feb 2003
Location: Strongbadia
Distance between 2 UK postcodes

Here's some very handy code (used with the attached SQL file) which will work out an approximate "as the crow flies" distance between 2 UK postcodes. You need to configure your DB connection info a few lines in.

PHP Code:
/*
<form name="form1" id="form1" method="post" action="">
  Start: 
  <input type="text" name="start" /><br />
  Finish: 
  <input type="text" name="finish" />
  <br />
  <input type="submit" name="Submit" value="Submit" />
</form>
*/
<?php
// if the Submit button's been pressed:
if(isset($_POST['Submit'])){
    
$db mysql_connect("host","username","password"); // set your db host/username/password info here
    
mysql_select_db("dbname"); // your db Name
    
$pc[0] = strtoupper(strrev(substr(strrev(str_replace(" ","",$_POST['start'])),3))); // extract the first half of the first postcode 
    
$pc[1] = strtoupper(strrev(substr(strrev(str_replace(" ","",$_POST['finish'])),3))); // extract the first half of the second postcode 
    
    
$sql "SELECT * FROM `postcodes` WHERE `postcode` = '$pc[0]' || `postcode`  = '$pc[1]' LIMIT 2"// select the postcodes and the X/Y info from the DB
    
$result mysql_query($sql);
    
mysql_num_rows($result);
    
$i 0;
    
// load the x/y stuff into an array
    
while($postcodes mysql_fetch_array($result)){
        
$postcode[$i]['x'] = $postcodes['x'];
        
$postcode[$i]['y'] = $postcodes['y'];
        
$i++;
    }
    
// work out the difference in X and Y for the postcodes
    
$xDiff $postcode[0]['x'] - $postcode[1]['x'];
    
$yDiff $postcode[0]['y'] - $postcode[1]['y'];
    
// do some pythagorus to work out the distance between the 2
    
$distance = ($xDiff $xDiff) + ($yDiff $yDiff);
    
$distance sqrt($distance);
    
// convert the result of the above to KMs
    
$KMdistance round(($distance 1000));
    
// convert KM to miles
    
$Mdistance round((0.621371 $KMdistance));
    
    print(
"<p>The distance between $pc[0] and $pc[1] is $Mdistance miles, or $KMdistance km</p>\n");
}

?>
The SQL file also contains relevant longitude and lattitude info for each postcode. I'm not sure how up to date they are, but there are around 3000 lines in it so its fairly comprehensive!

I wrote the PHP myself, I know it could be optimised but it was a quick script I wrote to use the postcode DB i found, just playing around for my own amusement!

MrJ
Attached Files
File Type: zip postcodes-1.sql.zip (37.9 KB, 551 views)
__________________
FCKGWRHQQ2YXRKT8TG6W2B7Q8

Last edited by mrjamin; Apr 16, 2004 at 06:08 AM.
mrjamin is offline   0 Reply With Quote
Old Apr 7, 2004, 04:13 PM   #8
mrjamin
Thread Starter
macrumors 65816
 
mrjamin's Avatar
 
Join Date: Feb 2003
Location: Strongbadia
HTML Area

Looking for a free WYSIWYG Textarea element replacement? Check this out:

http://dynarch.com/mishoo/htmlarea.epl

Its awesome. Its in beta at time of writing, but still very good.

MrJ
__________________
FCKGWRHQQ2YXRKT8TG6W2B7Q8
mrjamin is offline   0 Reply With Quote
Old Apr 13, 2004, 09:03 AM   #9
mark-uk
macrumors newbie
 
Join Date: Apr 2004
www.hotscripts.com
__________________
Free domain with all hosting plans..
http://www.hexhost.com
mark-uk is offline   0 Reply With Quote
Old Apr 13, 2004, 01:43 PM   #10
Blackstealth
macrumors regular
 
Join Date: Apr 2003
Location: Bradford, UK
Lynx

Lynx emulator. Great for checking general accessibility for people using text browsers and, more importantly, screen readers. If it still all makes sense in Lynx then you're doing good.

http://www.delorie.com/web/lynxview.html

--

Oh, almost forgot, A List Apart. Should be required weekly reading for anyone who uses (or likes to tinker with) CSS

Last edited by Blackstealth; Apr 13, 2004 at 01:47 PM.
Blackstealth is offline   0 Reply With Quote
Old Apr 16, 2004, 04:47 AM   #11
Knox
Administrator
 
Knox's Avatar
 
Join Date: Jul 2002
Location: UK
Quote:
Originally Posted by mrjamin
Here's some very handy code (used with the attached SQL file) which will work out an approximate "as the crow flies" distance between 2 UK postcodes. You need to configure your DB connection info a few lines in.

The SQL file also contains relevant longitude and lattitude info for each postcode. I'm not sure how up to date they are, but there are around 3000 lines in it so its fairly comprehensive!
Ooh cool - i've got a heavily geographical based UK site, so finding the closest city would be really handy. The SQL file you attached seems to be cut off though - it only goes down to row 110, postcode B9.
Knox is offline   0 Reply With Quote
Old Apr 16, 2004, 06:10 AM   #12
mrjamin
Thread Starter
macrumors 65816
 
mrjamin's Avatar
 
Join Date: Feb 2003
Location: Strongbadia
Quote:
Originally Posted by Knox
Ooh cool - i've got a heavily geographical based UK site, so finding the closest city would be really handy. The SQL file you attached seems to be cut off though - it only goes down to row 110, postcode B9.
strange - sorry. Have replaced it with a ZIP file containing the SQL query instead its back in the original post.

Hope that fixes it...

MrJ
__________________
FCKGWRHQQ2YXRKT8TG6W2B7Q8
mrjamin is offline   0 Reply With Quote
Old Apr 16, 2004, 07:27 AM   #13
Knox
Administrator
 
Knox's Avatar
 
Join Date: Jul 2002
Location: UK
Quote:
Originally Posted by mrjamin
strange - sorry. Have replaced it with a ZIP file containing the SQL query instead its back in the original post.

Hope that fixes it...
Yup, works now, thanks.
Knox is offline   0 Reply With Quote
Old Apr 22, 2004, 02:31 PM   #14
encro
macrumors 6502
 
Join Date: May 2002
Location: bendigo.victoria.au
Send a message via AIM to encro Send a message via MSN to encro Send a message via Skype™ to encro
I have found this OS X Finder contextual menu plugin extremely helpful:
The Dimentionizer
encro is offline   0 Reply With Quote
Old Apr 22, 2004, 03:05 PM   #15
encro
macrumors 6502
 
Join Date: May 2002
Location: bendigo.victoria.au
Send a message via AIM to encro Send a message via MSN to encro Send a message via Skype™ to encro
W3 Schools
encro is offline   0 Reply With Quote
Old May 12, 2004, 04:03 PM   #16
arson
macrumors member
 
Join Date: Jan 2004
Location: Minnesota
.htaccess password generator
An easy way to create an encrypted password for your .htpasswd file.

Javascript Knowledge Base
Can answer just about any javascript question you might have, usually includes sample code.
__________________
I'm what Willis was talking about.
arson is offline   0 Reply With Quote
Old Aug 20, 2004, 05:37 PM   #17
link92
macrumors 6502
 
Join Date: Aug 2004
PHPmac
link92 is offline   0 Reply With Quote
Old Oct 19, 2004, 10:44 PM   #18
mms
macrumors 6502a
 
Join Date: Oct 2003
Location: CA
http://www.alistapart.com/
mms is offline   0 Reply With Quote
Old Oct 19, 2004, 10:48 PM   #19
Rower_CPU
Moderator emeritus
 
Rower_CPU's Avatar
 
Join Date: Oct 2001
Location: San Diego, CA
Quote:
Originally Posted by mms
I can't believe we missed that one.
__________________
Join MacRumors.com - Team Folding!
Rower_CPU is offline   0 Reply With Quote
Old Oct 19, 2004, 11:03 PM   #20
davecuse
macrumors 6502
 
Join Date: Feb 2004
Location: NYC
http://evolt.org
davecuse is offline   0 Reply With Quote
Old Nov 19, 2004, 04:32 PM   #21
oaker
macrumors newbie
 
Join Date: Sep 2003
Location: ATL
PHP, Apache, & MySQL packages for local development. Good instructions, and easy to do.

http://www.entropy.ch/software/macosx/welcome.html
__________________
Later,

oaker
oaker is offline   0 Reply With Quote
Old Jan 6, 2005, 12:06 AM   #22
snkTab
macrumors 6502a
 
snkTab's Avatar
 
Join Date: Nov 2004
Location: Cincinnati, OH
Safari - O'reilly
Digital version of (complete)books by O'reilly press, macromedia press, microsoft press, cisco press, sun, que, sams.

it cost money but there is a free trial. i'm using it now. really good content wise. i don't really like reading on the screen a lot though.
snkTab is offline   0 Reply With Quote
Old Jan 8, 2005, 11:53 PM   #23
atari1356
macrumors 68000
 
Join Date: Feb 2004
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.

enkoder - a Mac OS X app that takes an email address (or some other text/html) and converts it to a javascript - preventing the email address from being harvested by spammer robots/spiders. Their Dimensionizer contextual menu plugin also seems like it would be useful but I haven't tried it.

Apple's Web Page Development: Best Practices has some good info.
atari1356 is offline   0 Reply With Quote
Old Feb 7, 2005, 04:40 AM   #24
HeWhoSpitsFire
macrumors member
 
Join Date: Aug 2004
Location: Oregon
http://www.thenoodleincident.com/

Links and ideas primarily dealing with css. Great for layout ideas and developing technique.
__________________
G4 867 "Quicksilver";
AMD 2600+ (The "How to break windows" machine. And sometimes Linux)
HeWhoSpitsFire is offline   0 Reply With Quote
Old Apr 19, 2005, 11:46 PM   #25
davecuse
macrumors 6502
 
Join Date: Feb 2004
Location: NYC
I just wanted to add a few more helpful tools that I've been using lately. I've become a huge fan of Drupal as a CMS, especially when used in conjunction with FCK Editor. They make a great combination.

Drupal
http://drupal.org

FCK Editor
http://fckeditor.com

And I just stumbled across a great resource for creating favicon.ico files from pretty much any image format, from a web based interface (for free). I just tried from a .png file that I neglected to reduce in size first, and it turned out well.

http://www.chami.com/html-kit/services/favicon/
davecuse is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Apple Dev Website Down: Anyone has the Xcode Auxiliary Tools DMG? hyperipod Mac Programming 0 Jul 23, 2013 02:09 PM
SetMyCamera DF - Essential tools for advanced photography! alfred1986 iPhone and iPod touch Apps 0 May 9, 2013 08:52 AM
Submitting new sites to web directories + essential mtags patent10021 Web Design and Development 1 Oct 23, 2012 01:44 PM
Jinior Dev - And tips and tricks? Tander iPhone/iPad Programming 6 Sep 7, 2012 12:12 PM
SW dev tools on Mac jpyc7 Mac Programming 5 Aug 2, 2012 09:13 AM

Forum Jump

All times are GMT -5. The time now is 09:02 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC