Contenu
Un site Web adapté aux mobiles est un incontournable des affaires en ligne modernes. Si votre nouveau site brillant n'est pas réactif, vous échouerez certainement dans cette bataille pour les visiteurs, le trafic et le succès. Soit dit en passant, Google a rendu cette bataille encore plus urgente en ajoutant la convivialité mobile d'un site Web dans ses algorithmes.
Ainsi, vous aurez peut-être besoin d'outils intéressants pour peaufiner votre site Web et le rendre réactif à n'importe quelle taille d'écran. Les outils modernes offrent une gamme complète de services pour créer un site Web à partir de zéro ou pour personnaliser un modèle professionnel. Sont-ils tous également bons pour créer un site Web réactif et quels sont leurs avantages et leurs inconvénients à cet égard? Ici, je vais jeter un coup d'œil à quelques outils de création de sites Web modernes et à jour qui vous promettent une conception de site Web réactive.
01. Webflow
Webflow est l'un des outils les plus récents et les plus riches en fonctionnalités d'aujourd'hui. Il utilise un éditeur WYSIWYG pour créer des conceptions et Bootstrap 3.0 pour l'écriture de code. Après vous être inscrit au service, vous pouvez démarrer un site Web à partir de zéro ou personnaliser un modèle à partir d'un marché Webflow (payant ou gratuit).
Le panneau d'administration glisser-déposer de Webflow semble un peu compliqué pour un débutant, mais il est définitivement confortable et relativement intuitif. Il dispose de deux modes: simple et avancé. Ils diffèrent par le nombre de fonctionnalités que vous pouvez personnaliser. Dans ce panneau, vous pouvez configurer tout ce dont vous avez besoin sur votre modèle sans vous plonger dans le code. En fait, Webflow offre la possibilité de personnaliser CSS, mais uniquement pour les comptes payants.
Les sites Web Webflow sont réactifs dès la sortie de la boîte. Vous pouvez voir comment un modèle se redimensionne sur chacun des trois appareils: ordinateur de bureau, tablette et smartphone (modes paysage et portrait). Vous pouvez facilement personnaliser tous les éléments (taille de la police et des images, remplissage, etc.) pour ajuster votre site Web à ces trois points d'arrêt majeurs.
Avantages:
- Réactif sur étagère
- Permet de s'adapter parfaitement à n'importe quel appareil
- Trois tailles d'écran principales (comprend le smartphone en modes paysage et portrait)
- Tableau de bord avancé
- Permet de personnaliser CSS
Les inconvénients:
- Le plan gratuit est limité en fonctionnalités (aucune modification CSS et HTML n'est autorisée)
- Vous ne pouvez pas voir le tableau de bord avant l'inscription
- Peut être trop difficile pour les débutants
- Modèles de modèles prêts à l'emploi très modestes
Page suivante: un autre excellent outil de conception réactive