OCTUWEB https://octuweb.com/ El estado del arte del diseño y desarrollo web en español Thu, 29 Oct 2020 22:45:08 +0000 es hourly 1 Empatía: la nueva herramienta que todo profesional de UX/UI necesita https://octuweb.com/empatia-nueva-herramienta-ux-ui/ https://octuweb.com/empatia-nueva-herramienta-ux-ui/#comments Thu, 29 Oct 2020 23:00:21 +0000 https://octuweb.com/?p=3844 Los estudiantes de diseño visual con los que he hablado estos últimos meses comentan, con relativa frecuencia, la hostilidad y las dificultades que perciben a la hora de adentrarse en el sector, lo que podría sugerir que tal vez haya una serie de cuestiones importantes sobre las que reflexionar.

Ver artículo en Octuweb - Empatía: la nueva herramienta que todo profesional de UX/UI necesita.

]]> https://octuweb.com/empatia-nueva-herramienta-ux-ui/feed/ 1 Diseñando para front-end https://octuweb.com/disenando-para-front-end/ https://octuweb.com/disenando-para-front-end/#respond Wed, 28 Oct 2020 22:00:19 +0000 https://octuweb.com/?p=3826 Me gustaría hablar de las precauciones que debemos tomar los diseñadores cuando detrás viene un equipo de desarrollo y el proyecto tiene algo tan normal como un presupuesto y algún tipo de deadline.

Ver artículo en Octuweb - Diseñando para front-end.

]]> https://octuweb.com/disenando-para-front-end/feed/ 0 Resetearse en tiempos de COVID-19 https://octuweb.com/resetearse-en-tiempos-de-covid-19/ https://octuweb.com/resetearse-en-tiempos-de-covid-19/#respond Tue, 27 Oct 2020 22:00:07 +0000 https://octuweb.com/?p=3772 Las circunstancias vividas en estos meses han llevado a muchas empresas a intentar adaptar sus procesos de cara a la nueva normalidad, y el mundo de la formación no está exento de dicha transformación. En estas lineas intento analizar la situación de la que partimos y la que nos hemos visto obligados a adaptar, analizando y poniendo en tela de juicio sí los formatos de formación actuales cumplen con las necesidades empresariales que tiene actualmente nuestro sector.

No nos olvidemos que formamos a personas que trabajan con personas, que cubren necesidades dentro de un mundo obligado, de la noche a la mañana, a vivir confinado.

Ver artículo en Octuweb - Resetearse en tiempos de COVID-19.

]]> https://octuweb.com/resetearse-en-tiempos-de-covid-19/feed/ 0 Creando mejores componentes https://octuweb.com/creando-mejores-componentes/ https://octuweb.com/creando-mejores-componentes/#respond Mon, 26 Oct 2020 22:00:43 +0000 https://octuweb.com/?p=3780 Crear componentes visuales reutilizables parece tarea sencilla pero la realidad es que construirlos de manera que sean previsibles, extensibles y con una API intuitiva es más difícil de lo que parece.

Ver artículo en Octuweb - Creando mejores componentes.

]]> https://octuweb.com/creando-mejores-componentes/feed/ 0 Las lágrimas de diseñador no curan la COVID https://octuweb.com/lagrimas-de-disenador-no-curan-covid/ https://octuweb.com/lagrimas-de-disenador-no-curan-covid/#comments Sun, 25 Oct 2020 22:00:07 +0000 https://octuweb.com/?p=3730 Una fábula de dimensiones heurísticas.

Espejito, espejito, ¿Quién es el mejor diseñador? Animales mitológicos, herramientas y lágrimas sin número se mezclan en este cuento que es la vida del diseñador. Léelo que la banda sonora es de Silvio Rodríguez.

Ver artículo en Octuweb - Las lágrimas de diseñador no curan la COVID.

]]> https://octuweb.com/lagrimas-de-disenador-no-curan-covid/feed/ 1 Test-driven front-end development https://octuweb.com/test-driven-front-end-development/ https://octuweb.com/test-driven-front-end-development/#respond Thu, 22 Oct 2020 22:00:11 +0000 https://octuweb.com/?p=3501 El desarrollo de cualquier aplicación web es complejo. Hay un montón de funcionalidad por crear y, seguramente, poco tiempo 🤯 Sin embargo, con la nueva generación de herramientas front-end hay una metodología que nos puede ayudar a no perder el foco y entregar valor de manera continua, con confianza.

Ver artículo en Octuweb - Test-driven front-end development.

]]> https://octuweb.com/test-driven-front-end-development/feed/ 0 Transformación digital forzada (nueva normalidad, viejas costumbres) https://octuweb.com/transformacion-digital-forzada/ https://octuweb.com/transformacion-digital-forzada/#respond Wed, 21 Oct 2020 22:00:47 +0000 https://octuweb.com/?p=3717 Como el beso de un príncipe muy chungo, la COVID ha despertado a las PYMES no digitalizadas de su inconsciencia. Y hay una ingente cantidad de proveedores dispuestos a transformarlas con sus tecnologías mágicas. Nada nuevo bajo el sol, mismas maneras comerciales que con el boom de las webs, el efecto 2000 o con la entrada del euro: los ñus tienen que cruzar el río y las consultoras solo tienen que esperar en la orilla.

Ver artículo en Octuweb - Transformación digital forzada (nueva normalidad, viejas costumbres).

]]> https://octuweb.com/transformacion-digital-forzada/feed/ 0 La Developer Experience y cómo habilitar el máximo potencial de los equipos de desarrollo https://octuweb.com/developer-experience/ https://octuweb.com/developer-experience/#comments Tue, 20 Oct 2020 22:00:34 +0000 https://octuweb.com/?p=3679 ¡Ajá 😏! Así que quieres que tu aplicación, página o servicio tenga la mejor experiencia del usuario (UX) para conseguir una percepción positiva, mejor conversión y eficiencia. Pues para crear ese valor, hay que desarrollarlo y ahí entra la importancia de conocer, entender y cuidar la experiencia de desarrollo (DX) 👩‍💻👨‍💻 en tu organización.

Ver artículo en Octuweb - La Developer Experience y cómo habilitar el máximo potencial de los equipos de desarrollo.

]]> https://octuweb.com/developer-experience/feed/ 1 No se puede ser lead sin ser buena persona https://octuweb.com/lead-buena-persona/ https://octuweb.com/lead-buena-persona/#respond Mon, 19 Oct 2020 22:00:57 +0000 https://octuweb.com/?p=3689 Estamos tan obsesionados con el talento y la inteligencia que olvidamos la importancia de la calidad humana.

Ver artículo en Octuweb - No se puede ser <em>lead</em> sin ser buena persona.

]]> https://octuweb.com/lead-buena-persona/feed/ 0 Escala tu aplicación con Micro Frontends https://octuweb.com/micro-frontends/ https://octuweb.com/micro-frontends/#respond Sun, 18 Oct 2020 22:00:13 +0000 https://octuweb.com/?p=3704 ¿Cómo escalan las empresas sus aplicaciones para que haya muchos equipos trabajando simultáneamente en una gran aplicación web? ¿Cómo podemos reutilizar y aprovechar los desarrollos optimizando el coste para la empresa? Es aquí donde entran en juego los micro frontends. En este artículo hablaremos de ello y veremos pros y contras, además de cubrir algunos ejemplos de implementación.

Ver artículo en Octuweb - Escala tu aplicación con Micro Frontends.

]]> https://octuweb.com/micro-frontends/feed/ 0 Cómo automatizar diseños vagamente en Figma https://octuweb.com/como-automatizar-disenos-figma/ https://octuweb.com/como-automatizar-disenos-figma/#comments Thu, 15 Oct 2020 22:00:32 +0000 https://octuweb.com/?p=3564 Descubre cómo semiautomatizar procesos de diseño en Figma y hacer que tu vida de diseñadora sea más llevadora. Adéntrate en recorrido neurótico y cambiavidas para prevenir que la parte machaca de tu cerebro de diseñadora vaga no te amargue la existencia.

Ver artículo en Octuweb - Cómo automatizar diseños vagamente en Figma.

]]> https://octuweb.com/como-automatizar-disenos-figma/feed/ 1 ¿Está a la altura del anime? One Piece - Vue 3 https://octuweb.com/vue3/ https://octuweb.com/vue3/#comments Wed, 14 Oct 2020 22:00:11 +0000 https://octuweb.com/?p=3622 ¿Con ganas de conocer que nos trae la nueva versión de Vue? En este artículo hacemos un repaso sobre ella; Composition API, nuevas funcionalidades, cambios con respecto a la versión anterior y mi humilde opinión sobre si merece la pena actualizar proyectos. “Leelo, sé que te va a encantar”.

Ver artículo en Octuweb - ¿Está a la altura del anime? One Piece - Vue 3.

]]> https://octuweb.com/vue3/feed/ 1 Una manera de aprovechar la cascada CSS con custom properties https://octuweb.com/css-custom-properties/ https://octuweb.com/css-custom-properties/#comments Tue, 13 Oct 2020 22:00:12 +0000 https://octuweb.com/?p=3466 Las custom properties nos proporcionan una manera de tener algo parecido a variables en CSS. Pero ¿estamos utilizando todo su potencial? Aquí tienes una técnica para usar custom properties para evitar repetir código y hacerlo más mantenible.

Ver artículo en Octuweb - Una manera de aprovechar la cascada CSS con <em>custom properties</em>.

]]> https://octuweb.com/css-custom-properties/feed/ 1 Testeando Accesibilidad Web https://octuweb.com/testeando-accesibilidad-web/ https://octuweb.com/testeando-accesibilidad-web/#respond Mon, 12 Oct 2020 22:00:20 +0000 https://octuweb.com/?p=3583 La accesibilidad web no se trata solo de navegación por teclado, contraste de color, o lectores de pantalla. La accesibilidad es un indicador perfecto de la calidad de un sitio web.Cuando un sitio web es accesible, generalmente significa que es inclusivo, usable, ofrece una excelente experiencia de usuario para todos, y además es rápido.

Ver artículo en Octuweb - Testeando Accesibilidad Web.

]]> https://octuweb.com/testeando-accesibilidad-web/feed/ 0 Trabajo en equipo: comunicación entre los equipos de diseño y desarrollo https://octuweb.com/comunicacion-equipos-diseno-desarrollo/ https://octuweb.com/comunicacion-equipos-diseno-desarrollo/#respond Sun, 11 Oct 2020 22:00:37 +0000 https://octuweb.com/?p=3540 Jamás debemos percibir a la otra parte como un enemigo y es crítico mantener una mente abierta antes los comentarios que probablemente surjan en el camino.

Ver artículo en Octuweb - Trabajo en equipo: comunicación entre los equipos de diseño y desarrollo.

]]> https://octuweb.com/comunicacion-equipos-diseno-desarrollo/feed/ 0 Cómo escribir tests útiles y mantenibles para nuestro frontend https://octuweb.com/como-escribir-tests-para-frontend/ https://octuweb.com/como-escribir-tests-para-frontend/#respond Thu, 08 Oct 2020 22:00:16 +0000 https://octuweb.com/?p=3520 El frontend ha sufrido históricamente una carencia de testing en comparación con el software de backend. Este artículo explica la estrategia que me ha ayudado a evitarlo en mis últimos proyectos descartando además las excusas de que no son útiles o de que son difíciles de mantener.

Ver artículo en Octuweb - Cómo escribir tests útiles y mantenibles para nuestro frontend.

]]> https://octuweb.com/como-escribir-tests-para-frontend/feed/ 0 La Regla de las 4Cs: Clean Code, Clever Code https://octuweb.com/regla4cs-cleancode-clevercode/ https://octuweb.com/regla4cs-cleancode-clevercode/#respond Wed, 07 Oct 2020 22:00:03 +0000 https://octuweb.com/?p=3457 Cada maestrillo tiene su librillo, aplicado al código se podría decir que cada desarrollador/a tiene su propio estilo, vicios y manías... Esto puede dar lugar a problemas, inconsistencias, poca escalabilidad, etc. Afortunadamente existen una serie de principios, reglas y estándares que ayudan a que un equipo de trabajo funcione como un reloj

Ver artículo en Octuweb - La Regla de las 4Cs: Clean Code, Clever Code.

]]> https://octuweb.com/regla4cs-cleancode-clevercode/feed/ 0 Fuentes variables en el mundo real https://octuweb.com/fuentes-variables-en-el-mundo-real/ https://octuweb.com/fuentes-variables-en-el-mundo-real/#respond Tue, 06 Oct 2020 22:00:04 +0000 https://octuweb.com/?p=3421 Las fuentes variables son una gran revolución digital que, a pesar de llevar con nosotros cerca de 4 años y de tener un soporte de navegadores superior al 91%, aún cuesta ver en sitios en producción. Este artículo es una pequeña guía para animarte a incluirlas en tu próximo proyecto.

Ver artículo en Octuweb - Fuentes variables en el mundo real.

]]> https://octuweb.com/fuentes-variables-en-el-mundo-real/feed/ 0 Neurotecnología https://octuweb.com/neurotecnologia/ https://octuweb.com/neurotecnologia/#respond Mon, 05 Oct 2020 22:00:22 +0000 https://octuweb.com/?p=3397 ¿Hasta dónde podríamos avanzar con nuestras capacidades cerebrales si las dotamos de súper capacidades tecnológicas? ¿Dónde está el límite entre la ciencia ficción y la realidad? ¿Será posible conectarnos un dispositivo y aprender cosas como si estuviéramos en Matrix?

Ver artículo en Octuweb - Neurotecnología.

]]> https://octuweb.com/neurotecnologia/feed/ 0 El color en CSS https://octuweb.com/color-en-css/ https://octuweb.com/color-en-css/#comments Sun, 04 Oct 2020 22:00:12 +0000 https://octuweb.com/?p=3350 Con CSS actualmente solo podemos acceder al perfil de color sRGB, pero esto va a cambiar pronto con la llegada de las funciones Lab y Lch, preparadas para acceder a todos los colores que ya soportan nuestras pantallas hoy en día.

Ver artículo en Octuweb - El color en CSS.

]]> https://octuweb.com/color-en-css/feed/ 1 Consejos para que el cambio de lenguaje o framework no te quite el sueño https://octuweb.com/consejos-cambio-framework/ https://octuweb.com/consejos-cambio-framework/#respond Thu, 01 Oct 2020 22:00:36 +0000 https://octuweb.com/?p=3342 ¿Tienes que cambiar de lenguaje y framework y no sabes cómo afrontarlo? Yo, suelo balancear entre distintos frameworks y tecnología, y con el tiempo he ido aprendiendo que cosas me funcionan, o cómo afrontar estos cambios. En este artículo te cuento unos cuantos trucos que a mí me ayudan a sobrellevar la curva de entrada de un proyecto nuevo con tecnología nueva. Espero que alguno de ellos te sirva de ayuda, y que veas que a parte de ser posible, hay formas de conseguir que nuestra salud mental no se sienta perjudicada en el camino.

Ver artículo en Octuweb - Consejos para que el cambio de lenguaje o framework no te quite el sueño.

]]> https://octuweb.com/consejos-cambio-framework/feed/ 0 CSS aritmético: exprimiendo calc() https://octuweb.com/css-aritmetico-exprimiendo-calc/ https://octuweb.com/css-aritmetico-exprimiendo-calc/#comments Wed, 30 Sep 2020 22:00:22 +0000 https://octuweb.com/?p=3302 Yendo más allá de operaciones matemáticas básicas, podremos aprovechar la capacidad de calc para operar con distintos tipos de unidades a la vez, con el fin de generar estilos más flexibles, con técnicas que no son posibles sólo con pre-procesadores CSS.

Ver artículo en Octuweb - CSS aritmético: exprimiendo calc().

]]> https://octuweb.com/css-aritmetico-exprimiendo-calc/feed/ 1 UX, fenomenología, cerebro emocional y otras yerbas https://octuweb.com/ux-fenomenologia-cerebro-emocional/ https://octuweb.com/ux-fenomenologia-cerebro-emocional/#respond Wed, 30 Oct 2019 22:00:46 +0000 https://octuweb.com/?p=3230 Hace un par de años, una revista de cuyo nombre no logro acordarme, calificaba el éxito de Instagram, Facebook y Snapchat como triunfos psicológicos. Y, efectivamente, lo eran y siguen siendo. Triunfos psicológicos que hoy le están afectando la salud mental del mundo entero pero que también podrían mejorarla. Sin embargo para no desviarme del tema, vamos a ver porqué la psicología, filosofía y la neurociencia se empiezan a convertir en factores centrales en el diseño de productos digitales a veces mal llamados “experiencias”.

Ver artículo en Octuweb - UX, fenomenología, cerebro emocional y otras yerbas.

]]> https://octuweb.com/ux-fenomenologia-cerebro-emocional/feed/ 0 Crea una academia online para compartir tu conocimiento https://octuweb.com/crea-una-academia-online/ https://octuweb.com/crea-una-academia-online/#comments Tue, 29 Oct 2019 22:00:54 +0000 https://octuweb.com/?p=3134 ¿Tienes conocimientos en un área determinada y te gustaría compartir ese conocimiento con el mundo? Qué mejor forma de hacerlo que a través de tu propia academia online. Además de ayudar a la gente te estarás dando a conocer como profesional.

Ver artículo en Octuweb - Crea una academia online para compartir tu conocimiento.

]]> https://octuweb.com/crea-una-academia-online/feed/ 1 La enseñanza y el Desarrollo Web en 2019 https://octuweb.com/ensenanza-desarrollo-web-2019/ https://octuweb.com/ensenanza-desarrollo-web-2019/#comments Mon, 28 Oct 2019 22:00:17 +0000 https://octuweb.com/?p=2843 ¿Cómo puedo empezar a enseñar? ¿Tengo las herramientas y habilidades necesarias? ¿Cómo puedo empezar o mejorar mis habilidades como desarrollador? Aprender o enseñar hoy por hoy en el mundo del desarrollo web no es nada sencillo, y aquí vamos a demistificarlo.

Ver artículo en Octuweb - La enseñanza y el Desarrollo Web en 2019.

]]> https://octuweb.com/ensenanza-desarrollo-web-2019/feed/ 1 Por qué UI también es UX https://octuweb.com/por-que-ui-tambien-es-ux/ https://octuweb.com/por-que-ui-tambien-es-ux/#respond Sun, 27 Oct 2019 22:00:51 +0000 https://octuweb.com/?p=3167 ¿Por qué nos empeñamos en enfrentar estos dos conceptos como si fuesen opuestos? ¿La interfaz de usuario es solo diseño visual? ¿Son la UX y la UI cosas distintas? ¿Por qué el diseño visual se considera algo superficial? ¿Qué le pasa a la UX si falla la UI?

Ver artículo en Octuweb - Por qué UI también es UX.

]]> https://octuweb.com/por-que-ui-tambien-es-ux/feed/ 0 Errores de diseño y desarrollo que no son culpa de la herramienta https://octuweb.com/errores-diseno-y-desarrollo/ https://octuweb.com/errores-diseno-y-desarrollo/#respond Thu, 24 Oct 2019 22:00:41 +0000 https://octuweb.com/?p=2881 ¿Y si la culpa de los errores de diseño y desarrollo no son de la tecnología que está detrás de un proyecto? ¿Y si estamos utilizando mal toda esa potencia que nos da la tecnología? Hagamos un poco de autocrítica y reflexión para intentar mejorar el sector.

Ver artículo en Octuweb - Errores de diseño y desarrollo que no son culpa de la herramienta.

]]> https://octuweb.com/errores-diseno-y-desarrollo/feed/ 0 Diseñar es un camino de superación https://octuweb.com/disenar-es-un-camino-de-superacion/ https://octuweb.com/disenar-es-un-camino-de-superacion/#respond Wed, 23 Oct 2019 22:00:18 +0000 https://octuweb.com/?p=3213 El camino del diseñador es la historia de una persona que no existe, en un mundo lleno de peligros. A veces corre delante de una bola de piedra, a veces sobrevive como soldado de fortuna. Si usted tiene suerte, quizás pueda contratarlo. ¡Ay que me los quitan de las manos!

Ver artículo en Octuweb - Diseñar es un camino de superación.

]]> https://octuweb.com/disenar-es-un-camino-de-superacion/feed/ 0 Una aplicación sin tirar una línea de código https://octuweb.com/aplicacion-sin-codigo/ https://octuweb.com/aplicacion-sin-codigo/#respond Tue, 22 Oct 2019 22:00:46 +0000 https://octuweb.com/?p=3010 Este octubre os propongo lanzar una aplicación que va a funcionar solamente en nuestras mentes, en nuestros corazones y sobre el papel (digital). Vamos a reclamar como trabajo una parte que a veces se nos olvida clasificar como tal: la planificación.

Ver artículo en Octuweb - Una aplicación sin tirar una línea de código.

]]> https://octuweb.com/aplicacion-sin-codigo/feed/ 0 Intentar ser mejores diseñadores https://octuweb.com/intentar-ser-mejores-disenadores/ https://octuweb.com/intentar-ser-mejores-disenadores/#respond Mon, 21 Oct 2019 22:00:25 +0000 https://octuweb.com/?p=3159 Nos hemos obsesionado tanto con aparentar ser diseñadores de experiencia de usuario que a veces se nos olvida que significa ser diseñador.

Ver artículo en Octuweb - Intentar ser mejores diseñadores.

]]> https://octuweb.com/intentar-ser-mejores-disenadores/feed/ 0