Spinto - Een website-maker die zowel nieuwkomers als ontwikkelaars leuk kunnen vinden

Advertentie

Ah, de vreugde van het maken van een nieuwe website! Serieus, een van de grootste dingen op het web is hoe gemakkelijk het is om iets nieuws te beginnen. Er zijn talloze tools waarmee gebruikers eenvoudig hun eigen websites kunnen maken, zoals Sidengo. Hoe u uw eigen website kunt bouwen in enkele minuten zonder enige codeervaardigheden. Hoe u uw eigen website binnen enkele minuten kunt bouwen zonder enige codeervaardigheden. Het web groeit en het doet dit duizelingwekkend snel, de behoefte aan een aanwezigheid op het web wordt steeds dringender. In veel delen van de wereld moet je gewoon een aanwezigheid op het web hebben om ... Lees meer en Wix Hoe maak je een professioneel uitziende Flash-website gratis Hoe maak je een professioneel uitziende Flash-website gratis Lees meer (welke, overigens vereist niet langer Flash). Veel van deze tools zijn bedoeld voor nieuwe gebruikers die hun eerste websites maken. Spinto is een nieuwe service die een andere invalshoek probeert.

Het is ontwikkelaarvriendelijk, met ondersteuning voor Git en SSH, en het is gebaseerd op Jekyll, een statische websitegenerator waar Ruby-codeurs dol op zijn. Terwijl dit alles gebeurt, probeert Spinto ook aantrekkelijk te blijven voor nieuwere gebruikers - dus je zou kunnen zeggen dat dit een service is die in feite probeert iedereen blij te houden.

Spinto is momenteel in bèta en kan vrij worden gebruikt, maar zelfs nadat ze zijn begonnen te betalen, zeggen ze dat het gemakkelijk zal zijn om uw site te exporteren en elders te gebruiken als u ze niet wilt betalen.

Sta op en rennen

Nadat je met je Google-account bent ingelogd op Spinto, is het eerste dat de service wil weten of je een "tech-persoon" bent. Aangenomen dat u dat bent, weet u waarschijnlijk wat Git is en heeft u een publieke SSH-sleutel. Ik heb inderdaad een publieke SSH-sleutel, die ik in dit tekstvak heb geplakt. Maar Spinto zal je geen verdriet geven als je niet zo'n sleutel hebt, wat leuk is.

Vervolgens is het tijd om onze eerste website te maken:

Spinto laat je ook een website maken met de Blueprint of Skeleton CSS frameworks, of een lege website zonder code erin. Omdat ik hier gewoon de banden wil schoppen, ben ik met de website van het voorbeeldrestaurant gegaan.

Uw website visueel bewerken

De site is direct gemaakt en is direct toegankelijk. Hierboven ziet u de webinterface van Spinto's editor. In de rechterzijbalk geeft Spinto een lijst met de Git-URL die u nodig hebt voor het controleren van sitebronnen, evenals sitegegevens en bijdragers. Aan de linkerkant ziet u de pagina's en blogberichten.

Laten we de welkomstpagina bewerken:

Ooh, een visuele editor! Best leuk voor niet-technische gebruikers. Maar let op dat voor al zijn indrukwekkende chroom de mogelijkheden van de editor beperkt zijn. Ik kon afbeeldingen niet verplaatsen door ze te slepen. De editor maakte het gemakkelijk om tekst te wijzigen en afbeeldingen te vervangen. Dit is leuk, want het betekent dat je een niet-technische gebruiker de tekst voor de website kunt laten bewerken, terwijl een meer ervaren ontwikkelaar de CSS gebruikt.

Met de webinterface van Spinto kun je de HTML ook rechtstreeks bewerken, maar als je een ontwikkelaar bent, denk ik dat de kans dat je HTML handmatig in de browser bewerkt heel klein is.

Werken met Git en lokaal bewerken

Laten we nu naar Spinto kijken vanuit het perspectief van een ervaren ontwikkelaar. De service maakt het heel gemakkelijk om uw website te klonen en er vanuit Git met uw eigen machine aan te werken. De bovenstaande Git-opdrachtregel wordt rechtstreeks uit Spinto's documentatie gehaald en downloadt in principe uw Spinto-website voor werk. Binnen ziet het er als volgt uit:

Het README-bestand maakt duidelijk dat we met iets werken dat gebaseerd is op Jekyll en op het Bootstrap-framework (gemaakt door Twitter). Laten we nu gVim opstarten en een aantal bestanden bewerken:

Binnenin zien we mooie vanille HTML. Let op de bovenste vier regels die de titel en lay-out voor Jekyll definiëren. Een ander interessant aspect hier is dat de stylesheets niet in CSS staan ​​- ze zijn geschreven in MINDER:

Dit maakt het gemakkelijk om kleuren te veranderen, omdat LESS variabelen ondersteunt. Voor de zekerheid veranderde ik de achtergrondkleur van het lichaam in roze. Nu is het tijd om de wijzigingen vast te leggen en te pushen om ze op de website te bekijken:

Laten we nu naar de Spinto-website gaan:

Inderdaad, dat is vreselijk roze. Mooie eenvoudige dingen! Er is ook een Ruby-juweel voor het vooraf bekijken van wijzigingen, zodat je niet telkens naar de Git-repo hoeft te gaan als je je wijzigingen in de browser wilt zien.

Laatste gedachten

Spinto is een moedige en innovatieve poging om een ​​systeem te creëren dat zowel nieuwkomers als doorgewinterde ontwikkelaars aanspreekt. Als je alleen aan een website werkt, kan ik niet echt een dwingende reden bedenken om Spinto te gebruiken in plaats van Jekyll zelf (of PieCrust en de vele andere statische website-generators). Maar als u moet samenwerken met anderen, vooral gebruikers die veel waarde hechten aan tekstuele inhoud en afbeeldingen, maar niet echt kunnen helpen met de CSS, biedt Spinto enkele interessante voordelen.

Laat ons weten wat u ervan vindt in de opmerkingen en of u deze of een soortgelijke website-generator verkiest.