Este mês tivemos a oportunidade de entrevistar Kevin Ball e Rafi Benkual a partir de ZURB . Nós temos que falar sobre o futuro da web, o estado do web design hoje, e claro, sobre Fundação .
{$lang_domain} : Olá senhoras e senhores, eu sou Ezequiel Bruni para Web Designer Depot, e hoje estamos conversando com essas duas pessoas adoráveis da ZURB, você se importaria de compartilhar seus nomes com o público?
Kevin Ball: Olá, sou o Kevin. Eu também vou pelo KBall aqui no ZURB, e isso é…
Rafi Benkual: Eu sou Rafi, e sou a Defensora da Fundação aqui na ZURB.
KB: Ah sim, eu deveria dizer o que faço. Eu sou o líder da fundação.
WDD: Ok, o líder da Fundação, o que exatamente você faz? Você decide a direção da Fundação ou…?
KB: Ah, sim, há várias peças diferentes lá. Sou menos ditador e mais facilitador e sintetizador. Eu gasto muito tempo em conversas - tanto pessoalmente quanto on-line - apenas tentando ter uma ideia de onde as pessoas estão lutando com a Foundation, para onde a web está indo, para onde o design responsivo está indo e tentando ter certeza de que estamos fora à frente dessa curva.
WDD: Ok, e Rafi, o que você faz como ... Foundation Advocate, foi?
RB: Sim, é difícil descrever isso, então há muita defesa da comunidade, crescimento da comunidade, vendas de marketing. E também codificar em projetos de clientes, projetos internos e obviamente tudo com o Foundation, e também trabalhar com a comunidade para corrigir bugs e criar novos recursos para o Foundation.
WDD: Como vocês conseguiram começar em web design e desenvolvimento, e tudo isso?
KB: Uhh, claro, você quer ir primeiro, Rafi?
se você olhar para os zurbianos que codificam, provavelmente somos 80% autodidatas de uma forma ou de outra
RB: Você vai primeiro.
KB: Bem, eu sou mais. Então eu sou meio que um cara da velha escola, então eu comecei com hardware de back-end e software de baixo nível, compiladores, drivers de dispositivos e coisas assim. E então, em 2008-2009, estava em transição de carreira, fundando uma startup chamada Causes, que fazia advocacy social, trabalho sem fins lucrativos e esse tipo de coisa on-line.
KB: Aqueles de vocês que estavam prestando atenção na web, podem lembrar que o Causes foi o maior aplicativo não relacionado a jogos no Facebook, quando o Facebook lançou aplicativos pela primeira vez. E assim, estávamos tentando aproveitar esse boom do Facebook em um momento em que todos estavam ficando animados, então estávamos vendo centenas de milhares de novas inscrições por dia, montando a nova plataforma aberta do Facebook.
Então essa foi minha introdução na web, foi: “Bem vindo a bordo, nós temos um aplicativo. Nós temos um milhão de pessoas usando hoje. ”E seis meses depois, eram 15 milhões de pessoas, e quando eu saí, foram mais de cem milhões de pessoas usando a coisa. Então, meio que aproveitando essa onda e aprendendo tudo sobre escalar grandes aplicativos e como fazer isso.
Foi meio engraçado, porque eu consegui um emprego em uma empresa de web, e na minha entrevista, eles me fizeram fazer um monte de análise de dados, e eu disse: “Ótimo, eu entendi, como você quer? saída? ”E eles disseram. “Bem, apenas coloque em uma lista. Uma lista de HTML. ”, E eu sou como“ Ok, o que é isso? ”, Certo? Porque eu estava vindo dessa coisa de fundo no meio das ervas daninhas, e eles ficam tipo, “Oh, ok, aqui está a marcação. Comece indo.
KB: Acontece que quando você está fazendo deep coding e C e tudo isso, HTML não é tão ruim.
WDD: E Rafi, como você começou?
RB: Bem, na verdade, eu venho de vendas e marketing, e de varejo online e coisas assim, e na verdade eu era amigo de algumas pessoas que trabalhavam na ZURB, e eu aparecia no escritório, ajudando bastante.
E o chefe nos disse que estava procurando desenvolver a Fundação e procurando alguém dedicado à comunidade da Fundação. Mas eu nunca havia tocado HTML e CSS antes na minha vida, até três anos atrás, então eu tive que aprender a Fundação em cerca de um mês, e depois fazer um teste e passar isso para ser contratado na ZURB.
Foi assim que eu comecei, eu fiz, e eu me saí muito bem, e imediatamente me lancei na mistura de corrigir bugs no GitHub, o que é uma loucura.
WDD: Eu tenho que dizer, vocês são um pouco sortudos por terem tido treinamento real. Eu era autodidata e a única razão pela qual eu continuava era porque eu não sabia que eu era uma merda.
KB: Ah sim, eu sei, eu aprendi na indústria. Eu estudei física na escola. Eu acho que, na verdade, se você olhar para os zurbianos que codificam, provavelmente somos 80% autodidatas de uma forma ou de outra.
WDD: Então, isso é muito legal. Você já falou sobre como vocês vieram trabalhar na ZURB, e isso é interessante. Como vocês foram designados para a Fundação especificamente? Você foi colocado diretamente neste projeto quando começou, ou estava fazendo outras coisas primeiro ou…
KB: Rafi entrou direto na Fundação. Eu cheguei como líder de engenharia na ZURB e comecei gradualmente a absorver mais e mais projetos, e meio que liderando diferentes projetos. Chegou a um ponto em que uma das nossas alianças anteriores da Fundação partiu para outra coisa, e eu estava olhando para todos esses projetos, dizendo: “Bem, esses são todos bons e bons, mas o que realmente me deixa bombado, e realmente me deixa animado está trabalhando na Fundação e interagindo com sua comunidade. ”
Então eu conversei com o pessoal da ZURB, conversei com o chefe-homem e conversei com todo mundo, eu fiquei tipo “Eu estou fazendo todas essas coisas, mas realmente o que eu quero fazer é a Foundation”. eu e disse: “Ótimo! Vá, faça!"
WDD: Ok, Kevin, quando você percebeu pela primeira vez que a Fundação seria tão importante, quando você primeiro teve a sensação de que?
KB: Então, quando cheguei à Foundation, mencionei que entrei na web há oito anos, agora? Mas já estive na ZURB há apenas um ano. Então, quando realmente entrei na Fundação, já era um grande negócio. Para mim, eu acho que amplamente, os frameworks - Foundation e Bootstrap - eram como ... descobri-los era enorme para mim. Porque quando eu comecei a fazer coisas na web, até ter um sistema de grade, como o 960, foi uma grande inovação. E então tudo de um su…
WDD [interrompendo bastante rudemente, Ezequiel está muito triste]: Eu sei!
KB: Mais do que apenas uma grade básica, algo que você pode ajustar, algo que é responsivo, como, meu Deus, isso é incrível. Então, vindo de um fundo de desenvolvimento, movendo-se gradualmente mais para o front-end, tendo esse tipo de recurso, eu pude ver que era enorme antes mesmo de ficar enorme.
todos os dias estamos descobrindo novas empresas que usam a Foundation há alguns anos, e é incrível ver
RB: A fundação foi, quando comecei há três anos, já era enorme no mundo do desenvolvimento web. Se você faz o desenvolvimento web, você provavelmente sabia de Foundation e Bootstrap, e então não havia muitos outros frameworks lá fora na época. Talvez o Semantic fosse novinho em folha, mas isso não é realmente uma estrutura completa, então não havia muita coisa lá fora. Então a Fundação já era enorme.
O que aconteceu foi que, quando comecei a trabalhar na Foundation, comecei a perceber quantas marcas e sites diferentes são construídos sobre a Foundation, e isso foi realmente revelador para mim. Então, todos os dias estamos descobrindo novas empresas que usam a Foundation há alguns anos, e é incrível de se ver. Confira nossa página de marcas e você pode ver todas as centenas de grandes marcas que estão lá, e provavelmente há milhares de outras que nem conhecemos.
KB: Sim, ele ainda me engana às vezes, toca um pouco sobre o que o Rafi está dizendo, como se você fosse para as ervas daninhas, e você está apenas fazendo o trabalho, certo, e então você recua ...
Tipo, eu sou um grande fã de esportes… A NBA.com recentemente fez um relançamento. Todo o seu novo site é construído sobre a Fundação. E é claro que eu vou olhar o site, e eu fico tipo “Ah, tem um bug, e tem um bug…”, e eu ainda estou no mato. Então eu dou um passo atrás e fico tipo: “Do que estou falando? Esta é a minha liga esportiva favorita, e eles são construídos sobre o produto em que trabalhei. Isto é incrível!"
WDD: [Risos] Isso tem que ser um sentimento incrível. Enquanto isso, desenvolvi para informar quando qualquer site é criado no Bootstrap. Não é um super poder que eu queria quando era criança, mas é o que eu tenho.
KB: Isso se esgota, não requer um enorme super poder, dada a abordagem que eles escolheram. Você sabe, esta é uma das coisas que conversamos muito com a Foundation. Obviamente, o Bootstrap tem um público maior neste momento, e uma das razões pelas quais eles têm isso é que eles têm uma opinião visual tão forte, o que significa que alguém que não tem ideia do que eles querem que algo pareça ... eles pode ligá-lo e vai parecer decente. Vai parecer com o Bootstrap, mas vai parecer decente.
WDD: Isso é verdade. Esse tipo de funcionalidade out-of-the-box é realmente uma grande parte da web hoje. Modelos e temas não vão a lugar nenhum. Os frameworks não vão a lugar algum, as pessoas sempre precisarão de uma maneira mais fácil de fazer algo, e mais rápido… e é por isso que a Foundation e outros frameworks serão uma parte tão importante da web.
Como você vê o movimento da Fundação?
KB: Essa é uma ótima pergunta, e é algo em que passo muito do meu tempo pensando. Posso dar-lhe uma resposta a curto prazo, a médio prazo e a longo prazo. Eu acho que. No curto prazo, um dos lugares que vemos que temos que melhorar é na temática pré-existente.
O núcleo da fundação está sendo extremamente personalizável, sendo apenas isso: uma fundação que você pode construir em cima de modo que nem todo site da Fundação se pareça. No entanto, há um enorme público de pessoas que precisam de algo que é um pouco mais fortemente opinativo para começar.
E enquanto isso é possível agora, isso não é tão fácil em Foundation como deveria ser, e então isso é um grande foco nosso no próximo… eu diria de três a seis meses. Tornar muito mais fácil para as pessoas que estão vindo de um plano de fundo de design criar algo que, então, pessoas que não têm experiência em design podem simplesmente aparecer e usar em todo o lugar.
WDD: Tudo bem, então, temas infantis, essencialmente.
KB: Essencialmente, sim. Existem algumas variações diferentes que estamos procurando maneiras de fazer isso. Porque uma das coisas que é, como eu disse, o tipo de núcleo para a Foundation é a ideia de que nunca, sempre vamos colocar o público do design em primeiro lugar.
Como, todo mundo está construindo sites responsivos agora, mas eles estão indo, muitos deles estão ficando obsoletos. Tipo, há alguns padrões que as pessoas descobriram, como se houvesse um ícone de hambúrguer, e o menu off-canvas, e todas essas coisas, e todo mundo está preso com essa coisa
A ZURB é uma empresa de design, e é daí que viemos, de modo que, no entanto, acabamos implementando, não podemos sacrificar essa capacidade de implementar sua identidade visual, sua visão. Mas, acreditamos que podemos tornar muito mais fácil classificar as coisas e colocar as coisas no lugar quando você quiser.
Então essa é uma área. Outra grande área para a qual estamos olhando a médio e longo prazo é realmente tentar continuar impulsionando essa ideia de capacidade de resposta. A Fundação sempre esteve na linha de frente disso, fomos a primeira estrutura a ser móvel primeiro, colocamos um monte de coisas móveis diferentes lá, e estamos começando a ver que essa ideia básica de capacidade de resposta ganhou.
Como, todo mundo está construindo sites responsivos agora, mas eles estão indo, muitos deles estão ficando obsoletos. Tipo, existem alguns padrões que as pessoas descobriram, como se houvesse um ícone de hambúrguer, e o menu off-canvas, e todas essas coisas, e todo mundo está preso com essa coisa. "Ok, vou empilhar o conteúdo no celular e fazer isso, aquilo e o outro."
Mas achamos que, especialmente à medida que os dispositivos móveis estão se tornando mais poderosos, tornando-se mais prolíficos, existe toda uma gama de possibilidades por aí que está apenas começando a ser reproduzida no momento. Agora, um site responsivo geralmente parece algo incrível na área de trabalho e funciona bem em dispositivos móveis, ou é incrível em dispositivos móveis e funciona bem em computadores.
E achamos que isso é desnecessário. Você deve ser capaz de ter algo incrível no celular, incrível no tablet, é incrível se você colocar a coisa na TV, é incrível se você está interagindo com ele através de um leitor de tela, para que todos esses diferentes as coisas não são apenas explicadas, mas na verdade otimizadas, se isso faz sentido.
WDD: Isso faz sentido. Na verdade, eu estava pensando sobre isso enquanto você falava, porque notei que muitos sites adotaram a mentalidade de primeiro celular, concentrando-se mais em dispositivos móveis do que em tamanhos de tela maiores. Agora, isso é justo porque o celular é enorme, móvel em todos os lugares, todos têm um telefone celular, tenham ou não um desktop ou um laptop. Eles têm telefones celulares em lugares onde não teriam energia para um desktop.
No entanto, as telas em locais mais desenvolvidos também estão ficando maiores e, claro, mais densas, tanto quanto os pixels, e, além disso, estamos recebendo TVs 4K, monitores 4K, os preços estão indo muito devagar, e o que eu Reparei que muitos web designers não consideram os tamanhos de tela maiores. Essas telas estão ficando absolutamente massivas. E você não tem a opção de apenas criar a janela menor na TV, como uma TV inteligente ou com um Xbox…
Estou um pouco curioso, porque todo mundo quer personalizar para celular, e isso é bom, mas o que vocês vão fazer em termos de ajudar seus usuários a otimizar para as telas super grandes?
KB: Isso é algo com o qual o mundo está lutando, e isso é onde eu digo que meu papel não é como um ditador, mas sim como um sintetizador. Então, alguns dos nossos designers estavam recentemente em um projeto que estava focado em telas grandes. Acontece que algumas das coisas que já temos no Foundation permitem que você faça coisas assim, porque você pode personalizar seu conjunto de pontos de interrupção, você pode adicionar um ponto de quebra extra extra grande. Você pode fazer um monte de coisas para isso já.
Mas as pessoas realmente não percebem isso, elas não estão cientes dessas opções, então muito do que queremos fazer lá é simplesmente publicar as práticas recomendadas para segmentar essas coisas. A estrutura, conceitualmente, trabalha lá. As pessoas muitas vezes tomam os pontos de parada que saem da caixa e não pensam: “Ok, espere, isso realmente se aplica a todo o meu público? Em que essas pessoas estão trabalhando?
Algo que vemos a necessidade e estamos trabalhando ativamente é apenas uma melhor educação sobre o que está lá e como você o usa.
RB: Dentro do framework, há, como você mencionou, mixins. Já temos um ponto de interrupção extra grande e você pode adicionar mais. E também há consultas de mídia para proporção de pixel e outras coisas desse tipo. Eu acho que o que precisamos é ... sim, mais melhores práticas, mais educação sobre como lidar com essas situações.
KB: Algumas coisas adicionais que temos no pipeline, na verdade, algo com que eu estava jogando até essa ligação, é algo que ajuda em todos os tamanhos de tela: indo para mais gráficos vetoriais, e sendo capaz de fazer mais coisas com vetores.
WDD: SVG. Estamos todos esperando por “O Ano do SVG”.
KB: “O Ano do SVG”, nós temos algumas coisas divertidas no pipe para tentar fazer isso acontecer, então eu acho que as pessoas nem sempre percebem o quão poderoso é o SVG. Se você inline essas coisas, de repente você pode estilizá-las com CSS, você pode manipulá-las com JavaScript, e elas ficam lindas em todos os tamanhos de tela prontas para uso. Portanto, essa ideia de imagens responsivas é algo que nos deixa muito empolgados. Coisas que talvez não sejam apenas responsivas na medida em que são dimensionadas com densidade de pixels e escalas com tamanho, mas também talvez estejam alterando os recursos que são visíveis em uma imagem com base no tamanho da tela.
Há todo tipo de possibilidades interessantes lá. Eu acho que o que está faltando agora não é a capacidade de SVGs, mas o ferramental. Então, isso é uma coisa que nós da ZURB podemos realmente ajudar a avançar: ferramentas para tornar isso fácil.
Eu poderia entrar em mais detalhes, mas vamos fazer isso em breve.
WDD: Me desculpe, eu acabei de perceber que eu literalmente nunca pensei sobre a possibilidade de que com uma imagem SVG embutida, você poderia literalmente derrubar objetos da imagem com base no tamanho da tela. Isso é realmente enorme.
KB: É incrível, é incrível e ninguém está fazendo isso. Eles não pensam sobre isso, porque essas coisas estão trancadas, “Ah, é uma vantagem que vou carregar”. Mas não, essas coisas são documentos. Você poderia fazer o que quiser.
WDD: Eles são documentos dinâmicos e mutáveis e maleáveis como o próprio HTML. Isso é uma coisa importante para lembrar. A penúltima pergunta nesta seção é: qual é a sua parte favorita do framework como ele é agora? Há algum componente específico que você acha do seu favorito, ou talvez você tenha trabalhado nele, então é o seu bebê?
KB: Recentemente, me apaixonei por menus responsivos e mencionei que não estou no projeto há tanto tempo. Esta é uma base de código bastante extensa. Eu tenho trabalhado no projeto seis / oito meses, então continuo descobrindo coisas novas. Menus responsivos são realmente poderosos.
O conceito central é que o tipo de menu que você pode usar para fazer sua navegação varia muito por dispositivo. Assim, por exemplo, o padrão de um menu suspenso, que é algo que está em frameworks como o Bootstrap e o Foundation há muito tempo, é extremamente poderoso em desktops e quase sempre inutilizável em dispositivos móveis, especialmente se você tiver camadas aninhadas isto. No entanto, existem alguns menus que funcionam perfeitamente no celular, por exemplo, um menu de pesquisa. iOS popularizou isso. Eles nos deram a ideia de um menu de busca onde você toca em algo e desliza para o submenu, você faz um drill down até o lugar que você precisa ir.
O Foundation suporta ambos, e a maneira como ele faz isso é, na verdade, usar exatamente a mesma marcação, mas com atributos de dados ligeiramente diferentes para o JavaScript. O que isso permite é um menu responsivo que se comporta como um menu suspenso quando você está em um ponto de interrupção, e muda para um detalhamento quando você está em outro ponto de interrupção. Então você tem exatamente a mesma marcação, você diz, “Ei, isso é responsivo”, para fazer um detalhamento em pequenas [telas], para baixar em grandes [telas], e isso simplesmente funciona.
WDD: Eu adoraria ver mais disso, porque, honestamente, por exemplo, menus suspensos nos quais você escolhe seu país ou região são inutilizáveis na área de trabalho, muito mais no celular. Qualquer drop-down com duzentos ou mais entradas é simplesmente ridículo.
KB: Sim, cem por cento.
WDD: Esses devem ser detalhados por padrão. Mas de qualquer maneira, e você, Rafi? Existe alguma coisa que você gosta?
RB: Sim, em projetos recentes, nós fizemos um encontro na grade do Flexbox, e eu estou realmente apaixonada pela grade do Flexbox. Apenas o Flexbox em geral… se você começar a aprender algumas das propriedades, elas não são tão difíceis de aprender, e são realmente poderosas e realmente melhoram em uma grade de flutuação padrão. Então, se o seu projeto permitir, eu definitivamente - IE10 e acima é a restrição - então, se o seu projeto permitir, eu definitivamente verificaria a grade do Flexbox. Agora, é a minha coisa favorita.
WDD: Ok, e a última pergunta nesta seção é, bem, não é uma pergunta ... Eu sinto falta do Orbit, pessoal. Eu faço. Eu percebo que sliders e carrosséis não são os melhores UX, mas às vezes você só precisa de um ou o cliente pede um, e eu sinto falta do Orbit.
KB: Você sabia que é em seis?
RB: Eles trouxeram de volta.
WDD: Eles colocaram de volta?
KB: Ele está de volta na Foundation 6.
WDD: Eu realmente não… Uau, eu estou fora do circuito.
KB: Então, a história por trás disso, na Foundation 5, chegamos a um ponto com a Orbit, onde estava se tornando um pouco pesado demais, e muito difícil de manter como um projeto de código aberto. Nós estávamos tentando fazer muitas coisas. Estava tentando ser tudo. Então, quando o atualizamos para o Foundation 6, decidimos que queríamos um conjunto de recursos simples, toda a marcação na página no carregamento, em vez de ter o JS adicionar dinamicamente esse material. E como algo simples para protótipos ou mesmo um simples carrossel para produção, funciona muito bem.
Se você está procurando por algo um pouco mais rico em recursos, como poder alterar quantos slides por ponto de quebra, ou quantos slides ele move de uma só vez, talvez você queira ter três em uma página e depois mover um sobre cada vez, há outros carrosséis por aí que usamos em nossos projetos. Gostar Coruja ou Carrossel Escorregadio .
RB: Então, ele voltou a ser mais um componente “Foundational”, não tentando fazer tudo, em todos os lugares, mas sendo algo que se concentra em obter o básico certo, e deixar você personalizá-lo em algo muito mais. Essa é uma filosofia que a Fundação tentou fazer o tempo todo, mas ocasionalmente perdeu o rumo.
É algo em que definitivamente nos concentramos: garantir que as coisas que estamos fornecendo não tentem fazer tudo. Eles são fundamentais e são extensíveis. Nós os fazemos de tal forma que você pode interagir com eles, você pode estendê-los, você pode fazer todas essas coisas, mas eles não estão necessariamente fazendo tudo o que você quer sair da caixa.
E uma das partes sobre as quais nós falamos, em termos de incluir temas, temas infantis, ou algo assim ... outra parte disso é ser capaz de cair neste conceito de blocos de construção. Alguém que pegou um monte de peças e conectou-as e adicionou um monte de comportamento em cima, além de facilitar a conexão e o uso.
WDD: Ah, assim como módulos, ou plugins, como plugins jQuery, mas para… tudo bem wow que realmente poderia ser muito grande. Especialmente se as pessoas os verificarem por compatibilidade e serem capazes de descartá-los facilmente. Uma coisa com a qual tive problemas no passado foi combinar recursos de vários lugares. As pessoas às vezes usam nomes de variáveis semelhantes e isso estraga tudo. Ou o CSS é apenas incompatível porque… razões, porque navegadores .
KB: Este é um problema real, e é por isso que eu acho que olhando para os gerenciadores de pacotes que estão por aí… eles não são realmente projetados para o envio de marcações e CSS muito bem.
WDD: Eles não são.
KB: Então este não é um problema totalmente resolvido. Estamos analisando maneiras diferentes de fazê-lo, mas uma das coisas em que estamos pensando é ter certeza de que você está usando e aproveitando as mesmas variáveis básicas do SASS do restante da estrutura, de modo que, se você está colocando algo no seu tema ou seus estilos imediatamente.
WDD: Bem, isso parece uma ótima ideia. Eu sempre fiquei impressionado com os gerenciadores de pacotes, mas para ser perfeitamente honesto, se você chegar a uma solução que me permita apenas arrastar arquivos de um arquivo .zip para a pasta do meu projeto, e isso simplesmente funciona, isso serve para mim. Eu ainda sou um cara muito manual quando se trata do meu HTML e CSS. Eu não uso muitos gerenciadores de pacotes.
Eu percebo que eles são o futuro, sim, mas eu construo coisas menores, e isso foi outra coisa que eu disse sobre o Orbit: Eu não preciso de algo cheio de muitos recursos, na maioria das vezes, quando eu precisava de um carrossel, Eu só precisava mover imagens da direita para a esquerda. Isso é tudo que eu precisava.
KB: Experimente na Foundation 6, está lá. Se algo não funcionar como você deseja, registre um bug e veremos como corrigi-lo.
RB: Há uma melhora legal no Orbit. Ele está conectado com o Motion UI, para que você possa realmente alterar as animações diretamente no HTML. Então, se você quiser um fade, ou você quer um slide, ou você quer escorregar, ou girar, ou qualquer animações loucas ... está tudo viciado lá.
WDD: Isso é definitivamente legal. Por último, não menos importante, e apenas por diversão: como está o seu relacionamento com o framework que não deve ser nomeado ?
Fato pouco conhecido: os inventores do Bootstrap costumavam trabalhar na ZURB
KB: Fato pouco conhecido: os inventores do Bootstrap costumavam trabalhar na ZURB.
WDD: Realmente ?!
KB: Sim. Mark Otto era um designer aqui, creio eu. Então a coisa que pode não ser conhecida é que Foundation e Bootstrap na verdade vêm da mesma gênese. Estas são duas estruturas que foram inspiradas pelo que a ZURB estava fazendo pela nossa clientela. Estávamos desenvolvendo esses guias de estilo HTML e CSS, e queríamos sistematizar isso um pouco, então a primeira versão open source do Foundation era a versão 2. A versão 1 era interna.
Então Bootstrap e Foundation vêm das mesmas raízes. Eles obviamente escolheram caminhos diferentes em termos do que eles otimizam, e o Bootstrap tem tido um sucesso enorme com o público do desenvolvedor. A fundação foi, e continua sendo, mais popular com o público-alvo do designer, porque não exerce essa pesada opinião visual.
WDD: Isso faz sentido.
KB: Para tocar um pouco mais, obviamente há uma rivalidade amigável acontecendo.
WDD: Naturalmente
KB: E acho que precisamos conversar com pessoas diferentes. Eu falo com muitas pessoas diferentes sobre a Fundação, obviamente, e a mensagem que parece ter, particularmente de pessoas mais experientes, é que “gosto mais da Fundação, é mais poderosa. Estamos usando o Bootstrap de qualquer maneira, porque todos os meus desenvolvedores juniores sabem disso. ”Isso é convincente. Nos diz o que precisamos estar trabalhando, certo? Uma das maiores coisas em que precisamos estar trabalhando é vencer a batalha da funcionalidade, estamos vencendo a batalha de recursos, precisamos vencer a batalha de integração.
Precisamos melhorar nossa capacidade de ... para as pessoas pegarem isso e jogarem fora da caixa. Porque se todas as pessoas mais velhas gostarem melhor, e todos os designers gostarem melhor ... sim, obviamente, temos que continuar avançando, mencionamos que há lugares como o SVG, podemos apoiar em fazer 2017 o ano do SVG, a Fundação pode ajudar a fazer isso aconteceu.
Há outras peças, grade CSS, existem outras tecnologias que podemos desempenhar o papel que sempre desempenhamos de ajudar a impulsionar a web. Mas também precisamos nos concentrar em como podemos apoiar o público novato, que é enorme. Como podemos trazer as pessoas e ajudá-las a aprender?
O mundo e a web funcionam melhor com os concorrentes. As guerras dos navegadores ficaram estagnadas até que o Google veio junto com o Chrome e vimos uma inovação incrível. Acho que precisamos continuar olhando para o Bootstrap, o Bootstrap deve continuar olhando para nós…
RB: Eles são.
KB: Eles são, nós sabemos que eles são, e estamos olhando para eles, e acho que cada um de nós pode pegar as melhores idéias e continuar empurrando a web para frente.
Ok, apenas certifique-se de roubar Tyler Tate antes deles. Não sei se você está familiarizado com o trabalho dele. Ele fez a grade CSS de 1KB de volta no dia, nos dias de 960.gs, ele também fez semântica.gs. Era uma das minhas estruturas de grade baseadas em LESS favoritas, bem ... mais como gerador de grade, por um longo tempo. Sério, roube esse cara.
KB: Ok, deixe-me encontrá-lo. Ah sim, ele é local.
RB: Isso é demais.
KB: Tyler, se você está assistindo isso, vamos fazer café. Eu vejo que você está no café, no seu site. Design, código, café. Vamos fazer café, meu prazer.
WDD: Ok, sério, senhoras e senhores, esse episódio é trazido a você por cafeína, muita cafeína. Escolha sua marca, porque ninguém está me pagando por isso ainda. Então, para as duas últimas perguntas divertidas: Vocês têm um logotipo do Twitter em uma placa de dardo em algum lugar no escritório, e se não, por que não?
[Um pouco desconfortável rindo deles. Mais risadas genuínas de mim.
KB: Eu sou realmente um grande fã do Twitter.
WDD: Ah, droga. Eu só estou brincando. E você pelo menos teve uma guerra Nerf com o time de desenvolvimento do Bootstrap. Mais uma vez, se não, por que não? Entenda isso. Você precisa filmar isso.
RB: Eu acho que é uma ótima ideia.
KB: Isso pode ser divertido. Talvez paintball.
RB: Nós temos alguns toques mortos aqui.
WDD: Ok, podemos tornar isso oficial? Você gostaria de chamar a equipe de desenvolvimento do Bootstrap? Desafie-os a uma guerra de paintball?
KB: Guerra do Paintball, time de desenvolvimento do Bootstrap. Mark, nós temos o seu número.
RB: Nós temos muito mais pessoas, eu não sei ...
Obrigado pelo seu tempo, e estou muito feliz por ter podido falar com você, assim. Mais alguma coisa que você gostaria de dizer aos nossos leitores / ouvintes antes de irmos?
KB: Há muitas coisas incríveis acontecendo na Foundation. A versão 6.3 será lançada em apenas algumas semanas e vai inovar mais em Foundation e capacidade de resposta, então, definitivamente, verifique isso. Eu diria que se você quiser se manter atualizado com tudo, confira foundation.zurb.com/learn/foundation-insider.html , e você pode entrar na nossa lista de discussão.
RB: A outra coisa que quero chamar é não hesitar em se envolver. Temos todos os tipos de problemas diferentes em diferentes níveis de dificuldade. Parece importante tocar no framework, mas se você quiser começar a se envolver como colaborador, confira. Ping um de nós, pergunte: "Ei o que é algo que eu posso trabalhar?"
Nós apontaremos você na direção certa, apontaremos onde está o arquivo que você pode querer modificar. Nós vamos começar e ir embora. Este é um projeto comunitário. Estamos extremamente orgulhosos do fato de termos mais de oitocentos colaboradores na história do projeto e queremos vê-lo envolvido.
WDD: Tudo bem, muito obrigado, e vejo você por aí.
KB e RB: Obrigado!
WDD: Este é Ezequiel Bruni para a assinatura do Web Designer Depot.