Share
Les membres de la communauté de développeurs de ZURB et de la Fondation ont travaillé d'arrache-pied pour publier une grande mise à jour de Foundation for Sites. Plongeons dedans, voyons ce qui se passe en ce moment et demandons à l'équipe ce qui s'en vient!
Foundation 6.3 apporte de solides modifications au cadre, tout en restant fidèle à ce qui le rend si bien.
Les cartes gagnent de plus en plus en popularité en tant que modèle sur le Web; ils constituent un très bon moyen de montrer à vos utilisateurs des informations condensées et ils fonctionnent parfaitement pour les sites Web réactifs. Non seulement cela, ils sont intuitifs aussi, aussi longtemps que vous les utilisez correctement!
Il y a eu un débat sur l’introduction de cartes dans Foundation. Est-ce un élément que vous avez réellement avoir besoin dans un cadre réactif, ou devriez-vous créer vos propres cartes avec les outils qui vous sont fournis? Le résultat final est que Foundation est également un outil de prototypage rapide et pour moi, l'inclusion de cartes signifie que je peux prototyper beaucoup plus rapidement. Même en allant en production, ces cartes sont un ajout bienvenu à la force.
Flexbox est génial, car il nous permet de créer plus de mises en page flexibles (vous l’avez deviné!) Dans nos conceptions. Flexbox vise à fournir un moyen plus efficace d'aménager et de répartir de l'espace entre les éléments de votre page Web, même (et c'est la grande partie) lorsque la taille de ces éléments est dynamique et inconnue..
Foundation 6.3 nous fournit des aides qui rendent Flexbox plus accessible et plus facile à prototyper. Par exemple, floats et clearfix sont des hacks; signifie à une fin. Pour remplacer ceux que nous utilisons Flexbox Helpers.
«Flexbox est un élément important de la conception Web moderne et nous voulons rester sur la même voie.» - Kevin, responsable de la communauté de la fondation
Certains diraient que cela aurait pu être fait depuis longtemps, mais cela a été fait enfin. L'élément hors-toile a été retravaillé et c'est génial. Vous n'avez même pas besoin de changer de marge car il est compatible avec les versions antérieures.
La majoration du nouveau logiciel Off-Canvas est encore plus simplifiée. nous avons maintenant la possibilité d'utiliser Off-Canvas comme superposition et de l'ouvrir par le haut ou par le bas, au lieu de simplement déplacer le contenu. Même si cela est maintenant plus raffiné que jamais, alors assurez-vous de consulter le document Off-Canvas dans la documentation Foundation for Sites.
Vous avez déjà manipulé des onglets qui sont utiles sur les grands écrans mais deviennent un désordre complet sur les appareils mobiles? Pas plus! Avec "Accordion réactif aux onglets", vous pouvez changer votre interface utilisateur en fonction de la taille de l'écran et fournir une meilleure expérience utilisateur à vos visiteurs mobiles. C'est facile à mettre en œuvre et les avantages sont énormes!
L'implémentation d'un rythme vertical solide dans votre type peut considérablement améliorer l'apparence de votre site Web. Foundation nous a toujours facilité la manipulation des différentes tailles de texte d'en-tête et de corps, mais avec la mise à jour Foundation 6.3, la configuration de la taille de la typographie, de la hauteur de ligne et des marges est désormais accessible dans un seul et même paramètre compact. La facilité d'utilisation à son meilleur.
Parfois, de petites tâches peuvent devenir fastidieuses, mais il y a ensuite des mises à jour qui enlèveront cette douleur. C'est le cas des nouveaux observateurs de mutations, qui travaillent en coulisse, détectent automatiquement les modifications du DOM et déclenchent des mises à jour des composants. Cela vous évite d'avoir à rediffuser manuellement des éléments pour déclencher des modifications, telles que révéler des modaux, des barres collantes, un égaliseur, etc. Awesomeness.
Les liens profonds jouent un rôle important pour amener les utilisateurs vers la bonne page, particulièrement sur les sites Web de commerce électronique et les applications mobiles. Avec Foundation 6.3, vous pouvez facilement diriger vos utilisateurs vers le contenu spécifique que vous avez placé dans des onglets et utiliser ainsi les liens profonds vous-même..
Jusqu'à cette dernière mise à jour de Foundation, vous deviez configurer vos propres feuilles de style d'impression personnalisées pour les pages Web. Foundation ne montrerait que l'écran mobile, alors que d'autres cadres ne le feraient même pas, ce qui signifie que vous deviez vous salir les mains et faire le travail vous-même..
Grâce à Foundation 6.3, ces jours sont révolus, car vous pouvez maintenant spécifier exactement le point d'arrêt que vous souhaitez que votre page d'impression reflète, et Foundation déterminera le reste. Agréable.
Nous voulions des informations privilégiées sur la manière dont le cadre a atteint sa position actuelle. Nous avons également demandé ce que nous pouvions attendre de la Fondation en 2017. Voici ce que l'équipe de ZURB avait à dire:
Quels ont été les plus grands défis à relever en 2016??
C’est ainsi que les navigateurs auraient géré certains sélecteurs CSS et nos grilles. Ils fonctionnent tous très bien maintenant, mais les navigateurs modernes ont mis du temps à rattraper tout ce que le Web a à offrir..
Notre grille CSS avait besoin (et avait besoin) de devenir plus polyvalente et de devenir un composant essentiel de Foundation. Nous devons voir ce que cette valeur fondamentale offre et comment elle profite à quiconque utilise notre cadre..
Qu'attendez-vous accomplir en 2017??
Une des choses sur lesquelles nous travaillons et que nous allons certainement accomplir en 2017 est de retravailler notre JavaScript pour Foundation. Nous allons tirer davantage parti des outils modernes disponibles et aider les utilisateurs à installer plus facilement leurs propres composants personnalisés..
Une dernière chose serait de retravailler les composants du menu. Ils sont déjà très puissants, mais quand vous les sortez de leur norme, ils sont encore un peu fragiles. Nous allons travailler dur pour arriver au point que vous pouvez les personnaliser comme il convient à votre projet..
Quel est le principale priorité pour 2017?
Nous allons certainement examiner la facilité d'utilisation du cadre, des éléments tels que des blocs de construction réutilisables et une Fondation plus plug-gable, afin que les utilisateurs puissent y ajouter leur propre touche. Le rendre plus plug-gable permet d'avoir des composants plus polyvalents et des blocs réutilisables permettront d'utiliser le prototype encore plus rapidement et plus proprement..
Quelles sont les nouvelles choses à venir en 2017?
Nous voudrons en faire plus avec les SVG car ils continuent de jouer un rôle plus important dans la conception Web flexible et réactive. Nous voulons voir comment nous pouvons implémenter et manipuler des SVG pour différents états et tailles d'écran. Une chose que nous allons examiner est un moyen plus facile de créer et d’intégrer des SVG dans votre projet en utilisant Foundation for Sites..
Avez-vous peur que la Fondation devienne trop gonflée?
C'est toujours un sujet de préoccupation. D'une part, le fait de disposer de nombreux composants nous permet de prototyper et de développer plus rapidement. D'autre part, plus de composants peuvent signifier du code inutilisé, ce qui rend un projet trop volumineux. Nous optimisons l'intégration des éléments et faisons en sorte que vous puissiez choisir de travailler avec des composants supplémentaires pour votre projet spécifique. Une chose que nous surveillons de près est de garder le noyau compact et fort.
Comment se passe l'interface utilisateur de Motion??
C'est une bonne question! Nous sommes en fait assez occupés et il est sur le point d'être reformulé pour le rendre plus accessible. Nous allons également approfondir l'utilisation de vos propres animations avec Motion UI..
Une chose qui manque pour le moment est une documentation complète et utile. Nous pensons que c'est la raison pour laquelle les utilisateurs ne l'utilisent pas autant que nous le voudrions, alors que Motion UI est déjà une bibliothèque très puissante. Nous vous tiendrons au courant sur notre blog et notre bulletin d'information de la façon dont cela s'en vient.
«Motion UI est déjà très puissant, mais nous devons améliorer la documentation pour la rendre plus facile à utiliser et à mettre en œuvre.» - Rafi, avocat de la Fondation.
La Flexbox est-elle l'avenir de Foundation??
nous amour Flexbox, c’est vraiment un grand pas en avant dans les composants flexibles et dynamiques. À mesure que nous progressons avec Foundation for Sites, nous continuons également à nous tourner vers l’avenir et Flexbox joue un rôle important dans ce domaine. Nous allons continuer à intégrer de plus en plus de composants avec le fléchir propriété et utiliser flexmodes pour tous les composants.
Eh bien, voilà, un cadre génial qui ne cesse de s'améliorer. Avec Foundation 6.3 et Motion UI, les développeurs et les utilisateurs seront en mesure de créer des prototypes et de les lancer encore plus rapidement qu’avant. Cela correspond vraiment au 5ème anniversaire de la Fondation, félicitations!
«Un grand bravo à notre communauté de développeurs dédiés, qui continuent à améliorer Foundation à chaque fois. Merci les gars! ”- Kevin, responsable de la communauté de la Fondation
Accentsconagua