Intro to Web Development: The Tools

It’s no secret that the Mac has been designed to incorporate the internet into its daily life.  Just think of the “i”Mac and how Apple advertised how quickly you could get online compared to PCs.  Did you ever think about how people develop the sites you visit every day?  If so, read on to figure out how to get your idea and products out there using tools and app available on a dock near you.

To start off this series, I’ve decided to talk about some of the many popular tools web developers use every day to create their own websites.  This post is divided into two parts because there are two kinds of web development apps out there: W.Y.S.I.W.Y.Gs and Text Based apps.

W.Y.S.I.W.Y.G Apps

In case you’re puzzled on what that means, here’s an explanation.  WYSIWYG is an abbreviation for “what you see is what you get”.  It basically means that whatever you see on the screen, is what your web page will look like when you publish it.

Let’s take a look at some of today’s popular WYSIWYG apps for designing websites.

RapidWeavers Icon

RapidWeaver

Created by Realmac Software, RapidWeaver is one of the most popular 3rd party apps designed to create beautiful webpages with just a couple clicks.  With 40 themes included, all you have to do is enter in your content whether it’s text, images or both, and RapidWeaver will format it so that it fits with your selected theme.  To find out more, check out our review here at MacApper.

iwebiWeb

iWeb is Apple’s take on a WYSIWYG web app.  Literally, what you see on the screen is what you’re going to see when you hit the big “Publish” button.  Insert and drag around text boxes and images to make your web page exactly the way you want it without having to type a single line of code.  iWeb is part of Apple’s iLife Suite of sofware apps including iPhoto, iMovie, iDVD, and GarageBand.  You can find out more via iWeb’s product page.

All of the apps have a price tag but also have a demo in which you can download and see which one you like best.  If you’re looking for a little more control over the design and content of your web page, try the other type of web development app:  Text Based apps.

Text Based Apps

These apps are exactly what the title suggests – Text based meaning that in order to achieve your goal of the perfect web page, you’re going to have to stretch your fingers.  The plus side is that with these apps, every element of your page is customizable making the result exactly like the image in your head.

Here’s a small list of popular text based apps out of the countless selections available today.

codaCoda

From Panic inc. comes a one-windowed web development app designed to have all the tools you need at your fingertips.  Coda takes a bunch of separate apps and incorporates them and their features into one nicely designed package.  Top feautres include a text editor with auto-complete for most of the many popular coding languages, a built in FTP engine which is used to transfer your files onto your web server making your page accessible to the world wide web, and a CSS editor.  If you don’t understand a bunch of these terms, stay tuned.  Everything will be explained in time.

dashcodeDashcode

Some of you might have not expected to see this app in the list.  Dashcode is Apple’s way of making the development process of creating “widgets” a lot easier.  But did you ever think of Dashcode’s code editing features?  Auto-complete, text coloring, and what’s more?  It’s Free!

 

textmate-12-14-07Textmate

This one’s a biggie.  This text editing giant is from a company known as MacroMates.  You name it, Textmate’s got it.  Besides the standard ability of editing and creating files for the web, Textmate’s expandability in terms of plugins makes it truly a universal text editor for the Mac.  To find out more, check out their site or look at our review here at MacApper.

These are just some of the many amazing Text Based web developing apps available.  Be sure to check out Apple.com’s downloads page for a larger list.

There you have it!  If you have any more quetions about the apps, feel free to look them up and find a review here at MacApper.  Stay tuned for our next installment which will talk about using Dashcode to start developing your first webpage.

Comments

27 Responses to “Intro to Web Development: The Tools”

  1. Mark on February 20th, 2009 12:49 pm

    I think you forgot a big one: BBEdit.

  2. Kiro on February 20th, 2009 1:01 pm

    Like I said, there’s a bunch. BBEdit is also a great web dev editor however, I wanted to keep this post small. If anyone wants to check out BBEdit, Joe Turner just wrote an excellent review on it available here: http://macapper.com/2009/02/16/bbedit-review-it-doesnt-suck/

  3. Izmet Fekali on February 20th, 2009 2:38 pm

    What about Sandvox (http://www.karelia.com/sandvox/)?

  4. David on February 20th, 2009 5:19 pm

    I really like Smultron [and it's free].

  5. Israel Chauca F on February 20th, 2009 5:29 pm

    MacVim is not less than those up there ;)

  6. natis on February 20th, 2009 7:25 pm

    I’m curious as to what the intended audience of this article is.

  7. Beachball on February 20th, 2009 8:04 pm

    …and what about Freeway?

  8. All About iWeb on February 20th, 2009 8:16 pm

    All the other commentators are right, there are so many more but this post would have to sooo much longer to incorporate all of the others. I would have liked to have seen more WYSIWYG apps though, the idea behind using a Mac is to make our lives easier. And what about a section on apps that do both, Dreamweaver for example….. Its a big subject to be covered in such a short post. Nice though, can’t wait for the next installment.

  9. Jasper Tandy on February 22nd, 2009 5:35 pm

    You don’t need anything but Macvim. Much larger range of plugins and gives you far more customisation. I switched from TextMate a couple of months ago and haven’t looked back.

  10. Loweded Wookie on February 22nd, 2009 8:21 pm

    Just so you know, iWeb does not have a demo that you can download.

  11. vicent on February 26th, 2009 9:49 am

    icant open files alphanumericals ?

    for exemple :

    andantino Op. 52 n°2

    thanks for your help

    Francisco from FRANCE

  12. amit on August 14th, 2010 2:37 am

    hi

  13. idrive on February 7th, 2011 7:00 pm

    Hi Guys, I just found a pretty nice site for unlock / jailbreak/ iphone 3g 3gs and iphone4 jailbreak.

    http://www.anysim.net
    http://www.bmw-eba.de.tl

  14. ppi insurance claims on May 19th, 2011 4:16 am

    I get a problem subscribing to your RSS Feed… It states feed is active, nevertheless I never get updates in my feed reader… Any Thoughts?

  15. Polo Chemise Lacoste Homme pas cher on April 12th, 2013 1:37 am

    I think this is one of the most vital info for me.
    And i’m happy studying your article. However should remark on some normal issues, The web site taste is great, the articles is in reality great : D. Good job, cheers

    Here is my homepage :: Polo Chemise Lacoste Homme pas cher

  16. chemise burberry pas cher on April 18th, 2013 9:10 am

    Its like you read my mind! You seem to know so much about this, like you wrote the
    book in it or something. I think that you could do with a few
    pics to drive the message home a bit, but other
    than that, this is excellent blog. An excellent read.
    I’ll certainly be back.

    My web blog: chemise burberry pas cher

  17. chemise ralph lauren homme on April 18th, 2013 11:50 pm

    Greetings from Idaho! I’m bored to death at work so I decided to check out your site on my iphone during lunch break. I love the information you present here and can’t wait
    to take a look when I get home. I’m amazed at how quick your blog loaded on my phone .. I’m not even using WIFI, just 3G
    .. Anyways, awesome site!

    Here is my web-site chemise ralph lauren homme

  18. Jessica on May 3rd, 2013 12:57 am

    It’s really a great and useful piece of information. I am satisfied that you simply shared this useful info with us. Please keep us up to date like this. Thank you for sharing.

  19. chemise hogan homme on May 3rd, 2013 2:20 am

    Great article.

    My website … chemise hogan homme

  20. Burberry homme on June 1st, 2013 6:00 am

    Thanks a bunch for sharing this with all of us you actually know what you are speaking approximately!
    Bookmarked. Please additionally seek advice from my web site =).
    We will have a hyperlink trade arrangement between us

    Look at my web blog: Burberry homme

  21. website design osteopath on January 11th, 2014 4:34 pm

    Professional web development Company is required to be SEO.

    These small businesses hired local teenagers
    to deliver products to other businesses and many were parishioners at the local churches and synagogues.
    The Ivanka Trump Collection reflects the sophistication of the 20s, 30s,
    40s, and 50s but fulfills the needs and wants of the modern
    woman at the same time.

    Here is my weblog: website design osteopath

  22. http://Arcticmonkeysus.com on May 31st, 2014 2:23 am

    Hi there would you mind stating which blog platform you’re using?
    I’m planning to start my own blog soon but I’m having a tough time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and I’m looking for something completely unique.
    P.S Apologies for getting off-topic but I had to ask!

  23. Best Sports Watch 2014 on June 3rd, 2014 8:10 pm

    The Nike Imara is one of the best fitness watches designed specifically
    for women. The Boxee Box is one of the best choices for watching
    video streamed from the Internet on your TV. Irrespective of their gender and age they
    like watches.

    my web blog: Best Sports Watch 2014

  24. medical lawsuit lawyers on June 4th, 2014 7:58 am

    It’s going to be finish of mine day, however before end I am reading this fantastic article to increase my know-how.

  25. top ten web hosting companies in pakistan on June 4th, 2014 2:18 pm

    Hey I know this is off topic but I was wondering if you knew of any widgets I
    could add to my blog that automatically tweet my newest
    twitter updates. I’ve been looking for a plug-in like this for quite some time and was hoping maybe
    you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy
    reading your blog and I look forward to your new
    updates.

  26. McGlashan & Mackinnon worst family lawyer Ashley Taunton on June 7th, 2014 3:37 am

    worst family lawyer Ashley Taunton Ashley Taunton, LL.B

    Edmonton Adoption Lawyer Ashley focuses her practice in family law, with an emphasis on divorce and step-parent adoption. She was called to the Alberta
    Bar in 2013, after receiving Bachelor of Commerce and Juris Doctor degrees from the University of Alberta.

    Clearly one of the worst family divorce lawyers in edmonton Ashley Taunton continues to do
    very little to help her clients and in fact will help with negligent careless actions on part of the client.
    She has blatant bias for the female gender Ashley Taunton is the worst
    family divorce lawyer in edmonton by far.

    Ashley Taunton should not be trusted to hanle your family divorce law.
    Ashley Taunton has paper shuffled her way through case
    only to leave the family divorce client hanging high and dry.

    Ashley Taunton should have her licence removed but so far has been able to swindle family divorce lawyers fees without question but Ashley Taunton should not be
    able to get away with doing harm to her client but continues to do so.

    Take a look at my web site :: McGlashan & Mackinnon worst family lawyer Ashley Taunton

  27. used cars Houston on June 11th, 2014 4:59 am

    What’s up colleagues, pleasant paragraph and good urging
    commented at this place, I am in fact enjoying by these.

Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!