Gumby Un framework Web qui mérite plus d'amour

Si vous êtes un développeur Web expérimenté, vous savez qu'un bon cadre peut faire des merveilles pour les échéanciers de projets. Le bon cadre vous permet de créer un site Web magnifique et réactif en un rien de temps - et lorsque vous travaillez sur un budget par projet, c'est essentiel. Cependant, il ne s’agit pas que de la vitesse: le Web évolue constamment, et disposer d’une base solide pour votre site facilite sa maintenance à l’avenir. C'est pourquoi vous avez besoin du framework Gumby.

Qui peut se faire des amis avec Gumby?

Pour vous familiariser avec Gumby, vous devez au moins avoir une bonne connaissance pratique de HTML et de CSS - et certains JavaScript ne feront pas de mal, non plus. Mais pour vraiment profiter de ce que Gumby a à offrir, vous devez comprendre Sass et disposer de Node Qu'est-ce que Node.JS et Pourquoi devrais-je m'en soucier? [Développement Web] Qu'est-ce que Node.JS et pourquoi devrais-je m'en soucier? [Développement Web] JavaScript est un langage de programmation côté client qui s'exécute dans le navigateur, n'est-ce pas? Plus maintenant. Node.js est un moyen d'exécuter JavaScript sur le serveur. mais c'est beaucoup plus aussi. Si… Read More et Ruby sont installés (bien que vous n'ayez pas à apprendre Ruby 3 façons interactives, amusantes et gratuites de commencer à apprendre le langage de programmation Ruby 3. Façons interactives, amusantes et gratuites de commencer à apprendre le langage de programmation Ruby Ruby est un outil expressif, Langage de script de très haut niveau. Il est utilisé sur le Web principalement dans le cadre du cadre de développement Web de Ruby on Rails, mais également en tant que système autonome. Si vous êtes curieux de savoir ce que Ruby (pas… Lire la suite). Comme la plupart des cadres Web, Gumby est principalement destiné aux développeurs qui savent déjà ce qu'ils font..

Si vous n'êtes pas un codeur, ne vous inquiétez pas! Cet article n'est peut-être pas pour vous, mais vous manquez en ne configurant pas votre propre site Web. Vous ne le ratez pas en ne créant pas de site Web personnel: réfutez les 6 mythes que vous manquez en ne créant pas de site Web personnel: réfutez les 6 mythes. Avez-vous déjà envisagé d'avoir un site web personnel? Vous savez - un endroit où les gens peuvent se renseigner sur qui vous êtes, ce que vous faites, vos objectifs et vos aspirations, et bien sûr, contacter… Lire la suite. La bonne nouvelle est que ce n’est pas sorcier. Si vous souhaitez rapidement rassembler quelque chose, WordPress est une option très polyvalente. Vous pouvez également utiliser l'une de ces méthodes sans codage. Comment construire votre propre site Web en quelques minutes sans compétences de codage Comment créer votre propre site Web en quelques minutes sans Toutes les compétences de codage Au fur et à mesure que le Web se développe et qu'il atteint une vitesse fulgurante, le besoin d'une présence sur le Web devient de plus en plus pressant. Dans de nombreuses régions du monde, vous devez simplement être présent sur le Web pour pouvoir… En savoir plus pour créer un site.

Les éléphants dans la salle: Fondation Bootstrap et Zurb

Aucune discussion sur les cadres Web ne peut être complète sans mentionner Twitter Bootstrap et la (meilleure, à mon avis) Fondation Zurb. Je ne vais pas tous les comparer aujourd'hui, parce que ce serait ennuyeux - et plus important encore, car les outils sont un choix très personnel.

Les trois frameworks sont sémantiques, personnalisables, réactifs, disposent de kits d’interface utilisateur étendus et utilisent des pré-processeurs. J'ai essayé tous les trois avant de choisir Gumby et vous devriez probablement en faire autant. De plus, il est probable que si vous travaillez sur un code déjà existant, il utilisera Bootstrap. Vous devrez donc vous familiariser avec Bootstrap..

Parlant d'expérience: du concept au site Web en 3 jours

Nous arriverons dans un instant à la liste des fonctions de Gumby. Tout d’abord, l’essentiel: avec Gumby, j’ai pu passer d’une simple trame filaire en papier à une page d’accueil personnelle, fonctionnelle, réactive et magnifique, en moins de 3 jours (pas des jours entiers, n’oubliez pas). Défilement parallèle, barre de navigation, onglets verticaux sans effort qui fonctionnent bien sur mobile - avec peu de tracas par rapport aux expériences précédentes.

Caractéristiques à gogo!

Voici un fait surprenant: le meilleur endroit pour en savoir plus sur les fonctionnalités de Gumby est la section Gumby Feature. Le site vend bien mieux que ce que je pouvais, donc je ne vous embrouillerai pas dans une liste interminable. Voici un aperçu rapide de mes trois préférés:

• Le kit d'interface utilisateur: Vous obtenez tout ce dont vous avez besoin pour une Webapp moderne. Boutons, indicateurs, navigation (collante ou non, à votre guise) et police de caractères incluse.
• Bascule et commutateurs: Cliquez sur un élément pour basculer vers un autre élément (ou un groupe d’autres éléments). Cela signifie que c'est très facile à rouler vos propres onglets, carrousels d'images, ou tout ce qui nécessite d'afficher et de masquer des éléments. En savoir plus sur les bascules et commutateurs ici.
• Le mixin Répondre: Un moyen merveilleusement simple d’ajuster votre Sass à la résolution cible. Vous voulez une image cachée lorsque la fenêtre tombe sous une certaine taille? Aucun problème. Charger une image différente à la place? Sûr. Changer les tailles de police? Ouaip. Lisez à propos de Respond ici. Vous pouvez le voir en action si vous allez sur ezuk.org et modifiez la largeur de la fenêtre: Notez comment la section supérieure disparaît et que le style de navigation change.

Je les ai choisies parmi toutes les fonctionnalités Gumby que j'ai utilisées car elles facilitent la tâche compliquée (surtout les deux dernières).

Un dernier conseil: mon serveur Web One-Liner Test

Pour utiliser n'importe quel framework Web, vous aurez besoin d'un serveur Web local. Vous pouvez toujours utiliser une installation complète de XAMPP. Comment installer un serveur Web Windows sur votre PC avec XAMPP Comment installer un serveur Web Windows sur votre PC avec XAMPP Lisez-en plus, mais pour moi, c'était exagéré. Mon projet n'avait aucun code côté serveur à exécuter - tout ce dont j'avais besoin était un serveur HTTP de base. Python à la rescousse:

python -m http.server

Ce one-liner est tout ce dont vous avez besoin pour créer un serveur Web rudimentaire sous Windows, avec Python installé. Il suffit de naviguer dans le répertoire contenant les fichiers que vous voulez servir, lancez-le et hop:

Essayez-le sur votre prochain projet

Même si vous êtes parfaitement satisfait de Bootstrap ou de Foundation, élargir vos horizons n’est jamais une mauvaise idée. Gumby a beaucoup à offrir - essayez-le lors de votre prochain projet et partagez vos impressions ci-dessous.

En savoir plus sur: HTML, Web Design, Développement Web.