Best Web Page Editor For Mac OSX

Ranked #1,090 in Internet, #60,208 overall

The Mac HTML/CSS Editor I've Used Since '94

"Everything I need to know about the web I learned from my HTML editor." It's almost the truth!

I've been building web pages since '93. I quickly discovered a cheap shareware HTML editor that helped me learn HTML even as I created pages with it. It taught me most of what I know about CSS, too. It's grown up along with the web.

That web page editor is Pagespinner. Sorry, PC users, it's Mac-only.

Pagespinner one of the few pieces of shareware I've ever paid for (it's now up to the ever-so-reasonable price of $29). I have used Pagespinner more than any other piece of software I've owned in the past 25 years except Word and Photoshop.

Pagespinner in Action: A Screencap

HTML Editor on left, WYSIWYG preview window on right

Screencap of Pagespinner

Pagespinner lets me create complex layouts like these from scratch. I can use in the built-in toolbars and menus to have Pagespinner set up the code for me, or edit the HTML codes by hand if I know what I'm doing.

Changes display immediately in the optional "Page Viewer" window.

Like Photoshop, you can do very simple designs without knowing anything, then gradually learn more advanced techniques through Pagespinner's tools and menus. Unlike Photoshop, there's a lot of assistants (like the module editors on Squidoo) which will walk you through common tasks like adding and formatting images, text, links, lists and CSS.

Features About Pagespinner I Love

Just a Few of Them... It Does Much More

Pagespinner has tons of features, even more than they can tell you about on their list of Pagespinner's features.

Here's just a few of the features I use and like.
  • 1Color coded HTML shows gray for tags, red for images, blue for links. I can quickly see if I've forgotten a close-tag, because everything's gray!
  • 2The "Insert CSS..." assistant under the Tags menu lets me set up borders, font styles, and much more without having to remember CSS codes. Or, now that I've finally learned them, I can just start typing them, and immediately see the results in the preview window as soon as I close off the tag with a ">.
  • 3The Edit menu includes a handy "Paste Color Code..." that lets me pick colors from swatches or set my own, then grab the HTML color code.
  • 4When you add a link or image, the popup window includes options to add alt-text (the name of an image, useful for SEO) and/or a title (the popup tooltip when a cursor hovers over a link). There's lots of little shortcuts like this to help remind you about web design, but they don't get in the way.
  • 5I've learned SO much from browsing the "HTML Examples" under the "Windows" menu, pasting examples into my document, then editing their contents.

Pagespinner's HTML Assistant

It walks you through HTML, CSS and other coding tasks

HTML Assistant in Pagespinner

I've used Pagespinner long enough that I've memorized most HTML and CSS, but even so, I need to look up something now and then. The HTML Assistant under the "Windows" menu asks what you're looking for and inserts the codes for you, using easy forms and well-organized pulldown menus.

For example: what's the CSS codes for making a background image repeat itself side by side? Oh, I forget. So I'll just use the pulldown menu, and pagespinner added the correct codes to that "Extra CSS" box -- I didn't type it. Same thing with the fonts: the font pulldown menu has lists of web-safe fonts. When I click the "Insert" button at bottom right, Pagespinner adds all this to the style of the <p tag I've left open.

Notice the Example button at lower right. That opens a library of examples you can crib, study, edit and reuse.

This is just a quick glimpse of Pagespinner. Rather than giving you an in-depth review of every feature, let me just send you to the Pagespinner website. Grab it, try it, see if you like it. It will nag you to register every now and then, but all features are available in the free, unregistered version.

P.S. the 'Pagespinner Help" manual under the Help menu is very helpful for newbies.

Guestbook

Drop a Note

Twitter Share on Facebook Digg Stumbleupon Delicious Email It

Know any Mac users? Let them know about Pagespinner!

  • aliciamaggie54 Oct 9, 2011 @ 7:08 pm | delete
    Thank you for sharing this information:) I use a Mac for work. Thanks again.
  • RenaissanceWoman2010 Mar 27, 2011 @ 8:41 pm | delete
    Thanks for sharing. This was a new piece of software for me. I'll have to check it out. Appreciate the information!
  • makingamark Mar 4, 2011 @ 5:11 am | delete
    I have been looking for an HTML editor for Mac for a year! Thank you!
  • sugunalinus Feb 22, 2011 @ 7:37 pm | delete
    Even though I am a Windows user, I am very much interested in the graphical user interface.
  • Nibbled Feb 19, 2011 @ 12:52 pm | delete
    Not a mac user, but this looks like a great program.

Some of My Other Squidoo Pages

All Made With Pagespinner

Loading

by

Greekgeek

Storyteller, former Latin teacher, student of mythology and the ancient world: I've worn many hats, but always I've dabbled in computers and the web.

Until...
more »

Feeling creative? Create a Lens!

Do You Learn Better From Books? 

Then Get This CSS Book

CSS: The Missing Manual

Amazon Price: $18.00 (as of 05/30/2012)Buy Now

This is the CSS book I got for my Mom when she was setting up her website for her own business and wanted to do it herself. She's gotten pretty good at CSS using this book -- and Pagespinner, of course!