El modo oscuro en las aplicaciones es, sin duda, una de las características más demandadas por los usuarios de todo tipo y en especial por parte de los programadores. Y siempre es una gran idea adaptarse a los gustos y preferencias de los usuarios, así que proporcionar soporte para este modo de funcionamiento en nuestros sitios o aplicaciones web va a ser siempre positivo. En este artículo te voy a contar cómo puedes dar soporte automático en tu código Web para el modo claro y oscuro del sistema operativo usando tan solo CSS. [Más]

Angular continúa con su proceso de mejora interno, lo que a nosotros como desarrolladores nos viene estupendamente, ya que se espera que le den algo más de "cariño" a los repositorios en las próximas versiones. Y sobre todo una mejor experiencia de desarrollo, algo en lo que parece que ya llevan un tiempo enfocándose y es de agradecer. Te contamos las novedades de la versión 11 recién aparecida... [Más]

En CSS tenemos la posibilidad de usar filtros para alterar imágenes insertadas directamente en el código html sin necesidad de pasar antes por Photoshop u otro editor de fotos.¿Pero qué pasa con las imágenes de fondo? A las imágenes de fondo no les podemos aplicar filtros directamente pero tenemos varias alternativas a nuestra disposición.
En este post veremos cómo modificar con CSS una imagen de fondo para convertirla en una imagen monotono. ¿Por qué querríamos hacer esto? Pues, por ejemplo, para darle más presencia a un color corporativo en nuestra página. [Más]

En este artículo daremos un repaso a fondo al reciente formado de imagen AVIF. Recordaremos los formatos que existían antes de este, cuáles son las ventajas del nuevo formato, cómo podemos comparar su rendimiento con el de otros formatos, cómo creamos imágenes AVIF, el soporte de navegadores y servidores y finalmente las desventajas que podríamos tener al usarlo. Al estar detrás del formato la mayoría de las grandes empresas multimedia y de Internet, y sobre todo Google, la adopción del formato está siendo muy rápida y es fácil incluir alternativas para los dispositivos que no lo soporten. Por todo esto es un formato muy a tener en cuenta y que deberíamos empezar a utilizar en nuestros desarrollos y sitios Web. [Más]

En este breve vídeo nuestro tutor José Manuel Alarcón nos cuenta en qué se basa el funcionamiento de Blazor Server, cómo es posible que funcione en el lado cliente cuando el código se ejecuta en el servidor, etc... [Más]

El operador de encadenamiento opcional es nuevo en ECMAScript 2020. Es muy útil para escribir expresiones concisas y legibles sin arriesgarnos a que un valor nulo o no definido provoque un error en nuestro código. Su uso es extremadamente sencillo y sólo hay que conocer los pequeños detalles asociados que se explican en este artículo. [Más]

Ayer por la tarde a las 19:00 hora de España peninsular emitimos en directo la entrevista con nuestro tutor José María Aguilar. Durante la entrevista, José Manuel Alarcón, nuestro director, y él hablaron largo y tendido y de manera muy amena sobre la tecnología, sobre qué es, cómo funciona y muchos otros temas. En los días anteriores a la entrevista recibimos multitud de correos electrónicos con preguntas para José María, e intentaron contestar las más importantes (muchas se repetían) durante la entrevista. En este post te dejamos el vídeo completo así como un índice de todas las partes importantes. [Más]

TypeScript es un lenguaje de programación construido por encima de JavaScript que trata de evitar los mayores problemas de este último y que, al final, se transpila a JavaScript "puro y duro" para ser utilizado en el navegador. Es decir, que al final lo que obtienes es de nuevo JavaScript. Entonces ¿dónde está la ventaja? Un estudio demuestra de manera cuantitativa cuántos bugs y problemas se puede ahorrar tu equipo Front-End por pasarse a TypeScript en vez de usar directamente JavaScript. Te lo contamos. [Más]

Seamos realistas: para la mayoría de los desarrolladores que vienen de otros entornos, la parte más odiosa de hacer desarrollo Web es sin duda el Front-End, es decir, la interfaz de usuario. Con Blazor los desarrolladores de .NET y C# que creamos aplicaciones para la Web estamos de enhorabuena. Esta nueva tecnología de Microsoft nos permite hacer desarrollo Web usando C# y la plataforma .NET, de manera rápida y robusta, creando componentes reutilizables y separando las responsabilidades de la interfaz de usuario del resto de la aplicación. En este artículo te cantamos su bondades. [Más]

En este post aprenderemos a hacer un botón para un menú hamburguesa que cambiará de icono entre las clásicas tres rayitas y un aspa (vamos, una "X") alternativamente cada vez que hagamos clic. Y todo esto sin usar imágenes ni JavaScript. ¿Magia? ¿Brujería? No, CSS.
De hecho este botón lo podríamos aprovechar para usarlo con este menú escamoteable, también sin JavaScript, que ya vimos en otro post. [Más]