Our blog

Guest Post: It's Good To Be Newb

We'd like to thank Suzanne Boben of 11Mystics, one our latest third-party designers to offer their own Sandvox designs, for contributing this lesson in overcoming "newb" tribulation when it comes to Sandvox.

Hello folks. My name is Suzanne and that's right, I'm a newb. That's newb as in newbie, new to Sandvox. Ah, the pains of having no clue, of asking stupid questions and of bothering everyone around until their ears fall off. Some may dread this embarrassing phase of the learning curve. It certainly isn't the most pleasant part of the process. But just as a moth builds strength breaking out of its caccoon, so too does the Sandvox beginner. One might argue, when you are new, you have the greatest potential to reach the peaks.

For the last six weeks I've been digging deep into the Sandvox architecture, learning what it can do and how it does it. In the process, I've discovered much... the well-traveled avenues, a few interesting dark corners and some entirely unexplored pathways. All of this, of course, feeds my design work - a workable mishmash of the status quo and the surprisingly unconventional. When you're new, you don't have limits wrapped around your experience, you don't assume "no". In fact the opposite is true. Your frame of reference is firmly rooted in "how?".

As I've completed my initial designs, I've also fleshed-out a kind of stable design framework that will ensure consistency, accuracy and speed of development. This is a natural by-product of being new. You hate to make the same mistakes twice. Why not create a framework with all of your wisdom built-in? Makes sense. But the problem here is that we all tend to become complacent when we're not challenged to think any longer. We give credence to quantity and overlook the fact that, within that underlying framework of efficiency, lies potential we've long forgotten.

I'd like to encourage the Sandvox community to revisit its newbie roots. Stop assuming "no" and start asking "how". Some of what we discover will fuel further development of the application. Other aspects will inspire designers to expand the boundaries of the designs. In all cases, we give permission to the clueless newbie within each of us, to demand something better, something more intuitive, something more fun.

Now, with all that said, I have a few tidbits to share that I found noteworthy as a newb. Some of you probably know all this, but even if you do, give it some consideration and ask if you've truly exhausted the potential that's sitting there for you.

Sandvox Pro versus Sandvox

If you've read any of my commentary in the Yahoo group, you know I believe Sandvox Pro is the version you should be using... that is, if you ever want to have anything your way. No design will ever suite your desires entirely, but having the ability to use the Site/Page Code Injection feature and the ability to edit raw HTML is by far worth the extra $49 it costs for a pro license, especially if you're managing a business website. These two features allow you to tweak a design with relatively little effort and I'm certain any third-party designer would be happy to help you with the tweaks should you ask. The barriers to having a design your way are much greater in your mind than they are in reality so consider Sandvox Pro and then start asking "how".

HTML Is Not The Monster Under Your Bed

Following my sentiments from above, I would love to encourage some of you less-technical folks to embrace a little knowledge of HTML. For many, the mythical nature of the acronym itself is enough for you to say "no". But suspend your judgement for a moment. HTML is not "code". It's nothing more than "mark-up". What's mark-up? Well, it's a set of what we call tags, that we wrap around your text to indicate to a browser how to display the text. There are a few basic tags for things like headings, blockquotes, lists or tables that, if you knew them, could extend the potential of your website. Don't use the Format menu to color and size your text. Just wrap a heading in one of the HTML headings. Any quality Sandvox design will have embedded styles for these HTML elements so that, when you use them, the resulting display of your content will beautifully match the design itself. 

If you view any of my design demos, you will see that I have taken great care to style HTML elements to match the designs. This is a huge benefit to those who take a little time to learn how to make use of them.

Photo Pagelets versus Rich Text Pagelets with Photos

Working with a handful of you these past two weeks has been very helpful. Designers and developers understand how things function and therefore have a somewhat sterile view of how an application should be used. We tend to miss the fact that the non-technical mind uses the app in very different ways. One such situation I discovered was the use of photo pagelets to display products where the product name, product description, product price and add to cart buttons were inserted into the photo caption field.

This worked. But this was never the intended use of a photo pagelet, and therefore the design did not sufficiently support the use case. As I sat here, intrigued by it all, it then crossed my mind, "Why aren't you using a rich text pagelet? Those allow you to insert images too, and then you have significantly more flexibility for styling the product name, description, price and add to cart button." Neither of us had even considered this until the problem was revealed through the design. So, the moral of the story on this one is, don't assume you can't do complex things within pagelets. The rich text pagelet and the HTML pagelet will let you do just about anything.

Sidebar Sitemaps

What? Indeed! This is a strange little accident I stumbled into the other day. It's not a perfect solution as sub-pages are not linked, but it is possible to have a two-level site map displayed in a pagelet. This also requires that your top-level pages are "Sorted Title" collections and not collections with textual summaries. In Sandvox, select your home page and then add a collection index pagelet. In the inspector, drag the red target onto your home page to indicate the index should be top level for your site. Next uncheck the box entitled Maximum. Next, check the box entitled Summaries. This will reveal any sub-pages beneath your top-level pages. If any of your top-level pages are summary collections, the text will appear rather than the list of sub-pages. If the design you're using has done a good job of styling pagelet lists, you should now see what looks like a site map hierarchy. Hopefully that little trick might make someone happy.

RSS Feed Page or Pagelet

Did you know the RSS Feed page and RSS Feed pagelet let you display a list of articles from someone else's website? Perhaps you run an information site that has ties to other sites providing similar information. It might be very helpful to display a list of their articles with this widget. It does require that the other site have and RSS feed, but most quality news and information sites do these days. Just grab the feed URL, enter it into Sandvox's RSS Feed widget and there you go - instant extension of value to your readers.

Photo and Video Arrays Using Pagelets

Here's another trick I discovered when I was styling photo and video pagelets for my designs. It's one thing to add a photo to your sidebar, but what about a photo array of 2 or more photos with only one title at the top of the array? All you need to do here is add, for example, three photo pagelets, set the photos for each pagelet, then erase the title for the second and third pagelets. You can provide captions for all three if you want. Now you have three photo pagelets that *appear* to be grouped together under one title at the top. You can find examples of this in any of my design demos. Note that if you add borders to the pagelets, the array won't look as uniform.

Handling error messages when your SFTP server changes

We recently got an inquiry about what to do when the server that you are connecting to for uploading your website with SFTP has changed.  SFTP is a secure file transfer method, much better than FTP, that uses your mac's SSH system to encrypt the data (and login information) that it uploads.

In order for SSH to be sure that your Mac is really talking to the same server computer, and that there isn't another computer impersonating the computer you were expecting to be talking to — this is called a "man in the middle attack" — your Mac stores a "signature" of the server, when you first connected to it. If that signature has changed — usually it's legitimate, such as when the server's computer is upgraded — then you will not be able to connect with SFTP. If you look at the publishing transcript from Sandvox (from the Help menu), you will see a warning something like this:

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ WARNING: POSSIBLE DNS SPOOFING DETECTED! @ 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 


The RSA host key for … has changed, …

Of course this problem isn't specific to Sandvox, or even SFTP.  Any connection over SSH ("Secure Shell") will show this message if the server has changed. (See this forum post and this forum post for other examples of people having this kind of problem.)

Of course you do want to realize that the warning is there for a reason. It's probably a good idea to get in touch with your Internet host and tell them about the issue. Chances are very high that they will have a good explanation, and that it is not the case that somebody is trying to break into your connection and crack your website!  But it's a good idea to be watchful just the same.

As those forum posts point out, the solution is to get rid of the old signature, so that your Mac no longer remembers the server's information. When you then connect for the next time, it will remember this new signature.

If you are adept at the command line, you can probably find and edit (or delete) the file quickly. Since Mac users are not supposed to need the command line, however, this is how to do it.

In the Finder, Choose Go to Folder… from the Go menu.

Type or paste this (tilde, forward slash, period, ssh) into the input field: ~/.ssh

Click the Go button.

Now you will be viewing the contents of the ".ssh" folder in your home folder.  (It's normally a hidden folder.)

The quickest thing to do is to just drag the file "known_hosts" into the trash. However, that will forget the signatures of all the servers you have connected to. So a more refined method would be to delete just the signature that is affected.  Here's how to do that.

Drag the "known_hosts" file into the icon for TextEdit.  (Or, control-click/right-click on the icon and choose Open With ▶ TextEdit.) If you have a preferred text editor like BBEdit, SubEthaEdit, TextMate, etc., feel free to use that instead!

Don't Panic! This file is not meant to be read by mere mortals, so it's going to look like junk. Look for the host name that you are trying to replace — the server that was giving you trouble.  It will be at the beginning of a line.

Triple-click to select that entire line — the host followed by the unreadable stuff. Delete that line.

Save the file.

Now you should be able to connect to the host!