El uso de preprocesadores de CSS nos permite superar las limitaciones del lenguaje y construir hojas de estilo mucho más poderosas, reutilizables e incluso con lógica avanzada, para llevar nuestro código CSS a un nivel superior. Dentro de estos preprocesadores el más utilizado es sin duda Sass (Syntactically Awesome Style Sheets) y, en concreto, su variante SCSS. En este artículo te contamos qué herramientas te ofrece para depurar tus archivos .scss con facilidad. [Más]

En este artículo comentamos la manera que tiene Angular de lanzar errores y cómo interpretarlos. [Más]

En este vídeo veremos a través de un ejemplo cómo puedes utilizar Google Chrome como un completo editor de código front-end de manera que puedas depurar y editar todo al mismo tiempo y además sin necesidad de nada externo y sin envidiar nada a otros editores de los que hay por ahí. Lo que mucha gente no sabe es que, Google Chrome, aparte de tener las herramientas del desarrollador para poder depurar y afinar cosas es también un excelente editor y además te permite editar directamente contra disco. Es decir, si dispones del código fuente de la página que estás tocando lo puedes tocar directamente con las herramientas del desarrollador al mismo tiempo que depuras. [Más]

Al igual que ocurre con Blazor Server, cuando utilizamos Blazor WebAssembly hosteado en una aplicación ASP.NET Core, podemos usar prerrenderización, de forma que el resultado de la ejecución del componente Blazor llegue al cliente insertado directamente en la página contenedora, de forma que los usuarios tengan una sensación de carga mucho más rápida y que mejoremos la indexación de los contenidos por parte de los buscadores. Veamos cómo... [Más]

En este artículo nuestro tutor Jorge Turrado nos cuenta una manera sencillísima de documentar nuestras APIs REST con .NET utilizando OpenAPI y la herramienta Swagger. En .NET 5 es casi automático y en versiones anteriores es muy fácil ponerlo en marcha también. [Más]

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]