Spinto - Un créateur de site Web Les deux débutants et les développeurs peuvent aimer

Publicité

Ah, la joie de créer un nouveau site web! Sérieusement, l'une des plus grandes choses sur le Web est la facilité avec laquelle il faut commencer quelque chose de nouveau. Il existe de nombreux outils permettant aux utilisateurs de créer facilement leurs propres sites Web, tels que Sidengo Comment construire votre propre site Web en quelques minutes sans compétences de codage Comment construire votre propre site Web en quelques minutes sans compétences de codage Comme le Web grandit, et il le fait éblouissant, la nécessité d'une présence sur le Web devient plus pressante. Dans de nombreuses régions du monde, vous devez simplement avoir une présence sur le Web dans l'ordre ... Lire la suite et Wix Comment créer un site Web Flash de qualité professionnelle gratuitement Comment créer un site Web Flash de qualité professionnelle Pour en savoir plus (qui, d'ailleurs, ne nécessite plus Flash). Beaucoup de ces outils sont destinés aux nouveaux utilisateurs créant leurs premiers sites Web. Spinto est un nouveau service qui tente un angle différent.

Il est compatible avec les développeurs, avec un support pour Git et SSH, et il est basé sur Jekyll, un générateur de site Web statique que les codeurs Ruby adorent. Tout en faisant tout cela, Spinto essaie également de rester attrayant pour les nouveaux utilisateurs - donc vous pourriez dire que c'est un service qui essaie essentiellement de garder tout le monde heureux.

Spinto est actuellement en version bêta et peut être utilisé librement, mais même après qu'ils commencent à charger, ils disent qu'il sera facile d'exporter votre site et de l'emmener ailleurs si vous ne voulez pas les payer.

Se lever et courir

Après vous être connecté à Spinto avec votre compte Google, la première chose que le service veut savoir est de savoir si vous êtes un "technicien". En supposant que vous êtes, vous savez probablement ce qu'est Git, et avez une clé publique SSH. J'ai en effet une clé publique SSH, que j'ai collée dans cette boîte de texte. Mais Spinto ne vous causera aucun chagrin si vous n'avez pas cette clé, ce qui est bien.

Ensuite, il est temps de créer notre premier site web:

Spinto vous permet également de créer un site Web avec les frameworks CSS Blueprint ou Skeleton, ou un site Web vierge sans code du tout. Puisque je veux juste donner un coup de pied les pneus ici, je suis allé avec le site Web de restaurant d'exemple .

Modifier votre site Web visuellement

Le site est créé instantanément et peut être consulté immédiatement. Ci-dessus, vous pouvez voir l'interface web de l'éditeur de Spinto. Dans la barre latérale de droite, Spinto répertorie l'URL Git dont vous avez besoin pour consulter les sources du site, ainsi que les informations sur le site et les collaborateurs. Sur la gauche, vous pouvez voir les pages et les articles de blog.

Modifions la page d'accueil:

Ooh, un éditeur visuel! Assez soigné pour les utilisateurs non techniques. Mais notez que pour tout son chrome impressionnant, les capacités de l'éditeur sont limitées. J'étais incapable de déplacer les images en les faisant glisser. L'éditeur a rendu facile la modification du texte et le remplacement des images. C'est bien, car cela signifie que vous pouvez demander à un utilisateur non technique d'éditer le texte pour le site Web, tandis qu'un développeur plus expérimenté fait le CSS.

L'interface Web de Spinto vous permet également de modifier le code HTML directement, mais si vous êtes un développeur, je pense que les chances de modifier manuellement le code HTML dans le navigateur sont minces.

Travailler avec Git et éditer localement

Maintenant, regardons Spinto du point de vue d'un développeur expérimenté. Le service rend très facile le clonage de votre site web et le travail depuis le confort de votre propre machine avec Git. La ligne de commande Git ci-dessus est directement extraite de la documentation de Spinto, et télécharge en gros votre site web Spinto pour le travail. A l'intérieur, ça ressemble à ceci:

Le fichier README indique clairement que nous travaillons avec quelque chose basé sur Jekyll et sur le framework Bootstrap (créé par Twitter). Maintenant, allumons gVim et éditons quelques fichiers:

A l'intérieur on voit un joli HTML en vanille. Notez les quatre premières lignes définissant le titre et la mise en page de Jekyll. Un autre aspect intéressant est que les feuilles de style ne sont pas en CSS - elles sont écrites en LESS:

Cela facilite le changement de couleur, étant donné que LESS supporte les variables. Juste pour le plaisir, j'ai changé la couleur de fond du corps en rose. Maintenant, il est temps de s'engager et de pousser les changements pour les voir sur le site:

Maintenant, allons sur le site web de Spinto:

En effet, c'est terriblement rose. Trucs assez facile! Il y a aussi une gemme Ruby pour prévisualiser les changements localement, donc vous n'avez pas à continuer à pousser sur le repo Git chaque fois que vous voulez voir vos changements dans le navigateur.

Dernières pensées

Spinto est une tentative courageuse et novatrice de créer un système qui plaira à la fois aux débutants et aux développeurs chevronnés. Si vous travaillez sur un site Web tout seul, je ne peux pas vraiment penser à une raison impérieuse d'utiliser Spinto au lieu de Jekyll lui-même (ou PieCrust et les nombreux autres générateurs de site Web statiques). Mais si vous avez besoin de collaborer avec d'autres personnes, en particulier les utilisateurs qui se soucient profondément du contenu textuel et des images, mais qui ne peuvent pas vraiment aider avec le CSS, Spinto offre des avantages intéressants.

Faites-nous savoir ce que vous en pensez dans les commentaires, et si vous préférez cela ou un générateur de site Web similaire.