EverWebSite web réactifTrucs et astucesWeb Design

10 fonctionnalités que vous auriez pu manquer dans EverWeb 2.9 !

This post is also available in: enEnglish (Anglais)

EverWeb 2.9, récemment publié, a introduit plus de fonctionnalités et d’outils dans le produit pour rendre la création de site web réactif encore plus simple et plus flexible que jamais ! Bien que la nouvelle fonctionnalité Show on Device (afficher sur l’appareil) soit point principal de la version (que nous traiterons dans son intégralité dans un prochain article), il existe de nombreuses autres nouvelles fonctionnalités à apprécier. Voici un aperçu de ce que vous avez peut-être manqué…

  1. EverWeb 2.9.1. Cette version incrémentale est sorti peu après le lancement de la version 2.9 et a corrigé quelques bugs : Le deuxième correctif concernait certains problèmes de polices dans le widget Responsive Image Gallery (Galerie d’images réactives). Si vous avez EverWeb 2.9, vous pouvez mettre à jour à la version 2.9.1 à partir de l’option de menu EverWeb-> Check for Updates… (Vérifier les mises à jour…). Vous pouvez également télécharger la nouvelle version directement à partir du site web EverWeb.
  2. De nouvelles règles ! EverWeb inclut désormais des règles horizontales et verticales en haut et à gauche de la fenêtre de l’éditeur. Les règles utilisent le pixel comme unité de mesure. Pour activer ou désactiver les règles, utilisez l’option Window (Fenêtre) -> Show/Hide Rulers (Afficher/Masquer les règles).
  3. De nouveaux modèles de thème réactif ! S’appuyant sur celles introduites dans EverWeb 2.8, la dernière version d’EverWeb ajoute davantage de designs à utiliser, s’en inspirer et en apprendre. Utilisez simplement l’option EverWeb -> Check for New Templates… (Vérifier de nouveaux modèles…) pour télécharger tous les derniers modèles de thèmes disponibles. Une fois téléchargé, lorsque vous ajoutez une page à votre site, vous pouvez utiliser le menu déroulant Filtre du sélecteur de tempêtes de thème pour afficher tous les thèmes « nouveaux » ou « réactifs » disponibles.
  4. Tous les widgets comprenant un lien hypertexte « Lien ». bouton, tels que les widgets Text Section et FlexBox, ont désormais la possibilité de créer un lien vers un fichier et d’ouvrir un lien dans une nouvelle fenêtre.
  5. Dans la même veine, l’éditeur de texte stylisé utilisé dans les sections FlexBox, Texte et PayPal les widgets incluent maintenant les mêmes options. Dans EverWeb 2.9, vous pouvez désormais utiliser des options de style de liste numérotée, à puce ou à cocher dans tous ces widgets. Vous trouverez ces options dans la barre d’outils de l’éditeur de texte stylé.
  6. La largeur maximale du contenu est transmise au widget Responsive Row. Vous pouvez maintenant définir la largeur maximale que les objets du widget Responsive Row peuvent occuper. Par exemple, vous pouvez avoir trois objets dans une ligne dans un widget Responsive Row. Le premier mesure 100 pixels de large, le second 200 pixels et le troisième 300 pixels. Les objets s’afficheront côte à côte jusqu’à ce que vous réduisiez suffisamment la largeur de la fenêtre de l’éditeur pour que les objets commencent à glisser les uns en dessous des autres. Au fur et à mesure que vous continuez à réduire la largeur de la fenêtre d’édition, les trois objets seront finalement empilés verticalement au lieu d’être alignés.Vous pouvez utiliser la fonctionnalité Content Maximum Width (Largeur maximale du contenu) dans les paramètres du widget Responsive Row pour contrôler l’empilement. À l’aide des trois objets ci-dessus, si je règle la largeur maximale du contenu sur 301, le dernier objet sera toujours inférieur aux deux premiers. Cela est dû au fait que la largeur combinée des deux premiers objets est de 300 pixels. Ajouter cette largeur à celle du troisième objet ferait passer la largeur totale (100 + 200 + 300 =) 600, soit plus de 301. Par conséquent, le dernier objet est déplacé sous les deux premiers. Si vous définissez la valeur Largeur maximale du contenu supérieure à 600 pixels, les trois objets s’afficheront sur la même ligne car leur largeur combinée est (100 + 200 + 300 =) 600 pixels.Conversement, si la valeur Content Maximum Width est définie à moins de 300 pixels, tous les objets sont affichés l’un en-dessous de l’autre.

    Content Maximum Width est une fonctionnalité intéressante que nous étudierons plus en détail dans les publications futures !

  7. Avec Show on Device, EverWeb 2.9 vous permet de définir manuellement des points d’arrêt pour vos pages. De cette manière, vous pouvez définir vous-même le point auquel la page change entre les types d’appareils. Le bouton « Breakpoints » permettant d’accéder aux paramètres de point d’arrêt se trouve dans la section Responsive de l’onglet Metrics Inspector. Les paramètres incluent également la possibilité de revenir aux valeurs de points d’arrêt par défaut.
  8. Les lignes de points d’arrêt peuvent être affichées dans la fenêtre d’édition avec la nouvelle option de menu View -> Show/Hide Breakpoints (Afficher/Cacher points d’arrêt).
  9. Ajoutez des classes CSS personnalisées. Pour ceux qui ont de l’expérience en programmation, vous pouvez désormais ajouter des scripts de style CSS aux objets de la page à l’aide de la nouvelle boîte de dialogue CSS Classe de la section Avancé de l’onglet Options de forme. Vous pouvez utiliser une ou plusieurs classes CSS personnalisées dans la boîte de dialogue selon vos besoins.
  10. Définissez les largeurs maximales pour les objets pleine largeur. C’est une fonctionnalité intéressante qui permet aux objets pleine largeur de devenir trop dispersés sur les ordinateurs de bureau et les ordinateurs de bureau larges. Lorsque les objets sont trop éloignés les uns des autres, vous verrez trop d’espace blanc entre les objets de la rangée. L’utilisation de cette nouvelle option réduit donc la probabilité que cela se produise, car vous pouvez contrôler la largeur finale de l’objet en pleine largeur. Quelles fonctionnalités voudriez-vous voir prochainement dans EverWeb ? Faites-le nous savoir dans la section commentaires ci-dessous !

This post is also available in: enEnglish (Anglais)

You may also like

Comments

Leave a reply

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

More in EverWeb