Ce mois-ci, nous avons eu l'occasion d'interviewer Kevin Ball et Rafi Benkual de ZURB . Nous devons parler de l’avenir du Web, de l’état de la conception Web et, bien sûr, de Fondation .
{$lang_domain} : Bonjour Mesdames et Messieurs, je suis Ezequiel Bruni pour Web Designer Depot, et aujourd'hui, nous parlons à ces deux charmantes personnes de ZURB. Cela vous dérangerait-il de partager vos noms avec le public?
Kevin Ball: Bonjour, je suis Kevin. Je vais aussi par KBall ici à ZURB, et c'est ...
Rafi Benkual: Je suis Rafi et je suis l'avocat de la Fondation chez ZURB.
KB: Oh oui, je devrais dire ce que je fais. Je suis le chef de la fondation.
WDD: Ok, Lead Foundation, qu'est-ce que vous faites exactement? Vous décidez de la direction pour Foundation, ou ...?
KB: Ah oui, il y a un certain nombre de pièces différentes là-bas. Je suis moins un dictateur, plus un facilitateur et un synthétiseur. Je passe beaucoup de temps dans les conversations - en personne et en ligne - en essayant seulement de savoir où les gens ont des problèmes avec Foundation, où va le Web, où se trouvent les designs réactifs et qui essaient de sortir. en avance sur cette courbe.
WDD: Ok, et Rafi, que faites-vous en tant que ... défenseur de la fondation?
RB: Oui, c'est difficile à décrire, alors il y a beaucoup de plaidoyer communautaire, de croissance de la communauté, de vente de produits. Et puis aussi coder sur les deux projets clients, les projets internes, et évidemment tout ce qui concerne Foundation, et aussi travailler avec la communauté pour corriger les bugs et créer de nouvelles fonctionnalités pour Foundation.
WDD: Comment vous êtes-vous initiés à la conception et au développement Web, et tout ça?
KB: Euh, bien sûr, tu veux y aller en premier, Rafi?
si vous regardez les Kurdes qui codent, nous sommes probablement 80% autodidactes sous une forme ou une autre
RB: Vous y allez en premier.
KB: Eh bien, je suis plus longtemps. Donc, je suis un peu un gars de la vieille école, alors j'ai commencé dans le matériel de back-end et les logiciels de bas niveau, les compilateurs, les pilotes de périphériques, etc. Et puis en 2008-2009, j'étais en transition de carrière, j'ai fondé une startup appelée Causes, qui faisait du plaidoyer social, du travail à but non lucratif, et ce genre de choses en ligne.
KB: Ceux d'entre vous qui prêtaient attention au Web se rappelleront peut-être que Causes était la plus grande application hors-jeu sur Facebook, lorsque Facebook a lancé ses applications pour la première fois. Nous essayions donc de faire prospérer ce boom de Facebook à un moment où tout le monde était enthousiasmé, alors nous voyions des centaines de milliers de nouvelles inscriptions par jour, sur la toute nouvelle plateforme ouverte de Facebook.
C'était donc mon introduction sur le web, c'était: "Bienvenue à bord, nous avons une application. Nous avons un million de personnes qui l'utilisent aujourd'hui. "Et six mois plus tard, il y avait 15 millions de personnes et au moment où je suis parti, c'était plus de cent millions de personnes qui utilisaient la chose. Donc, surfer sur cette vague, et tout apprendre sur la mise à l'échelle de grandes applications et sur la façon de le faire.
C'était plutôt drôle, parce que j'ai trouvé un emploi dans une entreprise Web, et lors de mon interview, ils m'ont fait analyser un grand nombre de données, et j'ai dit: «Génial, je l'ai compris, comment le veux-tu? sortie? "Et ils ont dit. "Eh bien, il suffit de le mettre dans une liste. Une liste HTML. ", Et je suis un peu comme" Ok, qu'est-ce que c'est? ", Non? Parce que je venais de ce truc d'arrière-plan, ils aiment: "Oh, d'accord, voici le balisage. Commence à aller. "
KB: Il se trouve que lorsque vous effectuez un codage approfondi et C et tout le reste, HTML n'est pas si mal.
WDD: Et Rafi, comment as-tu commencé?
RB: Eh bien, en fait, je travaillais dans le domaine des ventes et du marketing, du commerce de détail en ligne, etc. J'étais en fait ami avec des gens qui travaillaient chez ZURB et je venais souvent au bureau.
Et le patron nous a en quelque sorte dit qu'il cherchait à faire croître la Fondation et à chercher quelqu'un qui soit dédié à la communauté de la Fondation. Mais je n'avais jamais touché au HTML et au CSS dans ma vie, il y a trois ans, alors j'ai dû apprendre Foundation dans environ un mois, puis faire un test et passer ça pour être embauché chez ZURB.
C'est comme ça que j'ai commencé, je l'ai fait, et je me suis bien débrouillé, et j'ai tout de suite été jeté dans le mélange de bugs corrigés dans GitHub, ce qui est fou.
WDD: Je dois dire que vous êtes un peu chanceux d'avoir suivi une formation. J'étais autodidacte et la seule raison pour laquelle je continuais était que je ne savais pas que je suçais.
KB: Oh oui, je sais, j'ai appris dans l'industrie. J'ai étudié la physique à l'école. Je pense qu'en fait, si vous regardez les ZURB qui codent, nous sommes probablement 80% autodidactes sous une forme ou une autre.
WDD: C'est vraiment cool. Vous avez déjà parlé de la façon dont vous êtes venus travailler chez ZURB, et c'est intéressant. Comment avez-vous été affecté à la Fondation spécifiquement? Avez-vous été directement impliqué dans ce projet lorsque vous avez commencé ou avez-vous commencé par autre chose ou ...
KB: Rafi est entré directement dans la Fondation. Je suis arrivé en tant que responsable de l'ingénierie chez ZURB et j'ai commencé à absorber progressivement de plus en plus de projets et à en mener différents. Il est arrivé au point où l'un de nos anciens membres de la Fondation est parti pour passer à autre chose, et je regardais tous ces projets en disant: «Eh bien, tout cela est bien, mais qu'est-ce qui me fait vraiment bouger et vraiment ça m'excite de travailler sur la Fondation et d'interagir avec sa communauté. "
Alors j'ai parlé aux gens de ZURB, j'ai parlé à l'homme-patron et j'ai parlé à tout le monde, je me suis dit "Je fais toutes ces choses, mais ce que je veux vraiment faire, c'est la Fondation." moi et dit: "Super! Va faire!"
WDD: Ok, Kevin, quand est-ce que tu as réalisé pour la première fois que Foundation allait être une si grosse affaire, quand as-tu eu le sentiment que c'était la première fois?
KB: Donc, au moment où je suis entré dans la Fondation, j'ai mentionné que je suis entré dans le web, il y a huit ans maintenant, mais je suis à ZURB depuis un an. Donc, au moment où je suis vraiment entré dans la Fondation, c'était déjà un gros problème. Pour moi, en gros, frameworks-Foundation et Bootstrap étaient en train de ... les découvrir était énorme pour moi. Parce qu'à l'époque où je commençais à faire du web, même un système de grille, comme le 960, était une énorme innovation. Et puis tout d'un su ...
WDD [interrompant plutôt brutalement, Ezequiel est très désolé]: Je sais!
KB: Plus qu'une simple grille de base, quelque chose que vous pouvez ajuster, quelque chose de réactif, comme ma bonté, c'est incroyable. Étant donné que je devais évoluer progressivement vers le front-end, avec ce type de ressources, je pouvais voir que c'était énorme avant même que les choses ne deviennent énormes.
chaque jour, nous découvrons de nouvelles entreprises qui utilisent la Fondation depuis quelques années et il est tout simplement incroyable de voir
RB: Au moment où j'ai commencé il y a trois ans, la fondation était déjà très importante dans le monde du développement Web. Si vous faites du développement Web, vous connaissiez probablement Foundation et Bootstrap, et il n'y avait pas vraiment beaucoup d'autres frameworks à l'époque. Peut-être que Sémantique était nouvelle, mais ce n’est pas vraiment un cadre complet, donc il n’y avait pas grand chose là-bas. Donc, la Fondation était déjà énorme.
Ce qui s’est passé, c’est que lorsque j’ai commencé à travailler sur Foundation, j’ai commencé à réaliser combien de marques et de sites Web différents étaient construits sur Foundation, ce qui était vraiment révélateur pour moi. Ainsi, chaque jour, nous découvrons de nouvelles entreprises qui utilisent la Fondation depuis quelques années, et c'est tout simplement incroyable. Consultez notre page sur les marques et vous pouvez voir toutes les centaines de grandes marques qui y figurent, et il y en a probablement des milliers d'autres que nous ne connaissons même pas.
KB: Ouais, ça me tracasse parfois, joue un peu sur ce que dit Rafi, comme si tu tombais dans les mauvaises herbes, et tu fais juste le travail, d'accord, puis tu reviens en arrière ...
Comme, je suis un grand fan de sport ... NBA.com a récemment fait une relance. Leur tout nouveau site est construit sur Foundation. Et bien sûr, je vais sur le site et je me dis: "Oh, il y a un bug, et il y a un bug ...", et je suis toujours dans les mauvaises herbes. Puis je recule et je me dis: "De quoi je parle? C'est ma ligue de sport préférée, et ils s'appuient sur le produit sur lequel j'ai travaillé. C'est incroyable!"
WDD: [Rires] Cela doit être un sentiment incroyable. En attendant, j'ai développé pour dire quand n'importe quel site Web est construit sur Bootstrap. Ce n'est pas un super pouvoir que je voulais quand j'étais enfant, mais c'est ce que j'ai.
KB: Il n'y a pas besoin d'un super pouvoir, étant donné l'approche qu'ils ont choisie. Vous savez, c'est l'une des choses dont nous avons beaucoup parlé avec la Fondation. Evidemment, Bootstrap a un public plus large à l’heure actuelle, et l’une des raisons est qu’ils ont une opinion visuelle aussi forte, ce qui signifie que quelqu'un qui n’a aucune idée de ce à quoi il veut que quelque chose ressemble… peut le brancher et il aura l'air décent. Cela ressemblera à Bootstrap, mais ça aura l'air décent.
WDD: C'est vrai. Cette sorte de fonctionnalité prête à l'emploi est en réalité une énorme partie du Web aujourd'hui. Les modèles et les thèmes ne vont nulle part. Les frameworks ne vont nulle part, les gens auront toujours besoin d'un moyen plus simple pour faire quelque chose, et plus vite ... c'est pourquoi la Fondation et les autres frameworks vont devenir une énorme partie du Web en marche.
Comment voyez - vous la Fondation avancer?
KB: C'est une excellente question, et je pense beaucoup à cela. Je peux vous donner une réponse à court terme, à moyen terme et à long terme. Je pense. À court terme, l’un des points que nous voyons s’améliorer, c’est le thème préexistant.
Le noyau de la Fondation est extrêmement personnalisable, car il ne s’agit que d’une fondation que vous pouvez utiliser pour que tous les sites de la Fondation ne se ressemblent pas. Cependant, il y a un énorme public de personnes qui ont besoin de quelque chose d'un peu plus fort pour commencer.
Et bien que ce soit possible en ce moment, ce n’est pas aussi facile à la Fondation qu’elle devrait l’être, et c’est pourquoi nous accordons beaucoup d’attention à la prochaine ... Je dirais trois à six mois. Rendre beaucoup plus facile pour les gens qui viennent d'un arrière-plan de conception de créer quelque chose que les gens qui n'ont aucun arrière-plan de conception peuvent simplement déposer et utiliser partout.
WDD: Bon, donc, des thèmes enfants, essentiellement.
KB: Essentiellement, oui. Il existe plusieurs variantes que nous examinons pour y parvenir. Parce que, comme je l’ai dit, l’un des aspects essentiels de la fondation est cette idée, c’est toujours le cas.
Par exemple, tout le monde construit des sites Web réactifs maintenant, mais ils vont un peu, beaucoup d'entre eux vont de travers. Comme, il y a quelques modèles que les gens ont compris, comme il y a une icône de hamburger, et le menu hors-toile, et tout ça, et tout le monde est coincé avec cette chose
ZURB est une société de design, et c'est de là que nous venons, donc, si nous finissons par la mettre en œuvre, elle ne peut pas sacrifier cette capacité à mettre en œuvre votre identité visuelle, votre vision. Mais, nous pensons que nous pouvons rendre les choses beaucoup plus faciles à mettre en place et à mettre les choses en place quand vous le souhaitez.
Donc, c'est un domaine. Un autre domaine important que nous examinons à moyen et à long terme est de continuer à faire avancer cette idée de réactivité. Foundation a toujours été à l'avant-garde de ce projet, nous avons été les premiers à passer à la téléphonie mobile, nous y avons mis tout un tas de produits mobiles et nous commençons à voir que cette idée de base de la réactivité a gagné.
Par exemple, tout le monde construit des sites Web réactifs maintenant, mais ils vont un peu, beaucoup d'entre eux vont de travers. Comme par exemple, il y a quelques modèles que les gens ont compris, comme une icône de hamburger, et le menu hors-toile, et tout ça, et tout le monde est coincé avec cette chose. "Ok, je vais empiler le contenu sur le portable, et faire ceci, ça et l'autre."
Mais nous pensons que, d'autant plus que les appareils mobiles deviennent de plus en plus puissants et deviennent de plus en plus prolifiques, il y a toute une gamme de possibilités qui se jouent à peine maintenant. Un site Web réactif ressemble souvent à quelque chose d'incroyable sur le bureau et il fonctionne correctement sur mobile, ou il est incroyable sur mobile et fonctionne correctement sur le bureau.
Et nous pensons que c'est inutile. Vous devriez être en mesure d’avoir quelque chose d’extraordinaire sur mobile, d’extraordinaire sur une tablette, est incroyable si vous mettez le tout sur un téléviseur, c'est incroyable si vous interagissez avec lui via un lecteur d’écran, de sorte que tous ces différents les choses ne sont pas simplement une sorte de compte, mais en fait optimisées pour, si cela a du sens.
WDD: Cela a du sens. En fait, je pensais à cela pendant que vous parliez, parce que j'ai remarqué que beaucoup de sites ont adopté la mentalité du mobile d'abord, en se concentrant beaucoup plus sur le mobile que sur les grandes tailles d'écran. Maintenant, c'est juste parce que le mobile est énorme, mobile partout, tout le monde a un téléphone portable, qu'il ait ou non un ordinateur de bureau ou un ordinateur portable. Ils ont des téléphones portables dans des endroits où ils n'auraient même pas le pouvoir pour un ordinateur de bureau.
Cependant, les écrans dans les pays plus développés prennent également de l’ampleur et, bien sûr, plus denses, en ce qui concerne les pixels, et en plus, nous recevons des téléviseurs 4K, 4K, les prix baissent très lentement et je Nous avons remarqué que beaucoup de concepteurs de sites Web ne tiennent pas compte des tailles d’écran plus grandes. Ces écrans qui deviennent absolument massifs. Et vous n'avez pas la possibilité de créer une fenêtre plus petite à la télévision, comme un téléviseur intelligent ou avec une Xbox ...
Je suis un peu curieux, car tout le monde veut personnaliser pour le mobile, et c'est bien, mais qu'est-ce que vous allez faire pour aider vos utilisateurs à optimiser les super-grands écrans?
KB: C'est un problème auquel le monde est confronté, et je dis que mon rôle n'est pas un dictateur, mais plutôt un synthétiseur. Ainsi, deux de nos concepteurs ont récemment participé à un projet axé sur les grands écrans. Il se trouve que certaines des choses que nous avons déjà dans Foundation vous permettent de faire des choses comme ça, car vous pouvez personnaliser votre ensemble de points de rupture, vous pouvez ajouter un point de rupture supplémentaire. Vous pouvez faire un tas de choses pour ça déjà.
Mais les gens ne se rendent pas vraiment compte de cela, ils ne sont pas au courant de ces options, alors une grande partie de ce que nous voulons faire est simplement de publier les meilleures pratiques pour cibler ces choses. Le cadre fonctionne conceptuellement là. Les gens prennent souvent les points de rupture qu'ils sortent de la boîte, et ne pensent pas: «Ok, attendez, cela s'applique-t-il à tout mon public? Sur quoi travaillent ces gens? "
Quelque chose dont nous avons besoin et sur lequel nous travaillons activement, c’est simplement une meilleure éducation sur ce qu’il ya et comment vous l’utilisez.
RB: Dans le cadre, il y a, comme vous l'avez mentionné, des mixins. Nous avons déjà un point de rupture supplémentaire et vous pouvez en ajouter. Et puis, il y a aussi des requêtes de médias pour le ratio de pixels et d'autres choses comme ça. Je pense que ce dont nous avons besoin, c'est ... oui, plus de meilleures pratiques, plus d'éducation sur la façon de gérer ces situations.
KB: Quelques éléments supplémentaires que nous avons en cours de développement, en fait quelque chose avec lequel je jouais jusqu'à cet appel, est quelque chose qui aide à toutes les tailles d'écran: aller dans plus de graphiques vectoriels et être capable de faire plus de choses avec vecteurs.
WDD: SVG. Nous attendons tous "L'année du SVG".
KB: "L'année du SVG", nous avons quelques trucs amusants à faire pour que cela arrive, alors je pense que les gens ne réalisent pas toujours à quel point SVG est puissant. Si vous intégrez ces éléments, vous pouvez les personnaliser avec CSS, puis les manipuler avec JavaScript. De plus, ils sont beaux sur toutes les tailles d’écran. Donc, cette idée d'imagerie réactive est quelque chose qui nous passionne vraiment. Des éléments qui ne sont peut-être pas seulement réactifs en ce sens qu'ils évoluent avec la densité de pixels et évoluent en fonction de la taille, mais modifient peut-être aussi les fonctionnalités visibles dans une image en fonction de la taille de l'écran.
Il y a toutes sortes de possibilités intéressantes là-bas. Je pense que ce qui manque actuellement n’est pas la capacité des SVG, mais l’outillage. C'est donc une chose que ZURB peut vraiment aider à faire progresser: l'outillage pour simplifier les choses.
Je pourrais entrer dans plus de détails, mais nous allons le faire bientôt.
WDD: Je suis désolé, je viens de me rendre compte que je n’ai jamais vraiment pensé à la possibilité qu’avec une image SVG intégrée, vous puissiez littéralement laisser tomber des objets de l’image en fonction de la taille de l’écran. C'est en quelque sorte énorme.
KB: C'est incroyable, c'est incroyable, et personne ne le fait. Ils n'y pensent pas, parce que ces choses sont en quelque sorte enfermées, "Oh, c'est un atout que je vais charger." Mais non, ces choses sont des documents. Vous pouvez faire ce que vous voulez.
WDD: Ils sont des documents aussi dynamiques et modifiables que le HTML lui-même. C'est une chose importante à retenir. La dernière question dans cette section est la suivante: quelle est votre partie préférée du framework tel qu’il est actuellement? Y a-t-il des composants spécifiques que vous pensez de votre favori, ou peut-être avez-vous travaillé dessus pour que ce soit votre bébé?
KB: Je suis récemment tombée amoureuse des menus réactifs, et j'ai mentionné que je n'avais pas participé au projet aussi longtemps. Ceci est un code base assez étendu. J'ai travaillé sur le projet six / huit mois, alors je continue à découvrir de nouvelles choses. Les menus réactifs sont vraiment puissants.
Le concept de base est que le type de menu que vous pouvez utiliser pour effectuer votre navigation varie beaucoup d’un appareil à l’autre. Ainsi, par exemple, le modèle d'un menu déroulant, qui a longtemps été intégré à des environnements tels que Bootstrap et Foundation, est extrêmement puissant sur les ordinateurs de bureau et souvent presque inutilisable sur les mobiles, surtout si vous avez des couches imbriquées. il. Cependant, certains menus fonctionnent parfaitement sur un mobile, par exemple un menu déroulant. iOS a popularisé cela. Ils nous ont donné cette idée d'un menu déroulant dans lequel vous tapez sur quelque chose et qui glisse sur le sous-menu, vous accédez à l'endroit où vous devez aller.
Foundation prend en charge ces deux éléments et utilise la même méthode de marquage, mais avec des attributs de données légèrement différents pour JavaScript. Ce que cela permet, c’est un menu réactif qui se comporte comme une liste déroulante lorsque vous êtes à un point de rupture, et passe à un zoom avant lorsque vous êtes à un autre point de rupture. Donc, vous avez exactement le même balisage, vous lui dites, "Hey, c'est réactif", pour explorer les petits [écrans], pour dérouler sur de grands [écrans], et ça marche.
WDD: J'adorerais en savoir plus, parce que, honnêtement, par exemple, les menus déroulants dans lesquels vous choisissez votre pays ou votre région sont inutilisables sur le bureau, beaucoup plus sur le mobile. Toute liste déroulante avec deux cents entrées ou plus est tout simplement ridicule.
KB: Oui, cent pour cent.
WDD: Ceux-ci devraient être explorés par défaut. Mais de toute façon, et toi, Rafi? Y a-t-il quelque chose que vous aimez?
RB: Oui, dans les projets récents, nous avons juste fait une rencontre sur la grille Flexbox, et je suis vraiment amoureux de la grille Flexbox. Juste Flexbox en général ... si vous commencez à apprendre certaines des propriétés, elles ne sont pas si difficiles à apprendre, elles sont vraiment puissantes et améliorent vraiment la grille standard. Donc, si votre projet le permet, IE-10 et plus sont la restriction, donc, si votre projet le permet, je vérifierais certainement la grille Flexbox. En ce moment, c'est mon truc préféré.
WDD: Ok, et la dernière question dans cette section est, bien ce n’est pas une question ... Orbit, les gars me manquent. Je fais. Je me rends compte que les sliders et les carrousels ne sont pas les meilleurs UX, mais parfois vous en avez juste besoin ou le client en demande un, et Orbit me manque.
KB: Saviez-vous que c'est dans six?
RB: Ils l'ont ramené.
WDD: Ils l'ont remis?
KB: Il est de retour dans Foundation 6.
WDD: En fait, je n'ai pas ... Wow, je suis sorti de la boucle.
KB: Donc, dans l'histoire de Foundation 5, nous sommes arrivés à un point avec Orbit où il devenait un peu trop lourd en fonctionnalités, et très difficile à maintenir en tant que projet open source. Nous essayions de faire trop de choses. Il essayait d'être tout. Donc, quand nous l'avons revampé pour Foundation 6, nous avons décidé que nous voulions un ensemble de fonctionnalités simple, tout le balisage de la page sur le chargement, au lieu que JS ajoute dynamiquement ces éléments. Et comme quelque chose de simple pour le prototypage ou même un simple carrousel pour la production, cela fonctionne très bien.
Si vous cherchez quelque chose d'un peu plus riche en fonctionnalités, comme être capable de changer le nombre de diapositives par point de rupture, ou le nombre de diapositives qu'il déplace en même temps, vous voudrez peut-être en avoir trois sur une page, puis en déplacer une à chaque fois, il y a d'autres manèges pour cela que nous avons utilisés dans nos projets. Comme Hibou , ou Carrousel lisse .
RB: Il s’agissait donc plus d’un composant «fondamental», qui n’essayait pas de tout faire, mais de se concentrer sur les bases et de vous permettre de le personnaliser. C'est une philosophie que Foundation a essayé de faire tout le long du chemin, mais a parfois perdu son chemin.
C'est une chose sur laquelle nous nous sommes définitivement recentrés: faire en sorte que les choses que nous fournissons n'essayent pas de tout faire. Ils sont fondamentaux et ils sont extensibles. Nous les fabriquons de manière à pouvoir interagir avec eux, vous pouvez les étendre, vous pouvez faire toutes ces choses, mais ils ne font pas nécessairement tout ce que vous voulez.
Et l'une des pièces dont nous avons en quelque sorte parlé, à savoir la possibilité de laisser tomber des thèmes, ou des thèmes enfants, ou quelque chose du genre ... un autre élément est la possibilité de laisser tomber ce concept de blocs de construction. Quelqu'un qui a pris un tas de morceaux et les a câblés ensemble et a ajouté un tas de comportement sur le dessus, et les rendre plus faciles à brancher et à jouer avec.
WDD: Oh, comme les modules ou les plug-ins, comme les plug-ins jQuery, mais pour ... d'accord, ça pourrait être énorme. Surtout si les gens les vérifient pour la compatibilité et sont capables de les déposer facilement. Une chose avec laquelle j'ai eu des problèmes dans le passé était de combiner des ressources de différents endroits. Les gens utilisent parfois des noms de variables similaires et cela gâche tout. Ou le CSS est juste incompatible parce que ... des raisons, parce que les navigateurs .
KB: C'est un vrai problème, et c'est pourquoi je pense qu'en regardant les gestionnaires de paquetages qui existent, ils ne sont pas vraiment conçus pour très bien expédier le balisage et les CSS.
WDD: Ils ne le sont pas.
KB: Ce n'est donc pas un problème entièrement résolu. Nous nous penchons sur différentes manières de le faire, mais l'une des choses à laquelle nous pensons est de nous assurer que vous utilisez et exploitez les mêmes variables SASS de base du reste du cadre, de sorte que si vous Si vous laissez tomber quelque chose, cela prend immédiatement votre thème ou vos styles.
WDD: Ça sonne comme une bonne idée. J'ai toujours été impressionné par les gestionnaires de paquets, mais pour être tout à fait honnête, si vous proposez une solution qui me permet de faire glisser des fichiers depuis un fichier .zip vers mon dossier de projet, cela fonctionnera, moi. Je suis toujours un type très manuel en ce qui concerne mon HTML et CSS. Je n'utilise pas beaucoup de gestionnaires de paquets.
Je me rends compte qu'ils sont l'avenir, oui, mais je construis des petites choses, et c'était une autre chose que je disais à propos d'Orbit: je n'ai pas besoin de quelque chose de trop de fonctionnalités, la plupart du temps, quand j'avais besoin d'un carrousel. J'ai juste eu besoin de déplacer des images de droite à gauche. C'est tout ce dont j'avais besoin.
KB: Essayez-le dans Foundation 6, il est là. Si quelque chose ne fonctionne pas comme vous le voulez, déposez un bogue et nous verrons comment le corriger.
RB: Il y a une belle amélioration sur Orbit. Il est connecté avec Motion UI, vous pouvez donc modifier les animations directement dans le HTML. Donc, si vous voulez un fondu, ou si vous voulez une diapositive, ou si vous voulez la glisser ou la faire tourner, ou quoi que ce soit d'animations folles ... tout y est accroché.
WDD: C'est vraiment cool. Enfin, et surtout, amusez-vous: comment ne pas nommer votre relation avec le framework ?
Fait peu connu: les inventeurs de Bootstrap avaient l'habitude de travailler chez ZURB
KB: Fait peu connu: les inventeurs de Bootstrap travaillaient actuellement chez ZURB.
WDD: Vraiment?!
KB: Ouais. Mark Otto était un designer ici, je crois. Donc, la chose qui peut ne pas être connue est que Foundation et Bootstrap proviennent en fait de la même genèse. Ce sont les deux cadres qui ont été inspirés par ce que ZURB faisait pour notre clientèle. Nous construisions ces guides de style HTML et CSS, et nous voulions les systématiser un peu, de sorte que la première version open source de Foundation était la version 2. La version 1 était interne.
Donc, Bootstrap et Foundation proviennent des mêmes racines. Ils ont évidemment choisi des chemins différents en termes d’optimisation, et Bootstrap a remporté un franc succès auprès du public des développeurs. Foundation a été et continue d'être plus populaire auprès du public des créateurs, car il n'exerce pas ce lourd sentiment visuel.
WDD: Cela a du sens.
KB: Pour jouer un peu plus, il y a évidemment une rivalité amicale.
WDD: naturellement.
KB: Et je pense que nous devons parler à différentes personnes. Évidemment, je parle à beaucoup de personnes différentes au sujet de la Fondation, et le message que nous semblons recevoir, particulièrement de la part de personnes plus âgées, est le suivant: «J'aime la Fondation, elle est plus puissante. Nous utilisons de toute façon Bootstrap, car tous mes développeurs juniors le savent. "C'est convaincant. Cela nous dit ce sur quoi nous devons travailler, non? L'une des choses les plus importantes sur lesquelles nous devons travailler est de gagner la bataille de la fonctionnalité, nous gagnons la bataille des longs métrages, nous devons gagner la bataille de l'intégration.
Nous devons améliorer notre capacité à… prendre les choses en main et à jouer avec elle. Parce que si tous les gens aiment ça, et que tous les concepteurs l'aiment mieux ... oui, nous devons évidemment continuer à avancer, nous avons mentionné des endroits comme SVG, nous pouvons soutenir que 2017 soit l'année du SVG, la Fondation peut aider ça arrive.
Il y a d'autres éléments, la grille CSS, il y a d'autres technologies que nous pouvons jouer le rôle que nous avons toujours joué pour faire avancer le Web. Mais nous devons également nous concentrer sur la manière dont nous pouvons soutenir l’audience des débutants, ce qui est énorme. Comment pouvons-nous amener les gens et les aider à apprendre?
Le monde et le web fonctionnent mieux avec les concurrents. Les guerres des navigateurs ont stagné jusqu'à l'arrivée de Google avec Chrome et nous avons vu des innovations incroyables. Je pense que nous devons continuer à regarder Bootstrap, Bootstrap devrait continuer à nous regarder ...
RB: Ils sont.
KB: Ils le sont, nous savons qu'ils le sont et nous les examinons, et je pense que nous pouvons chacun prendre les meilleures idées les uns des autres et continuer à faire avancer le web.
WDD: Ok, assurez-vous de voler Tyler Tate avant qu'ils ne le fassent. Je ne sais pas si vous connaissez son travail. Il a fait la grille CSS de 1KB à l'époque, à l'époque de 960.gs, il a également fait de la sémantique. C'était l'un de mes frameworks de grille préférés basés sur la technologie LESS, et bien plus ... comme un générateur de grille, pendant longtemps. Sérieusement, voler ce gars.
KB: Ok, laisse-moi le trouver. Oh oui, il est local.
RB: C'est génial.
KB: Tyler, si vous regardez ça, faisons du café. Je vois que tu es dans le café, de ton site web. Design, code, café. Faisons du café, mon festin.
WDD: Ok, sérieusement, Mesdames et Messieurs, cet épisode vous est présenté par la caféine, beaucoup de caféine. Choisissez votre marque, car personne ne me paie pour cela. Donc, pour les deux dernières questions amusantes: Avez-vous un logo Twitter sur un jeu de fléchettes quelque part dans le bureau, et sinon, pourquoi pas?
[Certains légèrement mal à l'aise de rire d'eux. Plus authentique rire de moi.]
KB: Je suis en fait un grand fan de Twitter.
WDD: Ah darn it. Je plaisante. Et avez-vous au moins eu une guerre Nerf avec l'équipe de développement Bootstrap. Encore une fois, sinon, pourquoi pas? Allez-y. Vous devez filmer ceci.
RB: Je pense que c'est une excellente idée.
KB: Cela pourrait être amusant. Peut-être que le paintball.
RB: Nous avons des bagueurs morts ici.
WDD: Ok, pouvons-nous rendre ce fonctionnaire? Voulez-vous appeler l'équipe de développement Bootstrap? Défiez-les à une guerre de paintball?
KB: Guerre de paintball, équipe de développement Bootstrap. Mark, nous avons votre numéro.
RB: Nous avons beaucoup plus de monde, je ne sais pas ...
WDD: Merci à vous deux pour votre temps et je suis très heureux d’avoir pu vous parler comme ça. Quelque chose d'autre que vous aimeriez dire à nos lecteurs / auditeurs avant notre départ?
KB: Il se passe beaucoup de choses incroyables dans la Fondation. La version 6.3 sortira dans quelques semaines, et elle va innover davantage sur la base et la réactivité. Je dirais que si vous voulez rester à jour avec tout, consultez foundation.zurb.com/learn/foundation-insider.html , et vous pouvez obtenir sur notre liste de diffusion.
RB: L'autre chose que je veux appeler, c'est n'hésiter pas à s'impliquer. Nous avons toutes sortes de problèmes différents à différents niveaux de difficulté. Il semble important de toucher au cadre, mais si vous voulez commencer à vous impliquer en tant que contributeur, venez le vérifier. Ping un de nous, demandez, "Hey, qu'est-ce que je peux travailler sur quelque chose?"
Nous vous orienterons dans la bonne direction, nous vous indiquerons où le fichier peut être modifié. Nous allons vous faire démarrer et partir. Ceci est un projet communautaire. Nous sommes extrêmement fiers du fait que nous ayons plus de huit cents contributeurs dans l’histoire du projet et nous souhaitons vous voir participer.
WDD: Très bien, merci beaucoup et à bientôt .
KB & RB: Merci!
WDD: Ceci est Ezequiel Bruni pour la fermeture de Web Designer Depot.