Este mes tuvimos la oportunidad de entrevistar Kevin Ball y Rafi Benkual de ZURB . Tenemos que hablar sobre el futuro de la web, el estado del diseño web en la actualidad y, por supuesto, sobre Fundación .
{$lang_domain} : Hola, señoras y señores, soy Ezequiel Bruni para Web Designer Depot, y hoy estamos hablando con estas dos personas encantadoras de ZURB, ¿te importaría compartir tus nombres con la audiencia?
Kevin Ball: Hola, soy Kevin. También voy por KBall aquí en ZURB, y esto es ...
Rafi Benkual: Soy Rafi, y soy Defensor de la Fundación aquí en ZURB.
KB: Oh, sí, debería decir lo que hago. Soy el líder de la Fundación.
WDD: Ok, Foundation Lead, ¿qué es exactamente lo que haces? ¿Decides la dirección para Foundation o ...?
KB: Ah, sí, hay varias piezas diferentes allí. Soy menos dictador y más facilitador y sintetizador. Paso mucho tiempo conversando, tanto en persona como en línea, tratando de entender dónde se encuentra la gente que lucha con Foundation, hacia dónde va la web, hacia dónde va el diseño receptivo y tratando de asegurarnos de que salgamos delante de esa curva.
WDD: Ok, y Rafi, ¿qué haces como ... Defensor de la Fundación, ¿verdad?
RB: Sí, es difícil de describir, por lo que hay mucha defensa de la comunidad, crecimiento de la comunidad, comercialización de ventas. Y luego también codificando en proyectos de clientes, proyectos internos, y obviamente todo con Foundation, y también trabajando con la comunidad para corregir errores y crear nuevas características para Foundation.
WDD: ¿Cómo empezaron ustedes en el diseño y desarrollo web, y todo esto?
KB: Uhh, claro, ¿quieres ir primero, Rafi?
si nos fijamos en ZURBians que codifican, probablemente somos 80% autodidactas de una forma u otra
RB: tu vas primero
KB: Bueno, soy más largo. Así que soy una especie de chico de la vieja escuela, así que comencé con hardware de back-end y software de bajo nivel, compiladores, controladores de dispositivos y cosas por el estilo. Y luego, al llegar al 2008-2009, estaba en una transición de carrera, fundé una startup llamada Causes, que estaba haciendo abogacía social, trabajo sin fines de lucro y ese tipo de cosas en línea.
KB: Aquellos de ustedes que estaban prestando atención a la web, entonces recordarán que Causes fue la aplicación no-juego más grande en Facebook, cuando Facebook lanzó aplicaciones por primera vez. Y entonces estábamos tratando de montar ese auge de Facebook en un momento en el que todo el mundo estaba entusiasmado, así que estábamos viendo cientos de miles de nuevas inscripciones por día, en la nueva plataforma abierta de Facebook.
Esa fue mi introducción a la web, fue: "Bienvenido a bordo, tenemos una aplicación. Hoy tenemos a un millón de personas usándolo ". Y seis meses después, eran 15 millones de personas, y para cuando me fui, eran más de cien millones los que usaban la cosa. Así que cabalguen esa ola y aprendan todo sobre escalar aplicaciones grandes y cómo hacerlo.
Fue algo gracioso, porque conseguí un trabajo en una empresa web, y en mi entrevista, me hicieron hacer un montón de análisis de datos, y dije: "Genial, lo tengo, ¿cómo lo quieres? salida? "Y dijeron. "Bueno, solo ponlo en una lista. Una lista de HTML. ", Y estoy como" Ok, ¿qué es eso? ", ¿Verdad? Porque yo venía de este asunto de fondo en las malas hierbas, y me dicen, "Oh, está bien, aquí está el margen. Comience a ir ".
KB: Resulta que cuando has estado haciendo una codificación profunda y C y todo eso, HTML no es tan malo.
WDD: Y Rafi, ¿cómo empezaste?
RB: Bueno, en realidad, provenía de un fondo de ventas y marketing, y de minoristas en línea y cosas por el estilo, y en realidad era amigo de algunas personas que trabajaban en ZURB, y acudía a la oficina, ayudando mucho.
Y el jefe nos dijo que estaba buscando hacer crecer Foundation y buscando a alguien dedicado a la comunidad de la Fundación. Pero nunca antes había tocado HTML y CSS en mi vida, hasta hace tres años, así que tuve que aprender de Foundation en aproximadamente un mes, y luego tomar una prueba y aprobarla para ser contratado en ZURB.
De alguna manera empecé, lo hice, y lo hice realmente bien, e inmediatamente me metí en la mezcla de errores de fijación en GitHub, lo cual es una locura.
WDD: Tengo que decir que ustedes son un poco afortunados de haber tenido entrenamiento real. Era autodidacta y la única razón por la que seguí fue porque no sabía que era una mierda.
KB: Ah sí, lo sé, aprendí en la industria. Estudié física en la escuela. Creo que, en realidad, si nos fijamos en ZURBians que codifican, probablemente somos 80% autodidactas de una forma u otra.
WDD: Entonces eso es genial. Ya has mencionado cómo vinieron a trabajar a ZURB, y eso es interesante. ¿Cómo fueron asignados específicamente a la Fundación? ¿Lo pusieron directamente en este proyecto cuando comenzó, o estaba haciendo otras cosas primero o ...
KB: Rafi llegó directamente a la Fundación. Ingresé como líder de ingeniería en ZURB y de alguna manera comencé a absorber gradualmente más y más proyectos y liderando diferentes. Llegó al punto en que uno de los miembros de nuestra Fundación anterior se fue para pasar a otra cosa, y yo estaba viendo todos estos proyectos, diciendo: "Bueno, estos están muy bien, pero lo que realmente me entusiasma, y realmente me entusiasma trabajar en Foundation e interactuar con su comunidad ".
Así que hablé con la gente de ZURB, hablé con el jefe, hablé con todos y dije: "Estoy haciendo todas estas cosas, pero realmente lo que quiero hacer es Foundation". De alguna manera miraron yo y dije: "¡Genial! ¡Ir a hacer!"
WDD: Bien, Kevin, ¿cuándo te diste cuenta de que la Fundación iba a ser tan importante? ¿Cuándo lo entendiste?
KB: Entonces, cuando ingresé en Foundation, mencioné que ingresé a la red, ¿qué ocurre, hace ocho años? Pero llevo un año en ZURB. Entonces, cuando entré en la Fundación, ya era bastante importante. Para mí, creo que en general, los frameworks, Foundation y Bootstrap, fueron ... descubrirlos fue enorme para mí. Porque cuando comencé a hacer cosas en la web, incluso tener un sistema de cuadrícula, como 960, fue una gran innovación. Y luego todo un su ...
WDD [interrumpiendo bastante groseramente, Ezequiel lo lamenta mucho]: ¡ Lo sé!
KB: Más que solo una grilla básica, algo que puedes ajustar, algo que es receptivo, como, Dios mío , esto es increíble. Entonces, viniendo de un entorno de desarrollo, moviéndome gradualmente más hacia el frente, teniendo ese tipo de recurso, pude ver que era enorme incluso antes de que se volviera enorme.
cada día descubrimos nuevas compañías que han estado usando Foundation por unos años, y es increíble ver
RB: Foundation, cuando comencé hace tres años, ya era enorme en el mundo del desarrollo web. Si haces desarrollo web, probablemente conozcas Foundation y Bootstrap, y entonces no había demasiados frameworks por ahí en ese momento. Tal vez Semantic era nuevo, pero ese no es realmente un marco completo, por lo que no había demasiado por ahí. Entonces Foundation ya era enorme.
Lo que sucedió fue que, cuando comencé a trabajar en Foundation, comencé a darme cuenta de cuántas marcas y sitios web diferentes se crean en Foundation, y eso me abrió los ojos. Entonces, todos los días descubrimos compañías nuevas que han estado usando Foundation por unos años, y es increíble de ver. Eche un vistazo a la página de nuestras marcas y podrá ver todas las cientos de grandes marcas que están allí, y probablemente haya miles más que ni siquiera conocemos.
KB: Sí, todavía me saca de quicio algunas veces, juego un poco con lo que Rafi dice, como si te pusieras a las malas hierbas, y solo haces el trabajo, a la derecha, y luego das un paso atrás ...
Como, soy un gran fanático de los deportes ... NBA.com recientemente hizo un relanzamiento. Todo su nuevo sitio está basado en Foundation. Y, por supuesto, voy y miro el sitio, y digo "Oh, hay un error, y hay un error ...", y todavía estoy deprimido. Luego doy un paso atrás y digo, "¿De qué estoy hablando? Esta es mi liga deportiva favorita, y están basadas en el producto en el que trabajé. ¡Esto es increíble!"
WDD: [Risas] Tiene que ser una sensación increíble. Mientras tanto, he desarrollado para decir cuándo cualquier sitio web se basa en Bootstrap. No era un súper poder que quería cuando era un niño, pero eso es lo que tengo.
KB: Se agota, no requiere una gran potencia, dado el enfoque que han elegido tomar. Sabes, esta es una de las cosas de las que hablamos mucho con Foundation. Obviamente, Bootstrap tiene una audiencia más grande en este momento, y una de las razones es que tienen una opinión visual tan fuerte, lo que significa que alguien que no tiene idea de cómo quieren que se vea algo ... puede enchufarlo y se verá decente. Se parecerá a Bootstrap, pero se verá decente.
WDD: Eso es verdad. Ese tipo de funcionalidad lista para usar es en realidad una gran parte de la web de hoy. Las plantillas y los temas no van a ningún lado. Los marcos no van a ningún lado, la gente siempre necesitará una forma más sencilla de hacer algo, y más rápido ... por lo que Foundation y otros frameworks van a ser una gran parte de la web en el futuro.
¿Cómo ves que la Fundación avanza?
KB: Esa es una gran pregunta, y es algo en lo que paso mucho tiempo pensando. Puedo darte una respuesta a corto, a mediano y largo plazo. Creo. En el corto plazo, uno de los lugares que vemos que tenemos que mejorar es el tema preexistente.
El núcleo de Foundation es extremadamente personalizable, siendo solo eso: una Fundación sobre la que puedes construir para que no todos los sitios de Foundation se parezcan. Sin embargo, hay una gran audiencia de personas que necesitan algo que sea un poco más fuerte para comenzar.
Y aunque eso es posible en este momento, eso no es tan fácil en la Fundación como debería ser, y eso es un gran enfoque nuestro en la próxima ... Diría que de tres a seis meses. Haciendo que sea mucho más fácil para las personas que provienen de un fondo de diseño crear algo que luego la gente que no tiene experiencia en diseño puede simplemente usarlo en cualquier lugar.
WDD: Bien, entonces, temas infantiles, esencialmente.
KB: Esencialmente, sí. Hay un par de variaciones diferentes que estamos buscando para hacer esto. Debido a que una de las cosas que es, como dije, una especie de núcleo de la Fundación, es esta idea de que nunca, siempre vamos a poner a la audiencia del diseño primero.
Al igual, todos están creando sitios web receptivos ahora, pero están funcionando, muchos de ellos se están agotando. Al igual, hay algunos patrones que la gente descubrió, como que hay un icono de hamburguesa, y el menú fuera del lienzo, y todo esto, y todos están atrapados con esta cosa
ZURB es una empresa de diseño, y de ahí es de donde venimos, así que, sin importar cómo terminemos implementándolo, no puede sacrificar esa capacidad de implementar su identidad visual, su visión. Sin embargo, creemos que podemos hacer que sea mucho más fácil dejar caer cosas y poner las cosas en su lugar cuando lo desee.
Entonces esa es un área. Otra gran área que estamos buscando a mediano y largo plazo realmente está tratando de seguir impulsando esta idea de receptividad. La Fundación siempre ha estado al frente de eso, fuimos el primer framework en ir a dispositivos móviles, primero pusimos un montón de cosas diferentes en dispositivos móviles y estamos empezando a ver que esta idea básica de capacidad de respuesta ha ganado.
Al igual, todos están creando sitios web receptivos ahora, pero están funcionando, muchos de ellos se están agotando. Al igual, hay algunos patrones que la gente descubrió, como que hay un ícono de hamburguesa, y el menú fuera del lienzo, y todo esto, y todos están atrapados con esto. "Ok, apilaré el contenido en el móvil y haré esto, aquello y lo otro".
Pero creemos que, especialmente a medida que los dispositivos móviles se vuelven más potentes y se vuelven más prolíficos, existe un amplio abanico de posibilidades que apenas se están reproduciendo en este momento. Un sitio web receptivo en este momento a menudo parece algo increíble en el escritorio y funciona bien en el móvil, o es increíble en el móvil y funciona bien en el escritorio.
Y creemos que eso es innecesario. Debería poder tener algo increíble en el móvil, increíble en la tableta, es increíble si lo pone en un televisor, es increíble si está interactuando con él a través de un lector de pantalla, por lo que todos estos diferentes las cosas no solo se tienen en cuenta, sino que realmente se optimizan, si eso tiene sentido.
WDD: Eso tiene sentido. De hecho, estaba pensando en esto mientras hablabas, porque me he dado cuenta de que muchos sitios han adoptado la mentalidad de móvil primero, centrándose mucho más en dispositivos móviles que en pantallas de mayor tamaño. Ahora, eso es justo porque los dispositivos móviles son enormes, móviles en todas partes, todos tienen un teléfono móvil, tengan o no una computadora de escritorio o una computadora portátil. Tienen teléfonos móviles en lugares donde ni siquiera tendrían la potencia para una computadora de escritorio.
Sin embargo, las pantallas en lugares más desarrollados también son cada vez más grandes, y por supuesto más densas, en cuanto a píxeles, y además de eso, estamos recibiendo televisores 4K, monitores 4K, los precios están bajando muy lentamente, y lo que yo ' He notado que muchos diseñadores web no tienen en cuenta los tamaños de pantalla más grandes. Estas pantallas que se están volviendo absolutamente masivas. Y no tienes la opción de crear solo la ventana más pequeña en la TV, como un televisor inteligente, o con una Xbox ...
Estoy un poco curioso, porque todos quieren personalizar para dispositivos móviles, y eso es bueno, pero ¿qué van a hacer ustedes en términos de ayudar a sus usuarios a optimizar las pantallas súper grandes?
KB: Esto es algo con lo que el mundo está lidiando en general, y es aquí donde digo que mi papel no es como un dictador, sino como un sintetizador. Entonces, un par de nuestros diseñadores estuvieron recientemente en un proyecto que se enfocaba en pantallas grandes. Resulta que algunas de las cosas que ya tenemos en Foundation te permiten hacer cosas como esas, porque puedes personalizar tu conjunto de puntos de quiebre, puedes agregar un punto de ruptura adicional extra grande. Ya puedes hacer un montón de cosas para eso.
Pero las personas realmente no se dan cuenta de eso, no están al tanto de esas opciones, así que mucho de lo que queremos hacer allí es simplemente publicar las mejores prácticas para enfocar esas cosas. El marco, conceptualmente funciona allí. La gente a menudo toma los puntos de quiebre que obtienen de la caja, y no piensa: "Ok, espera, ¿esto realmente se aplica a toda mi audiencia? ¿En qué están trabajando estas personas?
Algo que vemos la necesidad de, y estamos trabajando activamente, es una mejor educación sobre lo que hay allí y cómo lo usas.
RB: Dentro del marco, hay, como has mencionado, mixins. Ya tenemos un punto de interrupción extra grande, y puede agregar más. Y luego también hay consultas de medios para la proporción de píxeles y otras cosas por el estilo. Creo que lo que necesitamos es ... sí, más prácticas recomendadas, más educación sobre cómo manejar esas situaciones.
KB: Algunas cosas adicionales que tenemos en la tubería, de hecho, algo con lo que estaba jugando hasta esta llamada, es algo que ayuda en todos los tamaños de pantalla: ir a más gráficos vectoriales, y poder hacer más cosas con vectores.
WDD: SVG. Todos estamos esperando "El año del SVG".
KB: "El año del SVG", tenemos algunas cosas divertidas en la tubería para intentar que eso suceda, así que creo que las personas no siempre se dan cuenta de lo poderoso que es el SVG. Si alineas esas cosas, de repente puedes diseñarlas con CSS, puedes manipularlas con JavaScript, además de que se ven hermosas en todos los tamaños de pantalla de la caja. Entonces, esta idea de imágenes receptivas es algo que realmente nos entusiasma. Cosas que tal vez no solo responden porque escalan con la densidad de píxeles y se amplían con el tamaño, sino que también cambian las características visibles en una imagen basada en el tamaño de la pantalla.
Hay todo tipo de posibilidades interesantes allí. Creo que lo que falta en este momento no es la capacidad de los SVG, sino las herramientas. Así que eso es algo que nosotros en ZURB realmente podemos ayudar a impulsar: herramientas para que sea más fácil.
Podría entrar en más detalles, pero lo haremos pronto.
WDD: Lo siento, me acabo de dar cuenta de que, literalmente, nunca he pensado en la posibilidad de que con una imagen SVG en línea, literalmente pueda dejar objetos de la imagen en función del tamaño de la pantalla. Eso es realmente algo enorme.
KB: Es increíble, es increíble y nadie lo hace. No lo piensan, porque estas cosas están encerradas, "Oh, es un activo que voy a cargar". Pero no, estas cosas son documentos. Podrías hacer lo que quieras que quieras.
WDD: Son documentos tan dinámicos y modificables como el mismo HTML. Eso es algo importante para recordar. La penúltima pregunta de esta sección es: ¿cuál es tu parte favorita sobre el marco tal como es ahora? ¿Hay algún componente específico que piense que es su favorito, o tal vez trabajó en él para que sea su bebé?
KB: Recientemente me enamoré de los menús receptivos, y mencioné que no he estado en el proyecto tanto tiempo. Esta es una base de código bastante extensa. He estado trabajando en el proyecto seis u ocho meses, así que sigo descubriendo cosas nuevas. Los menús receptivos son realmente poderosos.
El concepto central es que el tipo de menú que puede usar para hacer su navegación varía mucho según el dispositivo. Así, por ejemplo, el patrón de un menú desplegable, que es algo que ha estado en marcos como Bootstrap y Foundation durante mucho tiempo, es extremadamente potente en el escritorio y, a menudo, casi inutilizable en dispositivos móviles, especialmente si tiene capas anidadas para eso. Sin embargo, hay algunos menús que funcionan perfectamente en dispositivos móviles, por ejemplo, un menú desplegable. iOS popularizó esto. Nos dieron esta idea de un menú desplegable en el que tocas algo y se desliza sobre [al] submenú, profundizas hacia el lugar al que necesitas ir.
Foundation admite ambos, y la forma en que lo hace es usar exactamente el mismo marcado, pero con atributos de datos ligeramente diferentes para JavaScript. Lo que habilita es un menú receptivo que se comporta como un menú desplegable cuando estás en un punto de quiebre, y cambia a un desglose cuando estás en otro punto de quiebre. Así que tienes exactamente el mismo marcado, le dices: "Oye, esto es receptivo", para desglosar en pequeñas [pantallas], desplegable en [pantallas] grandes, y simplemente funciona.
WDD: Me encantaría ver más de eso, porque honestamente, por ejemplo, los menús desplegables donde elige su país o región no se pueden usar en el escritorio, mucho más en los dispositivos móviles. Cualquier menú desplegable con doscientas o más entradas es simplemente ridículo.
KB: Sí, cien por cien.
WDD: Esos deberían ser desglosados por defecto. Pero de todos modos, ¿y tú, Rafi? ¿Hay algo que te guste?
RB: Sí, en proyectos recientes, acabamos de hacer una reunión en la grilla de Flexbox, y estoy realmente enamorada de la grilla de Flexbox. Solo Flexbox en general ... si comienzas a aprender algunas de las propiedades, no son tan difíciles de aprender, y son realmente potentes, y realmente mejoran en una grilla flotante estándar. Entonces, si su proyecto puede permitirlo, definitivamente (IE10 y superior es la restricción), entonces, si su proyecto lo permite, definitivamente revisaré la red Flexbox. En este momento, es mi cosa favorita.
WDD: Ok, y la última pregunta en esta sección es, bueno, no es una pregunta ... Extraño a Orbit, muchachos. Hago. Me doy cuenta de que los controles deslizantes y los carruseles no son los mejores UX, pero a veces uno solo necesita uno o el cliente lo solicita y echo de menos a Orbit.
KB: ¿Sabías que está en seis?
RB: Lo trajeron de vuelta.
WDD: ¿ Lo regresaron?
KB: Ha vuelto a la Fundación 6.
WDD: De hecho, no ... Wow, he estado fuera del circuito.
KB: Entonces, la historia de fondo sobre eso, en Foundation 5, llegamos a un punto con Orbit en el que se estaba volviendo un poco demasiado característico y muy difícil de mantener como un proyecto de código abierto. Intentamos hacer demasiadas cosas. Intentaba ser todo. Entonces, cuando lo reinventamos para Foundation 6, decidimos que queríamos un conjunto de características simple, todo el marcado en la página en carga, en lugar de tener a JS añadiendo dinámicamente ese material. Y como algo simple para crear prototipos o incluso un simple carrusel para producción, funciona de maravilla.
Si está buscando algo un poco más rico en funciones, como poder cambiar la cantidad de diapositivas por punto de interrupción, o la cantidad de diapositivas que mueve de una vez, tal vez quiera tener tres en una página y luego mover uno cada vez, hay otros carruseles por ahí que hemos utilizado en nuestros proyectos. Me gusta Búho , o Slick Carousel .
RB: Así que volví a ser más un componente "Fundamental", no tratando de hacer todo, en todas partes, sino siendo algo que se enfoca en tener los conceptos básicos correctos, y permitiéndole personalizarlo en algo mucho más. Esa es una filosofía que Foundation ha intentado hacer todo el tiempo, pero de vez en cuando ha perdido su camino.
Es algo en lo que definitivamente nos hemos reenfocado: asegurarnos de que las cosas que estamos proporcionando no intenten hacer todo. Son fundamentales, y son extensibles. Los hacemos de modo que pueda interactuar con ellos, puede ampliarlos, puede hacer todas esas cosas, pero no necesariamente están haciendo todo lo que desea de la caja.
Y una de las piezas de las que hablamos, de poder incluir temas, temas infantiles o algo así ... otra parte de esto es poder incluir este concepto de bloques de construcción. Alguien que ha tomado un montón de piezas y las ha cableado juntas y ha añadido un montón de comportamiento en la parte superior, y facilitando que se puedan enchufar y jugar.
WDD: Oh, me gustan los módulos, o los complementos, como los plugins de jQuery, pero para ... bien, wow eso podría ser bastante grande. Especialmente si las personas comprueban su compatibilidad y pueden incluirlas fácilmente. Una cosa con la que he tenido problemas en el pasado fue combinar recursos de varios lugares. La gente a veces usa nombres de variables similares y eso arruina todo. O el CSS es simplemente incompatible porque ... razones, porque navegadores .
KB: Este es un problema real, y es por eso que creo que al mirar a los administradores de paquetes que están por ahí ... en realidad no están diseñados para el marcado de envíos y CSS muy bien.
WDD: No lo son.
KB: Entonces este no es un problema completamente resuelto. Estamos analizando las diferentes formas en que podemos hacerlo, pero una de las cosas en las que estamos pensando es asegurarnos de que está utilizando y aprovechando las mismas variables básicas de SASS del resto del marco, de modo que si " volviendo a colocar algo, toma tu tema o tus estilos inmediatamente.
WDD: Bueno, eso suena como una gran idea. Siempre me han impresionado los administradores de paquetes, pero para ser sincero, si se te ocurre una solución que me permite simplemente arrastrar archivos desde un archivo .zip a la carpeta de mi proyecto, y simplemente funciona, eso servirá para yo. Sigo siendo un tipo muy manual cuando se trata de mi HTML y CSS. No uso muchos gestores de paquetes.
Me doy cuenta de que son el futuro, sí, pero construyo cosas más pequeñas, y eso fue otra cosa que dije sobre Orbit: no necesito algo lleno de muchas características, la mayoría de las veces, cuando necesitaba un carrusel, Solo necesitaba mover imágenes de derecha a izquierda. Eso es todo lo que necesitaba.
KB: Pruébelo en Foundation 6, está allí. Si algo no funciona como lo desea, presente un error y veremos cómo solucionarlo.
RB: Hay una mejora genial en Orbit. Está enganchado con Motion UI, por lo que puedes cambiar las animaciones directamente en el HTML. Entonces, si quieres un fundido, o quieres una diapositiva, o quieres deslizarlo, o hacerlo girar, o cualquier animación loca ... todo está enganchado ahí.
WDD: Eso es definitivamente genial. Por último, no menos importante, y solo por diversión: ¿cómo es su relación con el marco que no se nombrará ?
Hecho poco conocido: los inventores de Bootstrap solían trabajar en ZURB
KB: Hecho poco conocido: los inventores de Bootstrap solían trabajar en ZURB.
WDD: ¿De verdad?
KB: Sí. Mark Otto era un diseñador aquí, creo. Entonces, lo que quizás no se sepa es que Foundation y Bootstrap en realidad provienen de la misma génesis. Ambos son marcos inspirados por lo que ZURB estaba haciendo por nuestra clientela. Estábamos compilando estas guías de estilo de HTML y CSS, y queríamos sistematizar un poco, por lo que la primera versión de código abierto de Foundation era la versión 2. La versión 1 era interna.
Entonces Bootstrap y Foundation vienen de las mismas raíces. Obviamente, han elegido caminos diferentes en términos de lo que optimizan, y Bootstrap ha tenido un gran éxito con la audiencia de desarrolladores. Foundation fue, y continúa siendo, más popular entre la audiencia de diseñadores, ya que no ejerce una gran opinión visual allí.
WDD: Eso tiene sentido.
KB: Para jugar un poco más, obviamente hay una rivalidad amistosa pasando.
WDD: Naturalmente.
KB: Y creo que tenemos que estar hablando con diferentes personas. Hablo con muchas personas diferentes acerca de Foundation, obviamente, y el mensaje que parece que recibimos, especialmente de personas mayores, es que "me gusta más Foundation, es más poderosa. Estamos usando Bootstrap de todos modos, porque todos mis desarrolladores menores lo saben ". Eso es convincente. Nos dice en qué tenemos que estar trabajando, ¿no? Una de las cosas más importantes en las que tenemos que trabajar es ganar la batalla de la funcionalidad, estamos ganando la batalla por la característica, tenemos que ganar la batalla de incorporación.
Necesitamos mejorar nuestra capacidad de ... para que la gente lo recoja y juegue con él de la caja. Porque si a todos los senior les gusta, ya todos los diseñadores les gusta ... sí, obviamente tenemos que seguir adelante, mencionamos que hay lugares como SVG, podemos ayudar a que 2017 sea el año del SVG, Foundation puede ayudar a hacer eso pasa.
Hay otras piezas, la cuadrícula de CSS, hay otras tecnologías en las que podemos jugar el papel que siempre hemos jugado para ayudar a impulsar la Web. Pero también debemos centrarnos en cómo podemos apoyar a la audiencia de novatos, que es enorme. ¿Cómo ayudamos a la gente a aprender?
El mundo y la web funcionan mejor con los competidores. Las guerras de los navegadores se estancaron hasta que Google llegó con Chrome y vimos una innovación increíble. Creo que tenemos que seguir mirando a Bootstrap, Bootstrap debería seguir mirándonos ...
RB: Ellos son.
KB: Lo son, sabemos que lo son, y los estamos viendo, y creo que cada uno de nosotros puede tomar las mejores ideas el uno del otro y seguir impulsando la web.
WDD: Ok solo asegúrate de robar a Tyler Tate antes que ellos. No sé si estás familiarizado con su trabajo. Hizo la cuadrícula CSS de 1 KB en el día, en los días de 960.gs, también hizo semántica.gs. Fue uno de mis marcos de grillas basados en LESS favoritos, bueno ... más como un generador de rejilla, durante mucho tiempo. En serio, roba a ese tipo.
KB: Ok, déjame encontrarlo. Oh sí, él es local.
RB: Eso es increíble.
KB: Tyler, si estás viendo esto, hagamos café. Veo que te gusta el café, desde tu sitio web. Diseño, código, café. Hagamos café, mi regalo.
WDD: Muy bien, en serio, damas y caballeros, este episodio lo trajo la cafeína, mucha y mucha cafeína. Elija su marca, porque nadie me está pagando por esto todavía. Entonces, en las últimas preguntas divertidas: ¿Ustedes tienen un logo de Twitter en un tablero de dardos en algún lugar de la oficina, y si no, por qué no?
[Un poco incómodo se ríe de ellos. Una risa más genuina de mi parte]
KB: En realidad soy un gran fan de Twitter.
WDD: Ah, maldita sea. Solo estoy bromeando. Y al menos has tenido una guerra Nerf con el equipo de desarrollo de Bootstrap. De nuevo, si no, ¿por qué no? Súbete a esto. Necesitas video esto.
RB: Creo que es una gran idea.
KB: Eso podría ser divertido. Tal vez paintball.
RB: Tenemos algunos campaneros muertos aquí.
WDD: Ok, ¿podemos hacer esto oficial? ¿Le gustaría llamar al equipo de desarrollo de Bootstrap? ¿Los desafías a una guerra de paintball?
KB: Paintball war, equipo de desarrollo de Bootstrap. Mark, tenemos tu número.
RB: Tenemos mucha más gente, no sé ...
WDD: Gracias a los dos por su tiempo, y estoy muy contento de haber podido hablar con ustedes, así. ¿Algo más que le gustaría decir a nuestros lectores / oyentes antes de irnos?
KB: Hay muchas cosas increíbles sucediendo en Foundation. La versión 6.3 se publicará en solo un par de semanas, y va a innovar más sobre la base y la capacidad de respuesta, así que definitivamente échale un vistazo. Yo diría que si quieres mantenerte al día con todo, echa un vistazo foundation.zurb.com/learn/foundation-insider.html y puedes ingresar a nuestra lista de correo.
RB: La otra cosa que quiero llamar es no dude en involucrarse. Tenemos todo tipo de problemas diferentes en diferentes niveles de dificultad. Se siente como una gran cosa para tocar el marco, pero si quieres empezar a participar como colaborador, ven a verlo. Haga ping a uno de nosotros y pregúntele: "¿Qué es algo en lo que puedo trabajar?"
Le indicaremos en la dirección correcta, le indicaremos dónde está el archivo que tal vez desee modificar. Te ayudaremos a comenzar y a seguir. Este es un proyecto comunitario. Estamos muy orgullosos del hecho de que tenemos más de ochocientos contribuyentes en la historia del proyecto y queremos verte involucrado.
WDD: Muy bien, muchas gracias, y los veo a todos.
KB & RB: ¡Gracias!
WDD: Este es Ezequiel Bruni para la firma de Web Designer Depot.