(Il s'agit d'une vidéo sponsorisée sur laquelle j'ai travaillé entre nous à CSS-Tricks et Webflow. Je pense que Webflow est un produit fascinant pour la création de sites Web qui, à mon avis, est dans une catégorie à lui tout seul pour le moment. Cela prend un peu pour comprendre, alors j'espère que c'est ce que cette vidéo peut vous aider à faire.)
1) Webflow a été conçu pour les concepteurs et les développeurs professionnels
Vous savez déjà comment créer des sites Web avec du code? C'est génial. Cela ne signifie pas que Webflow est en deçà de vos capacités. Webflow est toutes les mêmes abstractions que HTML et CSS, mais expose ces interfaces sur un canevas visuel.
2) Les styles réutilisables sont au cœur de Webflow
Le développeur CSS en vous aspire probablement à tout transformer en classes. Une classe est l'outil ultime de la réutilisabilité de CSS. Bonne nouvelle, tout ce que vous stylisez dans Webflow passe littéralement par un sélecteur qui est une classe. Pas même «comme» une classe. C'est une vraie classe sous le capot. Webflow ne simule pas le Web, c'est le Web.
3) Webflow a des fonctionnalités telles que Flexbox et CSS Grid
Travailler avec flexbox et grid sur un canevas visuel sans avoir à penser à la syntaxe est très satisfaisant. Plutôt que de vous souvenir des noms et des valeurs des propriétés, vous cliquez sur des boutons pour gérer l'espacement et l'alignement, ou utilisez des outils directement sur le canevas lui-même.
Préoccupé par le design réactif? Webflow a entièrement couvert cela. Au fur et à mesure que vous redimensionnez et modifiez les points d'arrêt, le canevas lui-même change de taille et les styles que vous définissez descendent du grand au petit.
4) Publiez plus vite, vous inquiétez moins
Lorsque vous avez terminé la conception du site dans Webflow, vous ne le confiez pas à quelqu'un d'autre pour qu'il le construise ailleurs. Vous avez déjà terminé, vous avez construit le site. Vous pouvez cliquer sur le bouton de publication et le mettre en ligne sur une URL en quelques secondes. Vous pouvez ensuite mapper n'importe quel autre domaine vers celui-ci et vous avez réglé votre situation d'hébergement et de déploiement. Pas de SFTP. aucun problème de sécurité. Aucune mise à jour logicielle que vous devez gérer vous-même.
5) Le CMS Webflow est extrêmement puissant et conçu pour les clients et les spécialistes du marketing
Webflow a un CMS intégré qui est aussi puissant que n'importe quel autre. Vous configurez exactement le type de modèle de contenu dont vous avez besoin (évidemment aucun codage requis) et vous l'avez. Comme un constructeur de formulaires, dans un sens. Ensuite, ces champs deviennent utilisables dans vos modèles aussi facilement que le contenu statique.
La meilleure partie est peut-être que la création et l'édition de ces données deviennent alors possibles grâce à une interface minimale directement sur le site lui-même. Chaque champ qui se trouve dans le CMS (et que vous avez autorisé) peut être modifié directement sur le front-end du site en direct. Il y a également une barre en bas pour créer et modifier du contenu via une interface d'administration. C'est le meilleur des deux mondes, l'édition sur page et l'édition de style formulaire.
6) Les outils d'animation de Webflow sont au niveau supérieur
Il est possible que la première fois que vous ayez entendu parler de Webflow, ce soit en regardant des sites qu'il avait créés avec un design d'interaction incroyable. Fait amusant, toutes les pages marketing de Webflow sont créées avec Webflow. Consultez la page des concepteurs pour un avant-goût.
Des animations basées sur le défilement telles que la parallaxe, des animations sur des événements tels que des clics et des survols, le tout rendu possible grâce à un panneau d'interaction où vous les associez à des changements dans des éléments tels que l'opacité, les mouvements et les rotations. Il existe des préréglages élégants pour vous aider, ainsi que des éléments de niveau supérieur tels que l'intégration d'animations époustouflantes de Lottie.
7) Il y a une tonne de contenu d'apprentissage et de communauté pour vous
Apprendre Webflow n'est pas une bonne chance, j'espère que vous trouverez des articles de blog ou des vidéos YouTube. Webflow University est entièrement gratuit et contient tout ce que vous pourriez souhaiter savoir sur la création de sites Web avec Webflow. Cela pourrait être votre bootcamp.
Essayez Webflow