Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Foundation for Sites
Webdesign

Foundation 6.3: dernières mises à jour et ce qui arrivera en 2017

by
Length:MediumLanguages:

French (Français) translation by New Lune (you can also view the original English article)

Les gens de la communauté de développeurs de ZURB et de la Foundation ont travaillé dur, poussant à publier une grande mise à jour de Foundation pour Sites. Plongez-vous, voyez ce qui se passe actuellement et demandez à l'équipe ce qui se arrive!

Quoi de neuf?

Foundation 6.3 apporte des changements solides au cadre, tout en restant fidèle à ce qui le rend si bon.

Cartes UI

Les cartes gagnent de plus en plus de popularité en tant que modèle sur le Web; ils sont vraiment une excellente façon de montrer à vos utilisateurs des informations condensées, et ils fonctionnent bien 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 certain débat sur la mise en place de cartes dans Foundation–est-ce un composant dont vous avez réellement besoin dans un cadre réactif, ou devriez-vous créer vos propres cartes avec les outils qui vous sont offerts? La ligne de fond 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 lors de la production, ces cartes sont un ajout bienvenu à la force.

Flexbox Helpers

Flexbox est formidable, car il nous permet d'en faire plus (vous l'avez supposé!) Des mises en page flexibles dans nos designs. Flexbox vise à fournir un moyen plus efficace d'étendre et de distribuer de l'espace parmi 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 assistants qui rendent Flexbox plus accessible et plus facile à créer. Par exemple, les flotteurs et clearfix sont des hacks; signifie une fin. Pour remplacer ceux que nous utilisons Flexbox Helpers.

"Flexbox est une partie importante de la conception web moderne et nous voulons rester au courant de cela." – Kevin, Foundation Community Manager

Un tout nouveau Off-Canvas

Certains diront que cela aurait été en retard, mais cela a été finalement terminé. L'élément Off-Canvas a eu un retraitement et c'est incroyable. Vous n'avez même pas à changer de marge de progression car il est compatible avec le retour.

Le marquage du nouveau Off-Canvas est encore plus simplifié; nous avons maintenant la possibilité d'utiliser Off-Canvas en tant que superposition et ouvrir de haut en bas, au lieu de seulement pousser le contenu. Même cela est maintenant plus poli que jamais, alors assurez-vous de consulter les documents Off-Canvas dans la Foundation pour les sites.

 Accordéon aux onglets: Magie réactif

Toujours joué avec des onglets qui sont utiles sur les grands écrans, mais devient un désordre complet sur les appareils mobiles? Pas plus! Avec "accordéon réactif aux onglets", vous pouvez basculer votre UI en fonction de la taille de l'écran et fournir une meilleure expérience utilisateur pour vos visiteurs mobiles. C'est facile à mettre en œuvre et les avantages sont massifs!

Rythme vertical à la danse à

La mise en œuvre d'un rythme vertical solide dans votre type peut améliorer considérablement l'apparence de votre site. La Foundation nous a toujours facilité la manipulation des différentes tailles de texte de l'en-tête et du corps, mais avec la mise à jour de la Foundation 6.3, la configuration du dimensionnement de la typographie, de la hauteur de la ligne et des marges a été rendue accessible dans un seul paramètre compact. Facilité d'utilisation à son meilleur.

Observez, Observez... Observateurs de Mutation

Parfois, les petites tâches peuvent devenir fastidieuses, mais il y a des mises à jour qui vont nuire à cela. C'est le cas avec les nouveaux observateurs de la mutation, qui travaillent derrière les scènes et détectent automatiquement les modifications DOM et déclenchent des mises à jour dans les composants. Cela vous évite de renvoyer des éléments pour déclencher des changements dans des choses comme des modes de révélation, des barres collantes, des égaliseurs, etc. Étonnant.

Lien profond avec les onglets

La liaison profonde joue un rôle important lorsque vous obtenez vos utilisateurs sur la bonne page–particulièrement important sur les sites Web et les applications mobiles. Avec la Foundation 6.3, vous pouvez facilement diriger vos utilisateurs sur le contenu spécifique que vous avez placé dans les onglets et donc utilisez le lien profond entre vous.

Styling d'impression

Jusqu'à cette dernière mise à jour de Foundation, vous avez dû configurer vos propres feuilles de style d'impression personnalisées pour les pages Web. Foundation ne montrerait que l'écran mobile, tandis que d'autres cadres ne le feraient même pas, ce qui signifie que vous avez brisé vos mains et faites le travail vous-même.

Ces jours-ci sont une chose du passé grâce à la Foundation 6.3, car vous pouvez maintenant spécifier exactement quel point d'arrêt vous souhaitez que votre page imprimée réfléchisse, et Foundation découvrira le reste. Agréable.

ZURB: l'entrevue

Nous voulions des informations privilégiées sur la façon dont le cadre a atteint sa position actuelle. Nous avons également demandé ce que nous pouvons attendre de la Foundation en 2017. C'est ce que l'équipe ZURB a à dire:

Quels sont les principaux défis à relever en 2016?

Cela aurait été la façon dont les navigateurs s'occuperaient de certains sélecteurs CSS et de nos grilles. Ils fonctionnent tous bien maintenant, mais il a fallu du temps pour que les navigateurs modernes atteignent tous les éléments du Web.

Notre réseau CSS avait besoin (et a besoin) de devenir plus polyvalent et de devenir un élément essentiel de la Foundation. Nous devons voir ce que cette valeur fondamentale offre et comment elle profite à quiconque qui utilise notre cadre.

Que prévoyez-vous accomplir en 2017?

L'une des choses sur lesquelles nous travaillons, et ce que nous accomplirons certainement en 2017, est de refaire notre JavaScript pour la Foundation. Nous allons tirer le meilleur parti des outils modernes et simplifier nos utilisateurs à compléter leurs propres composants personnalisés.

Une autre chose serait de remanier les composants du menu. Ils sont déjà très puissants, mais, lorsque vous les suivez en dehors de leur norme, ils sont encore un peu fragiles. Nous allons travailler fort pour que vous puissiez les personnaliser, mais cela correspond à votre projet.

Quelle est la principale priorité pour 2017?

Nous allons certainement regarder la facilité d'utilisation du cadre, des éléments comme des blocs de construction réutilisables et une Foundation plus plug-gable, afin que les gens puissent y ajouter leur propre effet. Faire plus de plug-gable permet des composants plus polyvalents et des blocs réutilisables permettront d'utiliser un prototype encore plus rapide et plus propre.

Quelles nouveautés apparaissent en 2017?

Nous voulons faire plus avec les SVG car ils continuent à jouer un rôle plus important dans une conception Web flexible et adaptée. Nous voulons voir comment nous pouvons implémenter et manipuler des SVG pour différents états et tailles d'écran. Une chose que nous examinerons est un moyen plus simple de créer et d'intégrer des SVG dans votre projet en utilisant Foundation pour Sites.

Avez-vous peur que Foundation devienne trop gonflée?

C'est toujours quelque chose à savoir. D'une part, avoir beaucoup de composants nous aide à devenir un prototype et à se développer plus rapidement. D'autre part, plus de composants peuvent signifier un code non utilisé, ce qui rend un projet maigre trop gonflé. Nous optimisons la façon dont les choses peuvent être intégrées et de manière à ce que vous puissiez choisir de travailler dans des composants supplémentaires pour votre projet spécifique. Une chose dont nous gardons un œil précis est de garder le cœur compact et solide.

Comment l'UI de Motion arrive-t-elle?

C'est une excellente question! En fait, nous sommes assez occupés et il est sur le point d'être réaménagé pour le rendre plus accessible. Nous allons aussi approfondir la façon d'utiliser vos propres animations avec Motion UI.

Une chose qui manque pour l'instant est une documentation complète et utile. Nous pensons que c'est pourquoi les gens ne l'utilisent pas autant que nous le souhaitons, alors que l'UI de mouvement elle-même est déjà une bibliothèque très puissante. Nous vous tiendrons informé sur notre blog et notre bulletin d'information sur la façon dont cela se déroule.

"L'UI de mouvement est déjà très puissante, mais nous devons améliorer les documents pour que les gars soient plus faciles à utiliser et à mettre en œuvre." – Rafi, Foundation Avocat

Flexbox est l'avenir de la Foundation?

Nous aimons Flexbox, c'est vraiment un grand pas en avant dans les composants flexibles et dynamiques. Alors que nous avançons avec Foundation pour Sites, nous continuons à progresser 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 la propriété flex et à utiliser des modules flexibles pour tous les composants.

Conclusion

Bien, vous l'avez, un cadre formidable qui s'améliore. Avec Foundation 6.3 et Motion UI, nous en tant que développeurs et utilisateurs, nous pourrons prototyper et lancer encore plus vite qu'avant. Cela correspond définitivement au 5ème anniversaire de la Foundation, félicitations!

"Un énorme cri clignotant fait appel à notre communauté dévouée de développeurs, qui continuent d'améliorer Foundation chaque fois. Merci les gars! " – Kevin, Foundation Community Manager

Lecture connexe

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.