Zurb a une longue expérience dans la fourniture d'applications et de ressources Web impressionnantes pour les concepteurs et les développeurs. Leurs applications incluent Notable, Ax, Enroll et Spur, entre autres.
D'autres ressources de Zurb incluent tout, des feuilles de croquis téléchargeables et du papier quadrillé, des boutons CSS, des outils CSS3, des effets visuels et des exemples d'animation, et bien plus encore.
Zurb a récemment lancé un nouvel outil pour les concepteurs, appelé Fondation , un framework gratuit de prototypage rapide.
Le concepteur principal de Zurb, Jonathan, a répondu à certaines questions sur le nouveau projet.
Fondation est un cadre pour le prototypage rapide et la création de sites et d'applications réactifs. Il vous permet de créer rapidement des pages, y compris la mise en page et des éléments communs tels que la navigation, la pagination, les formulaires, etc. pour que vous puissiez voir comment votre site fonctionne sur les ordinateurs de bureau, les tablettes et les téléphones. Ensuite, vous pouvez prendre ce code et le personnaliser ou l'adapter en un code de production solide.
Nous avons réalisé que les outils disponibles pour créer des sites réactifs - des sites fonctionnant sur tout type d’appareil - étaient non seulement insuffisants mais réellement inexistants. Il y a un certain nombre de frameworks CSS que les gens utilisent, mais tout a été conçu pour des mises en page fixes. Les appareils mobiles représenteront plus de la moitié de tout le trafic Internet au cours des deux prochaines années. Ne pas concevoir et construire pour eux est une condamnation à mort pour les produits ou services en ligne. Nous voulions un outil qui nous permettrait non seulement de fournir une expérience exceptionnelle à tous les appareils, mais aussi de tester très rapidement ce à quoi ressemblait une expérience formidable.
Nous avons utilisé Foundation pour tous nos sites et projets internes au cours des derniers mois, mais si je devais choisir un bon exemple, ce serait une application Web que nous avons publiée récemment et appelée Spur. Spur est un outil permettant d'effectuer des critiques de conception traditionnelles en vous permettant de capturer une page Web ou de télécharger une image, puis de l'afficher de manière floue, avec un contraste, une rotation et d'autres effets plus révélateurs. Nous l'avons conçu à partir de zéro avec Foundation pour prendre en charge les ordinateurs de bureau, les tablettes et les iPhones; le tout à partir du même code frontal.
Si vous affichez l'application sur différents appareils, vous verrez différents outils et mises en page subtilement modifiés, rendus possibles grâce aux classes de visibilité mobile de Foundation. Celles-ci vous permettent de baliser facilement des éléments à masquer ou à afficher sur des types de périphériques spécifiques, tels que les «cache-téléphones» ou les «présentations sur tablettes». Grâce à cette capacité et à la capacité inhérente de la Fondation à s'adapter à toutes les tailles, Spur possède une expérience astucieuse et adaptée à tout type d'appareil, avec un effort supplémentaire minime.
Travailler entièrement avec des pourcentages, bien sûr, ajoute de la complexité, en particulier en ce qui concerne les images et la flexibilité de certains objets comme les barres d’outils, mais au-delà d’une certaine CSS Foundation, elle s’occupe de presque tout.
Toute personne souhaitant que son site ou son application soit pertinente dans quelques années devrait créer plusieurs appareils et Foundation est un bon outil pour y parvenir. Foundation est parfait pour les nouveaux sites que vous souhaitez rapidement prototyper et construire, car vous pouvez disposer des sites entiers en quelques minutes en utilisant la grille flexible et les éléments communs déjà inclus.
Nous avons trouvé que Foundation est particulièrement utile pour les entreprises ou les organisations qui s'inquiètent du coût (en temps et en ressources) de la construction pour les appareils mobiles - Foundation vous aide à faire les choses rapidement et en une seule fois.
Nous travaillons constamment sur la Fondation, en ajoutant des éléments communs que les gens ont demandés ou dont nous avons constaté le besoin. Nous avons récemment ajouté une nouvelle grille téléphonique à quatre colonnes pour pouvoir réaliser des mises en page plus complexes sur de très petits appareils, et nous continuerons à travailler sur la prise en charge des périphériques et des modèles. Nous considérons également des choses comme les modèles de page, les packs de code pour des utilisations spécifiques comme le wireframing et le travail avec des développeurs externes sur des plugins pour d'autres frameworks tels que Less, SaSS, Drupal, WordPress, etc.
Notre objectif est que la Fondation ne soit pas simplement un framework open-source, mais une approche complète de la communauté et du développement pour le front-end. Nous aimerions avoir encore plus de contributeurs, à la fois dans les problèmes, les demandes de fonctionnalités et le code sur Github et nous sommes heureux de répondre aux questions à [email protected]