Zurb tem um longo histórico de fornecimento de incríveis recursos e aplicativos da Web para designers e desenvolvedores. Seus aplicativos incluem Notable, Axe, Enroll e Spur, entre outros.
Outros recursos da Zurb incluem tudo, desde sketchsheets para download e papel quadriculado, botões CSS, ferramentas CSS3, efeitos visuais e exemplos de animação, e muito mais.
Zurb lançou recentemente uma nova ferramenta para designers, chamada Fundação , uma estrutura de prototipagem rápida gratuita.
Jonathan Lead, designer da Zurb, respondeu algumas perguntas sobre o novo projeto.
Fundação é uma estrutura para criar rapidamente protótipos e criar sites e aplicativos responsivos. Ele permite que você reúna rapidamente páginas, incluindo layout e elementos comuns, como navegação, paginação, formulários e muito mais, para que você possa ver como seu site funciona em computadores, tablets e telefones. Então você pode pegar esse código e personalizá-lo ou adaptá-lo a um código de produção sólido.
Percebemos que as ferramentas disponíveis para a criação de sites responsivos - sites que funcionam em qualquer tipo de dispositivo - não eram apenas insuficientes, mas realmente inexistentes. Há vários frameworks CSS que as pessoas estão usando, mas tudo foi projetado para layouts fixos. Os dispositivos móveis serão responsáveis por mais da metade de todo o tráfego da Internet nos próximos dois anos, portanto, não projetar e construir para eles é uma sentença de morte para produtos ou serviços on-line. Queríamos uma ferramenta que nos permitisse não apenas proporcionar uma ótima experiência a todos os dispositivos, mas também testar rapidamente como era uma ótima experiência.
Usamos a Foundation para todos os nossos sites e projetos internos nos últimos meses, mas se eu tivesse que escolher um ótimo exemplo, seria um aplicativo da web que lançamos recentemente chamado Spur. O Spur é uma ferramenta para fazer críticas de design tradicionais, permitindo que você capture uma página da Web ou carregue uma imagem e, em seguida, visualize-a com desfoque, contraste elevado, rotação e outros efeitos que revelam como o design visual se sustenta. Nós projetamos desde o início com a Fundação para suportar desktops, tablets e iPhones; todos da mesma base de código front-end.
Se você acessar o aplicativo em diferentes dispositivos, verá diferentes ferramentas e layouts sutilmente modificados, tudo isso possível com as classes de visibilidade móvel da Foundation. Eles permitem que você identifique elementos a serem ocultados ou exibidos em tipos específicos de dispositivos, como "ocultar telefones" ou "exibir tablets". Isso e a capacidade inerente da Fundação de escalar para praticamente qualquer tamanho significavam que o Spur tinha uma experiência sofisticada e personalizada para qualquer tipo de dispositivo, com muito pouco esforço adicional.
Trabalhar inteiramente com porcentagens, claro, adiciona alguma complexidade, especialmente em relação às imagens e à flexibilidade de certos objetos, como barras de ferramentas, mas além de algumas específicas, a CSS Foundation cuidou de quase tudo.
Qualquer pessoa que queira que seu site ou aplicativo seja relevante em alguns anos deve estar criando vários dispositivos, e o Foundation é uma boa ferramenta para fazer isso. O Foundation é perfeito para novos sites que você deseja rapidamente criar e construir, já que você pode dispor sites inteiros em apenas alguns minutos usando a grade flexível e os elementos comuns já incluídos.
Descobrimos que a Foundation é especialmente útil para empresas ou organizações que têm preocupações sobre o custo (em tempo e recursos) para criar dispositivos móveis - a Foundation ajuda você a fazer as coisas rapidamente e de uma só vez.
Estamos constantemente trabalhando na Foundation, adicionando elementos comuns que as pessoas solicitaram ou que vimos precisar. Recentemente, adicionamos uma nova grade telefônica de quatro colunas para que você possa criar layouts mais complexos para dispositivos muito pequenos, e continuaremos trabalhando no suporte a dispositivos e padrões. Também estamos considerando coisas como modelos de página, pacotes de código para usos específicos, como wireframing, e trabalhando com desenvolvedores externos em plugins para outros frameworks como Less, SaSS, Drupal, WordPress, etc.
Nosso objetivo é que a Foundation seja mais do que apenas uma estrutura de código aberto, mas uma abordagem completa de comunidade e desenvolvimento para o front-end. Adoraríamos ter ainda mais colaboradores, tanto em problemas, solicitações de recursos e códigos em Github e estamos felizes em responder a perguntas em [email protected]