Pinterest Stumbleupon Whatsapp
Ads by Google

website creatorAh, the joy of creating a new website! Seriously, one of the greatest things about the web is how easy it is to start something new. There are numerous tools letting users easily create their own websites, such as Sidengo How To Build Your Own Website In Minutes Without Any Coding Skills How To Build Your Own Website In Minutes Without Any Coding Skills As the Web grows, and it does so dazzlingly fast, the need for a web presence is becoming more pressing. In many parts of the world, you simply must have a web presence in order... Read More and Wix How To Create A Professional-Looking Flash Website For Free How To Create A Professional-Looking Flash Website For Free Read More (which, incidentally, no longer requires Flash). Many of these tools are aimed at new users creating their first websites. Spinto is a new service that tries a different angle.

It is developer-friendly, with support for Git and SSH, and it is based on Jekyll, a static website generator Ruby coders love. While doing all of this, Spinto also tries to stay appealing to newer users – so you could say this is a service that basically tries to keep everybody happy.

Spinto is currently in beta and can be used freely, but even after they start charging, they say it’ll be easy to export your site and take it elsewhere if you don’t want to pay them.

Getting Up & Running

website creator

After logging onto Spinto with your Google account, the first thing the service wants to know is whether or not you’re a “tech person”. Assuming you are, you probably know what Git is, and have a public SSH key. I indeed have a public SSH key, which I pasted into this text box. But Spinto won’t give you any grief if you don’t have such a key, which is nice.

Next, it’s time to create our first website:

Ads by Google

free website creator

Spinto also lets you create a website with the Blueprint or Skeleton CSS frameworks, or a blank website with no code in it at all. Since I just want to kick the tires here, I went with the Example Restaurant website.

Editing Your Website Visually

free website creator

The site is created instantly, and can be accessed immediately. Above you can see the web interface of Spinto’s editor. On the right sidebar, Spinto lists the Git URL you need for checking out site sources, as well as site information and collaborators. On the left you can see the pages and blog posts.

Let’s edit the Welcome page:

free website creator

Ooh, a visual editor! Pretty neat for non-technical users. But note that for all of its impressive chrome, the editor’s capabilities are limited. I was unable to move images around by dragging them. The editor did make it easy to change text, as well as replace images. This is nice, because it means you can have a non-technical user edit the text for the website, while a more experienced developer does the CSS.

Spinto’s web interface also lets you edit the HTML directly, but if you’re a developer, I think the chances of you manually editing HTML in the browser are very slim.

Working With Git & Editing Locally

free website html creator

Now let’s look at Spinto from an experienced developer’s perspective. The service makes it very easy to clone your website and work on it from the comfort of your own machine with Git. The Git command line above is lifted directly from Spinto’s documentation, and basically downloads your Spinto website for work. Inside, it looks like this:

free website html creator

The README file makes it clear that we’re working with something based on Jekyll and on the Bootstrap framework (created by Twitter). Now let’s fire up gVim and edit some files:

free website html creator

Inside we see pretty vanilla HTML. Note the top four lines defining the title and layout for Jekyll. Another interesting aspect here is that the stylesheets aren’t in CSS – they’re written in LESS:

spinto[18]

This makes it easy to change colors, since LESS supports variables. Just for the heck of it, I changed the body background color to pink. Now it’s time to commit and push the changes to see them on the website:

spinto[20]

Now, let’s go to the Spinto website:

website creator

Indeed, that is appallingly pink. Pretty easy stuff! There’s also a Ruby gem for previewing changes locally, so you don’t have to keep pushing to the Git repo every time you want to see your changes in the browser.

Final Thoughts

Spinto is a brave and innovative attempt at creating a system that would appeal both to newbies and seasoned developers. If you’re working on a website all on your own, I can’t really think of a compelling reason to use Spinto instead of Jekyll itself (or PieCrust and the many other static website generators). But if you need to collaborate with others, especially users who care deeply about textual content and images but can’t really help out with the CSS, Spinto offers some interesting benefits.

Let us know what you think of it in the comments, and whether you prefer this or a similar website generator.

  1. Christy
    May 8, 2012 at 8:58 am

    Anyone have any experience with using the reelsadr sdk yet? I've got a great idea based on this technology, and Im still bouncing the idea around my head at the moment. I'm confident that it would be massively popular and there doesn't seem to be anything like it out on the app market yet (Im sure its only a matter of time).I'd appreciate any advice on how to go about getting this thing started so if anyone wants to hear more get in touch pete [at] hitrender [dot] comCheers

  2. Website Developer, developer website, web developer website, website designer and developer, website application developer, website developer tools, website developer software, software developer website, php website developer, website developer company,
    May 6, 2012 at 1:53 pm

    A person necessarily lend a hand to make significantly posts I'd state. That is the first time I frequented your website page and thus far? I surprised with the analysis you made to make this particular put up amazing. Wonderful process!

  3. Matthew Beale
    April 20, 2012 at 12:38 pm

    Thanks for the write-up Erez!

    If you're working alone, Spinto still gives you a private Git repository & web hosting out of the gate. The Spinto flavor of Jekyll supports Less, Scss, Sass, & CoffeeScript, unlike vanilla Jekyll.

    Feedback during the beta is super-important. Check out Spinto and drop me an email with your thoughts!

    -Matthew @ Spinto

    • Erez Zukerman
      April 20, 2012 at 2:34 pm

      Thanks for chiming in, Matthew! A very cool tool, indeed. I could totally see DreamHost picking this up some day, too (if that fits your model).

Leave a Reply

Your email address will not be published. Required fields are marked *