Tuesday, September 30, 2008

The Basics: Pages

Here's a tutorial to help with some basic understanding of pages and the pages panel in Showit Sites. In this tutorial we cover:

- The basic functionality of the pages panel.
- Adding a new page.
- Duplicating an existing page.
- Removing a page.
- Renaming a page.
- Setting the home page for your site.

Sunday, July 20, 2008

Service Outage

Today we experienced a major service outage for about 7 hours due to the Amazon Simple Storage Solution going offline. The Amazon S3 service was chosen for its reliability and scalability, allowing us to use the robust Amazon back end to manage the hosting part of the Showit Sites service. We apologize for this problem, ultimately we cannot point fingers as it was our choice to go with Amazon and the questions about Amazon's stability will be ones that we will be looking at very closely.

Up until today, the Amazon S3 service has only been down a few hours over the course of two years. I don't know how many web services can say the same, it just happened at a very unfortunate time for us as we are launching version 1.0 of our Showit Sites software.

Creating backups of the S3 service would be difficult because of the amount of work they have put into building a scalable solution to store data online. Part of using the service is that you are getting the redundancy through them, so duplicating that would be a very huge operation. The downside is that when their network goes down in a crazy fluke like this, their redundancy doesn't help. Keep in mind this type of thing is a network failure, it's not entirely know but it is probably some hardware or switches or something along those lines that caused some major communication problems, but there was no loss of data meaning that once the network was fixed, all of your stored data is still there. They typically have 99.9% uptime, but as with computers and the web, unexpected stuff comes up and hardware will fail.

We know this from the past 4 years of doing business online that managing servers and networks is a nightmare, and when stuff goes down it can take a bit to fix. We've had a couple different times now for our business where servers have been down and one case where it took a week to get our store back up and we had nothing we could do about it. At least with Amazon I know that every minute is costing thousands of customers and they have their best people on getting it restored.

It did bring up a lot of issues for us on how our software and your sites respond when this happens, so we will be looking at better ways of dealing with this so you don't have a blank page on your site with no helpful info and ways to communicate better to let you know when things happen.

Again, thanks for the feedback, we will continue to work on making our service reliable enough for your website to depend on. Thanks,

Todd

Sunday, July 13, 2008

Understanding Resizing

There have been lots of questions about Showit Sites and how resizing works, so I thought it would be good to give a brief overview of how and why resizing works the way it does in Showit Sites.

One of the first goals in building Showit Sites was to design a way to build full browser sized websites that would look good at almost any resolution. A typical web page is a fixed pixel size, so a bigger monitor may have lots of extra space and a small monitor may require scroll bars. With Showit Sites, the content is resized to fit whatever resolution, even a wide monitor or a browser window that is opened narrow. Below are some over exagerrated browser aspect ratios to illustrate how content fills the entire browser window:


To do this, we created a few different ways to layout your site content explained below.

1) Layers - All content from images to video to other flash content that you drag onto a page is a layer of your page. If a layer is not locked then it will scale and position relative to the other elements on the page in the center of the browser window.

2) Locked Layers - Layers that you want to float independent of the page content but basically stay against a side of the browser window can be locked to a side with the check boxes and offset on the "Layout" tab for a selected layer. If you want the layer to stay in a corner, lock it to two sides. If you want it to stretch, lock to two opposite sides. Locking to two sides will distort an image, so we recommend only using this for lines or boxes or graphics that can be stretched and not look funny. Locking is great for things like a site menu bar or a logo that you want to stay in a corner.

3) Background
- The background sizes to fit the entire browser window which will NOT make layers line up relative to the background. The background is meant to fill the entire browser window, so depending on whether the browser is opened tall or wide will determine what parts of the image will be cropped. You can choose how you would like the image to be cropped by using the drop down next to the background and choose options such as locking it to the top, bottom, corner or even stretch it. If you want your background image to line up with the layers, put the background image on the page as a layer and just use a solid color for the background.

I hope that helps explain a few of these sizing concepts because when you are designing it often feels that the page is a fixed size, but it's good to keep in mind that people have different sized monitors and open their browsers in different ways. A great way to test your site is to click the preview button and then drag the bottom right corner of the window so you can see what your site will look like when sized narrow or wide.

The full sized-scaling site does provide for an amazing experience across many different screen sizes but it's a little tricky initially to understand how to design for it, especially when deciding what to use for your background. Hopefully this gives you a good understanding and some ideas as you build your Showit Sites!

-Todd

Saturday, May 31, 2008

Nesting Style Groups







Scrolling Text







Thursday, May 29, 2008

Sunday, May 18, 2008

Resize Bug

It's great to see starts going up live with Showit Sites and and we have been working hard to squash bugs as they come up. One thing we noticed was some slow load times. We found out that even though imported images were being resized, the original image was the one that ended up online. This means that if you added a large image that was a few megabytes, Showit Sites was putting that full size image online which means really slooowwwww load times....

The latest update resolves this issue and the next time you launch Showit Sites, it should auto-update to this version.

However, you will need to replace your images that are online to improve your load times. To do this, just complete the following steps:

1) Open up the image browser on the bottom of Showit Sites
2) Drag any of your original images you are using in your site from your computer onto the Showit Sites image browse window
3) This will ask you if you want to overwrite the image. Choose "Yes".
4) The image will be resized and uploaded online

After you complete these steps for large images, you should see a dramatic speed improvement in site load times.

Finally, if you are experiencing issues with text not showing up online, it may be because the style group you are using is outdated and doesn't have the correct info for font loading. To resolve this, click on the style group and then click on the style tab on the right. At the bottom, click "Reset" and your style will be reset to the default. Make your changes to the fonts and sizes and you are ready to go.

We apologize for these problems and will keep working to make Showit Sites an awesome service for building your website!

-Todd Watson
Development Team

Saturday, May 17, 2008

Wednesday, May 7, 2008

Showit Sites Version 0.5.07 Beta

We've released a heap of new functionality; check out the new features:
  • Text editor improvements
    • Scrollbars
    • More stable editing
    • Improved CSS styling engine
  • Effects
    • More drop-shadow controls
    • Glow
    • Blur
    • Blend modes, including multiply, overlay, screen, and more!
  • Dynamic vector shapes
  • Nested style groups
  • Site setup wizard
    • Steps you through the one-time setup process that allows you to publish your site in 2 clicks!
Here's the stuff we're working on as you read this:
  • Integrated help
  • Add music
  • Add file package
  • Search engine optimization
  • Deep linking
  • Undo
  • Alignment options
  • Photo Gallery
  • MP3 player
If you haven't had a chance to download the beta, feel free to take Showit Sites for a test drive. Stay tuned for more!