Si eres un desarrollador web Front-End, seguramente te habrás encontrado con el problema de que la pantalla se oscurece o, peor, se apaga automáticamente al cabo de un tiempo cuando el usuario está en tu página web o aplicación, pero no está interactuando con ella. Esto ocurre en aplicaciones que requieren que el usuario mantenga la atención en la pantalla pero no necesariamente tocarla, como por ejemplo algunos tipos de juegos, un vídeo, una presentación o una encuesta. Y cuando les ocurre puede ser muy molesto. En este artículo te contamos cómo solucionarlo. [Más]

Con React Native puedes crear aplicaciones móviles para Android e iOs con JavaScript/TypeScript y las mismas herramientas que usas para crear aplicaciones Web con React. Con Expo puedes hacer lo mismo... Entonces ¿en qué se diferencian? ¿Qué ofrece uno que no tenga el otro? ¿Los puedes usar la a vez? En este breve artículo te despejamos todas las dudas... [Más]

¿Sabías que el tamaño de una página, cuando se muestra en un navegador móvil, cambia dinámicamente en función de los elementos del navegador que estén visibles? Debido a ello, ¿cómo podemos gestionar esta situación si necesitamos garantizar que en cada momento se vea la página completa y que, por lo tanto, se adapte a estas circunstancias? En este artículo te lo explicamos... [Más]

Redux es la biblioteca de JavaScript por antonomasia que se utiliza en aplicaciones React para gestionar el estado de las aplicaciones web. El estado es la información que se almacena en la memoria y que determina el comportamiento y la apariencia de la interfaz de usuario. Redux es la biblioteca de gestión de estado más popular y es muy potente, pero también tiene algunas importantes desventajas que podrían hacerte considerar otras alternativas. En este artículo vamos a ver Redux y otras 4 opciones menos conocidas, con sus pros y sus contras, para que tengas mejor información a la hora de gestionar el estado de tus aplicaciones. [Más]

Si utilizas Bootstrap para crear tus aplicaciones, nunca ha sido tan fácil como ahora poder cambiar automáticamente a un tema oscuro. Puedes establecer explícitamente el tema claro u oscuro, o dejar que se use uno u otro automáticamente en función de las preferencias del usuario. No sólo eso: Bootstrap ahora admite la creación de tus propios temas personalizados. [Más]

JavaScript no tiene una manera nativa de detener la ejecución de código para esperar durante un tiempo: la típica función sleep() que hay en muchos otros lenguajes. En este artículo te contamos cómo se puede conseguir de la manera tradicional (mala idea) o con funcionalidad moderna de ECMAscript que es mucho más eficiente y menos intrusiva. [Más]

WebAssembly está cambiando de manera fundamental la forma en la que se pueden crear nuevas capacidades y funcionalidades de desarrollo para la web. Representa un enfoque fundamentalmente nuevo sobre cómo se desarrollan estas funcionalidades. Al igual que con cualquier nuevo paradigma, existen ventajas y desventajas, pero en general, WASM es un nuevo y poderoso enfoque tanto para los navegadores como para los desarrolladores de todo el mundo. Basado en estándares, disponible en todos los navegadores y tan ubicuo como JavaScript, WASM es el presente y el futuro del desarrollo Web. Te contamos de qué va, qué proyectos lo utilizan y sus ventajas y desventajas. [Más]

A la hora de preparar nuestros estilos CSS para impresión hay una serie de recomendaciones básicas que debemos seguir. Una de las más importantes es prestar atención a elementos que tengan colores o imágenes de fondo ya que, por defecto, los navegadores los desactivan y dejan en mano del usuario la decisión de imprimirlos o no. Lo que se suele hacer habitualmente en estos casos es cambiar el color del texto y bordes en estos elementos para que la información sea legible y estos elementos sigan siendo destacados, pero, ¿y si nos encontramos un caso en el que necesitamos que se imprima el color de fondo sí o sí? Pues sí, hay una forma de forzar que se impriman los colores de fondo con CSS a través de la propiedad print-color-adjust. [Más]

Existe en CSS una propiedad muy interesante para anular y activar los eventos de puntero sin necesidad de JavaScript. Y no es que sea extremadamente nueva, simplemente es la típica propiedad que suele pasar inadvertida al usuario promedio de CSS en el día a día y que solo descubres cuando necesitas una solución a un problema muy puntual. Se trata de pointer-events. [Más]

Tradicionalmente, los desarrolladores que hemos trabajado con ASP.NET "clásico" guardábamos los settings o valores de configuración de nuestras aplicaciones en el célebre archivo Web.config. En él era frecuente encontrar cadenas de conexión, valores de constantes, switches para configurar comportamientos de la aplicación, etc. En .NET la cosa ha cambiado, y mucho. En este artículo te contamos lo básico sobre cómo gestionar ajustes en aplicaciones ASP.NET Core en .NET. [Más]