 Sí, ante todo, bueno, creo que soy el primer miembro de la organización que hace la dupla también como oponente y, bueno, yo creo que el nombre de todos agradeceros que hayáis estado aquí, que hayáis venido porque al final vosotros soy a la parte más importante del elemento, ¿no? Bueno, dicho esto, me presento, soy Ricardo Prieto, alguno ya me conocéis, los que no, bueno, pues simplemente soy el 50% de silo creativo, soy la mitad, la otra mitad está por ahí, que es Veronica Valenzuela, que es la chica que ha estado como azafata o cuarta arbitra con el periodo de descuente añadido y, bueno, digamos que en silo creativo realmente lo que hacemos es, por un lado, diseño personalizado, la mayoría de las veces basado en Wordpress para clientes definitivos y, por otro lado, bueno, pues tenemos nuestro proyecto de desarrollo de plantillas premium que comercializamos en un marketplace conocido, que seguro conocéis todos. En esto, esta segunda parte, digamos, en nuestra actividad de nuestro día a día nos ayuda sobre todo a una cosa que entendemos como fundamental e importante en la actividad de todos los que nos dedicamos a un poco de desarrollar algo relacionado con la tecnología y con internet, ¿de acuerdo? Que es tener que estar al día continuamente informado, continuamente en alerta de los cosas y tendencias que van saliendo casi a diario, ¿no? Fijaos una cosa interesante, el mercado de los clients o de los premium premium, igual que de los temas, al final es un mercado igual que otro, y va por demanda y va por oferta, ¿de acuerdo? Si no estás en esa oferta, no es capaz de ofrecer lo que la gente busca, realmente estás perdiendo mucho y esto, por tanto, te obliga a estar a la última, en la tendencia, hasta continuamente informado y, como más importante, tratando de compartir esa información que al final es la filosofía que yo creo que todos deberíamos tener. Aprendo esto, lo estudio, estoy a la última y lo comparto, el conocimiento si no es compartido, creo que estaréis de acuerdo conmigo que se pierden, ¿vale? Vamos a hablar de diseño, vamos a hablar de tendencias, de cosas que van a pasar a futuro, vamos a hablar de diseño, creo que no existe ningún otro campo más subjetivo del diseño, si no lo medimos con valores escalables o medibles, ¿no? Oye, un diseño convierte más que otro, vale, eso es una medida, con este diseño ingreso mil, este otro dos mil, ¿de acuerdo? Pero sin esas datos, esas mediciones, al final lo que tenemos es gustos personales o atributos personales, al final me gusta más el rosco que el verde, me gusta más el amarillo que el azul, ¿de acuerdo? Si hay esto, además, le sumamos WordPress, ¿de acuerdo? En continuo cambio, en continuo actualización, en continuo movimiento, yo creo que tenemos un resultado que es que todo esto es muy relativo, ¿vale? Esto como aviso, a lo que viene a continuación, quiero que os quede con este mensaje, lo que vamos a hablar son cosas un poco relativas, subjetivas haciendo punto de acuerdo. Os he traído cuatro tendencias de diseño que me gustaría que compartasemos y hablássemos y debatíssemos sobre ella. Creo que nadie duda de que el diseño responsive está para quedarse y es un avance, yo creo que es fundamental en todo lo que es el tema de la web. Yo creo que nadie duda de eso, ¿de acuerdo? Pero estamos en el motor de un nuevo cambio, ¿de acuerdo? Que es el mobile fest. La traducción sería, bueno, insa primero en móvil, ¿vale? Y vas escalando tu diseño a los distintos dispositivos. Yo creo que detrás de esta filosofía de trabajo se esconde más bien un piensa primero en tu contenido, ¿vale? Y ahora verlo escalando no al dispositivo, no al ancho, pero escalando a futuro, ¿de acuerdo? Todo este pensamiento hay que incluir la filosofía en el proceso de diseño, ¿vale? Desde la historia de usuario, desde el esquema que va a tener la web, desde la fase de protocipado, desde la fase de wireframe, mocaf, etcétera, etcétera. ¿Por qué esto? ¿Vale? ¿Por qué vamos... He imaginado que tengo un violin, ¿de acuerdo? Me voy a comprar un violin y le construyo una funda que en casa perfectamente ha dicho violin, pero mañana me compro una guitarra, oye, necesito una nueva funda para esa guitarra, ¿vale? Y si el año que viene está de modo al trombo, ¿vale? ¿Qué hago con estas fundas? No sería más lógico construir una casa, ¿vale? Bonita, bien decorada, que sea útil para todos los instrumentos futuros, ¿de acuerdo? Con el mobile first vamos un poco a esto. Tenemos claro el contenido, sabemos cómo queremos usarlo y nos va a dar igual cuál sea el dispositivo que se va a mostrar, se va a adaptar a cualquier dispositivo, ¿vale? Hablamos en futuro cuando podamos navegar a través de la luna del coche, ¿vale? Cuando podamos tener nuestra web, nuestro reloj, ¿vale? O cuando vayamos al internet de las cosas y lleguemos a los electrodomésticos, tostadores, frigorífico, todo esto, ¿vale? ¿Cómo implementamos esto en Wordpress? Si trabajáis con preprocesadores, CSS, ¿vale? Lees, has, prendéis, bueno, los distintos elementos. Pero si trabajáis directamente sobre el CSS, ¿vale? Vamos a trabajar con el mingual, es decir, diseñamos la base de nuestro contenido, ¿vale? Para la versión, digamos, vamos a llamar la móvil, la que tiene menos anchura, y a partir de ahí vamos escalando, pero vamos a olvidarnos de escalada al 767 de la iPad 1 y del iPad girado, ¿vale? Vamos a escalarlo según el contenido. Si mi contenido se ve en una columna, a lo mejor a partir de 400 píxeles o 500 píxeles es adecuador, traernos el iPad o traernos una segunda columna, ¿vale? Entonces, todo esto lo vamos a hacer con el MindWide, vamos a olvidarnos del MaxWide, ¿vale? Hasta aquí, no, a partir de aquí, vamos construyendo. ¿Qué vamos a conseguir con esto? Yo creo que la ventaja evidente es que la experiencia de usuario, ¿vale?, va a ser mejor. ¿Por qué? Porque si yo en mi móvil, ¿vale?, con mi conexión 3G, aunque cargue todo el archivo CSS, solo le aplico las primeras clases y las que sobreescriben son la de versión escritorio o versiones mayores, al final el navegador, ¿vale?, o el motor del navegador del móvil va a tener menos trabajo que lo que sería como lo estamos haciendo ahora, que cargue a versión escritorio y le meto las media fuertes que va tachando, ¿vale?, sobreescribiendo las líneas que tengo que negondrausar. Problema, Internet Explorer, ¿vale? Bueno, tenía que salir. Antes, bueno, con diseño responsivo, pero no con la insta filosofía del móvil FERS, había un problema, pero no era tanto, ¿por qué? Sabes que Internet Explorer, sus dos versiones antiguas, 8, 7 y 6, no entienden media queries, ¿vale? Entonces, antes cargaba las reglas que no estaban incluidas en ningún media query. Bueno, no había problema, porque si yo desarrollaba para escritorio, bueno, pues me daba un poco igual. Y decía, bueno, las de móvil, no. Pero ahora, si desarrolló primera de móvil, Internet Explorer me va a mostrar la versión móvil, ¿vale? Bueno, por mucho corazón que nos den la gente que navega a través de Internet Explorer, vamos a ofrecerle contenido bien, ¿vale? La solución Taliban es, bueno, pues, terminó el proyecto, me siento y hago un style PSS, como condicional, ¿vale?, que sólo lo van a leer los usuarios de Internet Explorer. Por tanto, tengo que rehacer totalmente el archivo CSS, un archivo único para esta gente, ¿no? Mi consejo, mi consejo, responde al script, ¿vale?, que simula y hace que puedas cargar las media queries en Internet Explorer y olvidaros de hacer todas estas cinco, seis, siete horas que vais a dar para trabajar con un style CSS exclusivo para Internet Explorer. Es decir, terminó el proyecto, cargo la línea de responde condicional al script y salvo a la calle, ¿vale? Y salvo por los amigos, me tengo una cerveza, conozco a alguien, me hago novio, me caso, tengo hijos, ¿vale?, a lo mejor con Internet Explorer, no. Si hubiera dedicado eso, no, ¿vale?, sería un homeless, ¿no?, toda la vida en mi casa han cerrado de madrugada, trabajando ahí para, bueno, para unos usuarios por culpa de que no consiguieron avanzarse, ¿no? Oye, lo está haciendo bien ahora en Internet Explorer con la versión 10 y la versión 11, creo que han avanzado bastante y ahora también la daré a otro capote cuando hablemos del practice, ¿vale? Bueno, la segunda tendencia que me gustaría comentar es el tema de las web font, ¿vale? O sea, me sangra los ojos cuando entras, ¿no?, y ves el comisán y todo eso, ¿no? Oye, ya no tienes excusa, tío, tienes las web font, tienes todo el repertorio de Google o cualquier otro para utilizar en tu web, pero vamos a utilizarlo con un poco de cabeza, ¿vale? Está muy bien, es muy sencillo, es gratis, ¿vale?, pero en contraprosición las fuentes que tenían por defecto en el cliente, digamos, que tienen se instalada en la carga más rápida, es cierto, aquí al final lo que hace es una llamada al servidor de carga, un archivo de una fuente, por lo tanto más tiempo de carga, más llamada al servidor, por lo tanto vamos a ser muy inteligente y ofrecerle al usuario algo que realmente pues le guste, que vamos a ir a legibilidad, que la fuente que lijamos sea legible, ¿vale?, y le proporcione algo que aunque tarde unos mil segundos más en cargar la web, realmente esto sea algo positivo para su usuario, para la accesibilidad, para la experiencia, etcétera, etcétera, ¿vale? Bueno, ya sabéis, tenéis el contenido total, también me gustaría indicar el tema de las fuentes de Iconos, ¿vale? Conocéis AWS Home Phone que utiliza Twitter, ¿vale?, y fijaos, con esto solo, ¿vale?, con la fuente de Icono cargada, si ningún tipo de imágenes, ya vuestra web, vuestro tema para WordPress, vuestro WordPress es Retina Display, ¿vale?, si no cargáis ningún tipo de sprite, ninguna imagen, ni hay que hacer ninguna historia de hacer el media query para la retina, ¿vale?, solamente con los iconos de fuentes, para los iconos de Twitter, para, oye, el autor, quién es, la categoría, la carpetita, la etiqueta con el, la etiqueta, todo esto ya tenéis, el tema o el diseño para WordPress ha adaptado a lo que sería el Retina Display, ¿vale?, un ejemplo, ¿vale?, la presentación, ¿cómo la tenéis?, son ejemplos aleatorios, no he querido traer ninguno que fuera cercano, ¿vale?, pues, presidenteforaday.com, al final, hay muchas web que basan en su contenido, su diseño y lo que serías tener su usuario en lo que sería el uso de las fuentes, la mayoría WordPress, ¿vale?, entonces, con poco, muy poco fijas que hasta el final, hay dos tipos de fuentes, solo, pero estas variaciones que tenemos a nuestra disposición, son, con solo una línea en el CSS, BOL, el PhoneWake, MightUpperCash, por la minúscula, o sea, tenemos una cantidad de variables que podemos utilizar a las fuentes, la sombra de la fuente, el color, el color del fondo, el espacio entre letras, tenemos una cantidad de variables y yo creo que debiríamos empezar a audibilizarlo, ¿vale?, ¿cómo trabajo con las fuentes en mi plantilla WordPress, ¿vale?, vamos a hacerlo bien, nada de meter ahí a hueso en el header, ¿vale?, vamos a llevarnos sus funciones, como queréis llamarlo, nos queramos nuestra propia función, registramos dichos kilos con la llamada a la URL de Google Font o cualquier otra, lo encolo y lo añado como acción, ¿vale?, en el caso de que necesite mantenimiento o cualquier cosa, lo tengo bien ordenado y bien traído en mi plantilla o en mi diseño bajo WordPress, ¿vale?, la tercera que me gustaría comentaros es acerca del FlapDesign, ¿vale?, ¿conocéis la famosa frase de Mies van der Rohe, ¿no?, de al menos es más, ¿vale?, yo creo que aquí es un avance importante y al final lo estoy dando un poco mi opinión personal, la indición personal sobre esto porque creo que de verdad esto sí que hablamos de tiempos de carga de página, hablamos de tiempo que el motor del probador tendrá en renderizar algunas cosas y creo que es importante. Fijaos, pasamos del esquéucorismo, este que es al final, intentar imitar la realidad a una cosa más abstracta, ¿de acuerdo?, que si me permitís, pasamos de muchas horas de trabajo, ¿vale?, creo que la primera opción o el intentar imitar la realidad sí tiene mucho trabajo, mucho tiempo, de muchas horas, pero el otro es más difícil. Conseguir una cierta astración, mandar un mensaje con menos, ¿vale?, creo que es mucho más difícil, al mejor tiene menos tiempo, pero tiene más de actividad, ¿vale? Lo mismo, creo que esto sí es cierto que ayuda mucho a lo que sería el tamaño de nuestros archivos CSS porque vamos a eliminar una cantidad de alimentos, de sombras, de gradientes, de gradados, que realmente esto al final hay que testarlo, ¿eh?, si el botón de PayPal con su degradado, su borde, su borde de radio, si sombre todo esto convierte más que un cuadradito estúpido de amarillo y yellow, en flat, con su ove, únicamente, oye pues, vamos al botón de PayPal, pero te digo yo que seguro el archivo ocupa menos las líneas CSS que he utilizado, son menores y además de eso lo que hago trabajar al dispositivo al final, al motor de navegador, es menor, y si estoy en móvil, me lo agradezco incluso en la batería del propio motor, ¿vale? Un ejemplo, bueno, está hecho con WordPress, la gente de sin modo, seguro que la conocéis, ¿no? Y bueno, pues, este sitio que tiene pequeño en su propia web, en su domino, en una carpeta, donde hablan de todo esto está hecho con WordPress, ¿vale? Y yo creo que es un ejemplo característico que todo conocéis, ¿vale? ¿Cómo trabajo con el flat design? ¿Vale? Esto es únicamente mi style CSS y empezar a limpiar, ¿vale? Fijaos, todos los atrás, borde, sombra, grabiente lineal, me quito 10 líneas, ¿vale? 10 líneas, el momento en el que estamos, ya un milisegundo, con la carga de la web, son muchas, ¿vale? Habrá que ver después si esto convierte más, convierte menos, sirve para mi objetivo o no sirve, ¿vale? Pero de momento, en tiempo de carga y optimización, he ganado. Paralax, ¿vale? Bueno, he comentado antes, gracias a Microsoft, con el flat design, por incorporar, en Windows 8 estás un poco a banderar este cambio, ¿no? Yo creo que, igual que hablamos mal, hay que agradecerle cuando la gente hace las cosas bien, ¿no? Paralax, creo que tiene algo bueno y algo malo conocéis, un poco esto de Paralax, ¿no? Había jugado al Sony, por el Sony de la Mega Drive, ¿vale? Pues yo era de Mario Bros. Mario Bros, ¿vale? Super Mario Bros es una versión igual que Sony, hacía un efecto falso 3D, que es que el fondo, ¿vale?, de la juego de plataformas se movía una velocidad distinta del que iba el Sony que va saltando y, confiéndose, el fondo se movía una velocidad distinta. ¿Os acordáis un poco de esto? Mirad con cara de, no sé, creo que todos hemos jugado al Sony que era Super Mario, ¿vale? Pues esto no es otra cosa que traernos a la actualidad esto, ¿no? Jugábamos con esta falsa idea de 3D de tercera dimensión, ¿vale?, pues traído a la y jugando con la importancia del scroll, ¿vale? O sea, estos activan cuando hago scroll. Tiene más utilidades, es decir, puedo ir cambiando atributos a medida que vaya haciendo scroll, ¿vale?, no sólo utilizando el fondo, que es lo que yo creo que 90% de los diseños más a un Wordpress están utilizando, ¿no?, el cambio de fondo, ¿vale?, pero puedo cambiar el color de la cabecera, voy a decirle, oye, cuando estés arriba, el usuario que es arriba de la web, la cabecera es blanca, y cuando esté abajo, que se arroja, ¿vale?, me va a pasar por el blanco, el rosa, todos los tonos de rosa, hasta llegar al ropo cuando el scroll llega al botón, ¿vale?, al teléfono. Igual con el palin, puedo ir jugando, oye, pues, más o menos. A final, muchas, muchos tipos de utilidades, pero una cosa importante, creo que como positivo, el Paralax tiene una cosa, que la gente ya se olvida del flash, porque aquello de, oye, quiero que mi web sea dinámica, o que darle algo de movimiento a la web, ¿eh?, esta frase, ¿vale?, pues, con esto puedes engañar al cliente y decirle, bueno, pero es que lo que se lleva ahora es esto, es Paralax, olvídate de la slider, ¿eh?, porque el Paralax lo que está ahora pegando fuerte, ¿vale?, y por lo menos le engañas un poco, pero creo que sinceramente aporta poco o nada a lo que sería la experiencia usuaria, ¿vale?, si no se utiliza con cabeza, al final vamos a caer luego del flash. El problema del flash es que vale, si no era, digamos, indexable por Google, pero además de esto, es que no aportaba nada. Las web, no había ningún tipo, cuanto más efecto, más y más cantidad de elementos salían y se movían, parecía que mejor, ¿no?, no hay que hagamos en este error nuevamente. ¿Cómo trabajo con Paralax? Creo que ahora mismo hay dos librerías, jala si es que son las que están un poco ahí, ¿no?, que es scroll, js y estela. Al final son librerías Avescript, que yo las encolon mi fución, como ahora veremos, en el HTML a través del data attribute le digo, oye, cuando es esa arriba que este elemento tenga color fondo blanco y cuando data botón, cuando llega abajo o data 200, cuando haga 200 scroll, 200 piseles, que sea verde. Esto lo que hace es meterme en el código estilos, en medio de la línea, ¿vale?, el estilo en CSS, en las líneas estas reglas me la mete ahí por medio, ¿no?, es algo un poco sucio al final, pero bueno, es lo que lo que como lo utiliza. Un ejemplo que yo creo que está muy bien, ¿vale?, hecho con WordPress, ganao.com y bueno, son una empresa de corcho para vinos y demás, si podéis verlas, está bien. Gran problema de Paralax, el tema del móvil, porque el scroll que hacemos en escritorio no es el mismo que el scroll del móvil, ¿vale?, y es una chapuza total lo que hace móvil, porque te convierte la web y te hace los movimientos por transiciones de CSS3. Y si además te fija un alto, si tú tienes alguna librería tipo isotope de esto o más nor, ¿no?, que te cambia las cosas, el alto ya te lo ha fijado, ¿vale? ¿Cómo lo hago? Por ejemplo, necesitaré editar primero el function, encolarla de forma adecuada, igual que las fuentes y por otro lado en el header o en cualquier otro archivo, index, single, en el que sea que yo quiera argumentar este efecto, ¿vale?, pues añadirle estos datos a tribut en lo que sería la propia línea del HTML. Todos estos son tendencias, ¿vale?, y algunas, el año que viene nos arrepentiremos de haberla traído aquí y de hablar, pero otras no, pero sin embargo, lo que sí tengo claro y yo creo que estaremos todos de acuerdo, es que no estamos ni mucho menos, ni mucho menos en una fase de final o de transición de lo que sería, bueno, esto es un boom. Hemos llegado al diseño web responsive, hemos utilizado todas las web que ya está, ¿no?, a la otra vez a esperar que salga algo. Creo que no, creo que esto está en continuo momento, en continuo cambio, ya no tenemos vistas al año que viene, sino vistas a 5 o 10 años y yo creo que esto es importante. Y yo creo que hoy todos los, que estáis hoy aquí, los 175 que estaréis conmigo, en el que cuando son planimientos de cambio, unos construyen muros, pero nosotros los 175 construimos molinos. Muchas gracias.