Spinto - Ein Website-Creator, den sowohl Neulinge als auch Entwickler mögen können

Werbung

Ah, die Freude, eine neue Website zu erstellen! Im Ernst, eines der größten Dinge im Web ist, wie einfach es ist, etwas Neues zu beginnen. Es gibt zahlreiche Tools, die Benutzer einfach ihre eigenen Websites erstellen können, wie zum Beispiel Sidengo How To Build Ihre eigene Website in Minuten ohne Programmierkenntnisse Wie Sie Ihre eigene Website in Minuten ohne Programmierkenntnisse erstellen Wenn das Web wächst, und es so blendend schnell, die Notwendigkeit einer Webpräsenz wird immer dringender. In vielen Teilen der Welt, müssen Sie einfach eine Web-Präsenz in Ordnung haben ... Lesen Sie mehr und Wix So erstellen Sie eine professionell aussehende Flash-Website kostenlos Wie Sie eine professionell aussehende Flash-Website kostenlos Mehr lesen (welche, übrigens, benötigt Flash nicht mehr). Viele dieser Tools richten sich an neue Benutzer, die ihre ersten Websites erstellen. Spinto ist ein neuer Dienst, der einen anderen Blickwinkel versucht.

Es ist entwicklerfreundlich, unterstützt Git und SSH und basiert auf Jekyll, einem statischen Website-Generator, den Ruby-Programmierer lieben. Währenddessen versucht Spinto, auch für neuere Benutzer attraktiv zu bleiben - also könnte man sagen, dass dies ein Dienst ist, der grundsätzlich versucht, alle glücklich zu machen.

Spinto ist derzeit in der Beta-Phase und kann frei verwendet werden, aber selbst nachdem sie mit dem Laden beginnen, sagen sie, dass es einfach ist, Ihre Website zu exportieren und sie woanders hin zu nehmen, wenn Sie sie nicht bezahlen wollen.

Aufstehen

Nachdem Sie sich mit Ihrem Google-Konto bei Spinto angemeldet haben, möchte der Dienst zunächst wissen, ob Sie eine "Tech-Person" sind oder nicht. Angenommen, Sie wissen, was Git ist und haben einen öffentlichen SSH-Schlüssel. Ich habe tatsächlich einen öffentlichen SSH-Schlüssel, den ich in dieses Textfeld eingefügt habe. Aber Spinto wird dir keinen Kummer bereiten, wenn du keinen solchen Schlüssel hast, was nett ist.

Als nächstes ist es Zeit, unsere erste Website zu erstellen:

Mit Spinto können Sie auch eine Website mit den Blueprint- oder Skeleton-CSS-Frameworks oder eine leere Website ohne Code erstellen. Da ich hier nur die Reifen treten will, ging ich mit der Example Restaurant Website.

Ihre Website visuell bearbeiten

Die Site wird sofort erstellt und kann sofort aufgerufen werden. Oben sehen Sie das Webinterface von Spintos Editor. Spinto listet in der rechten Seitenleiste die Git-URL auf, die Sie zum Auschecken von Site-Quellen benötigen, sowie Site-Informationen und Mitarbeiter. Auf der linken Seite können Sie die Seiten und Blog-Posts sehen.

Lassen Sie uns die Begrüßungsseite bearbeiten:

Ooh, ein visueller Editor! Ziemlich ordentlich für nicht technische Benutzer. Beachten Sie jedoch, dass die Möglichkeiten des Editors bei all dem beeindruckenden Chromium begrenzt sind. Ich konnte Bilder nicht durch Ziehen verschieben. Der Editor hat es einfach gemacht, Text zu ändern und Bilder zu ersetzen. Das ist nett, weil es bedeutet, dass Sie einen nicht-technischen Benutzer den Text für die Website bearbeiten lassen können, während ein erfahrenerer Entwickler das CSS ausführt.

Spintos Web-Interface erlaubt Ihnen auch, den HTML-Code direkt zu bearbeiten. Wenn Sie jedoch ein Entwickler sind, sind die Chancen, HTML manuell im Browser zu bearbeiten, sehr gering.

Mit Git arbeiten und lokal bearbeiten

Betrachten wir nun Spinto aus der Perspektive eines erfahrenen Entwicklers. Der Service macht es sehr einfach, Ihre Website zu klonen und mit Git auf Ihrem eigenen Computer zu arbeiten. Die obige Git-Befehlszeile wird direkt aus der Dokumentation von Spinto entnommen und lädt im Grunde Ihre Spinto-Website zur Arbeit herunter. Im Inneren sieht es so aus:

Die README-Datei macht deutlich, dass wir mit etwas arbeiten, das auf Jekyll und dem Bootstrap-Framework (erstellt von Twitter) basiert. Jetzt starten wir gVim und bearbeiten einige Dateien:

Im Inneren sehen wir hübsches Vanille-HTML. Beachten Sie die oberen vier Zeilen, die den Titel und das Layout für Jekyll definieren. Ein weiterer interessanter Aspekt hier ist, dass die Stylesheets nicht in CSS sind - sie sind in weniger geschrieben:

Dies macht es einfach, Farben zu ändern, da LESS Variablen unterstützt. Nur zum Glück änderte ich die Hintergrundfarbe des Körpers in Pink. Jetzt ist es an der Zeit, die Änderungen zu bestätigen und zu pushen, um sie auf der Website zu sehen:

Gehen wir nun zur Spinto-Website:

In der Tat, das ist entsetzlich rosa. Ziemlich einfache Sachen! Es gibt auch ein Ruby-Juwel für die Vorschau von Änderungen lokal, so dass Sie nicht jedes Mal zum Git Repo drängen müssen, wenn Sie Ihre Änderungen im Browser sehen wollen.

Abschließende Gedanken

Spinto ist ein mutiger und innovativer Versuch, ein System zu entwickeln, das sowohl Neulinge als auch erfahrene Entwickler anspricht. Wenn Sie alleine auf einer Website arbeiten, kann ich mir keinen zwingenden Grund vorstellen, Spinto anstelle von Jekyll selbst (oder PieCrust und den vielen anderen statischen Website-Generatoren) zu verwenden. Aber wenn Sie mit anderen zusammenarbeiten müssen, insbesondere mit Benutzern, die sich sehr um Textinhalte und Bilder kümmern, aber nicht wirklich mit dem CSS aushelfen können, bietet Spinto einige interessante Vorteile.

Lassen Sie uns wissen, was Sie davon in den Kommentaren halten und ob Sie diesen oder einen ähnlichen Website-Generator bevorzugen.