No hay una sola manera de resolver los desafíos de las interfaces. En esta serie, nos desafiaremos a nosotros mismos y a los demás para encontrar múltiples formas de resolver los desafíos de la interfaz y expandir la diversidad de nuestras habilidades.
En el Desafío de la GUI de hoy, @AdamArgyleInk crea una amplia gama de paletas de colores con okLCH, verificando pares de colores accesibles en el camino, ins...
En el desafío de GUI de hoy, @AdamArgyleInk le da un giro #CSS a un efecto de texto en 3D de una película de ciencia ficción clásica, ya que lo hace interactivo para desplazarse. Po...
En el Desafío de la GUI de hoy, @AdamArgyleInk convierte un grupo de botones de selección en un grupo de botones de cambio de alineación de texto. Más información sobre cómo probar la accesibilidad...
En el GUI Challenge de hoy, @AdamArgyleInk crea un efecto de falla cibernética con transformaciones y rutas de recorte de CSS.
En el GUI Challenge de hoy, @AdamArgyleInk se divierte creando efectos de IU de física con propiedades personalizadas de CSS, solicitar marcos de animación y ...
En el Desafío de la GUI de hoy, @AdamArgyleInk crea una pila animada de tarjetas mediante el uso de origen de transformación, cuadrícula y :has().
En el Desafío de GUI de hoy, @AdamArgyleInk codifica en vivo transiciones de rutas de recorte de CSS, muestra algunos efectos geniales y cubre las trampas. Yo...
En el Desafío de GUI de hoy, @AdamArgyleInk crea un cuadro de información con un elemento personalizado (sin componente web), :has(), transformaciones y prop...
En el Desafío de la GUI de hoy, @AdamArgyleInk recrea una ilusión clásica con CSS.
En el Desafío de la GUI de hoy, @AdamArgyleInk comparte las funciones y los aspectos de un componente de carrusel: la aplicación de temas adaptables, la adaptación a varias...
En el Desafío de la GUI de hoy, @AdamArgyleInk crea un par de botones de acción flotante (BAF) y habla sobre las consideraciones de UX y CSS ...
En el desafío de la GUI de hoy, @AdamArgyleInk diseña todos los tipos de botones de la Web con propiedades personalizadas y :where(), para claro/oscuro...
En el GUI Challenge de hoy, @AdamArgyleInk muestra cómo mejorar visualmente el elemento de diálogo y, al mismo tiempo, mantener un excelente nivel de accesibilidad e internacional...
En el Desafío de la GUI de hoy, @AdamArgyleInk muestra cómo dar estilo al elemento de progreso integrado y cómo implementar una excelente UX de lector de pantalla,...
En el GUI Challenge de hoy, @AdamArgyleInk comparte sus ideas sobre una manera de crear un ícono de página adaptable con SVG. SVG no solo brinda una infinidad...
En el GUI Challenge de hoy, @AdamArgyleInk comparte sus ideas sobre una manera de crear un componente de cambio de tema. Con frecuencia, un sitio web permite cambiar...
En el Desafío de la GUI de hoy, @AdamArgyleInk comparte ideas sobre una forma de crear avisos, un componente no interactivo y pasivo para que la IU arroje...
En el desafío de GUI de hoy, @AdamArgyleInk comparte su idea sobre una manera de crear un menú de videojuegos en 3D que se adapte a las preferencias de color del SO...
En el desafío de la GUI de hoy, comparto mi opinión sobre una forma de permitir que los usuarios seleccionen múltiples opciones. Para demostrar la selección múltiple, preparé un filtro...
En el desafío de la GUI de hoy, comparto mi idea sobre una forma de resolver los botones divididos. Es un componente básico para interfaces condensadas que permite un...
En el desafío de la GUI de hoy, comparto lo que pienso sobre una forma de resolver un cambio. Un componente pequeño y cargado de UX que terminó siendo uno de los más ...
En el desafío de la GUI de hoy, creamos un componente de rutas de navegación... ¡con un cambio! En lugar de una lista lineal de vínculos, esta búsqueda de rutas de navegación...
En el desafío de la GUI de hoy, creamos esquemas de colores oscuros, claros y tenues con HSL. El CSS funciona en navegadores modernos, establece p...
En el desafío de GUI de hoy, @Adam Argyle comparte ideas sobre formas de crear experiencias de desplazamiento intercalado para la Web que sean mínimas, respo...

Pensar en formas de resolver SPLIT TEXT

En el desafío de la GUI de hoy, @AdamArgyleInk responderá a sus comentarios durante los primeros 30 minutos después del lanzamiento del episodio. Conectar...
En el desafío de la GUI de hoy, creamos y hacemos una demostración de una página de configuración dinámica con controles deslizantes y casillas de verificación. Nuestra página de configuración es responsiva, ayuda...
En el desafío de la GUI de hoy, creamos un componente de pestañas con algunas funciones muy interesantes que tal vez no hayas pensado. Nuestras pestañas...
Le pedimos a la comunidad que creara un componente de navegación lateral a tu manera, ¡y todos se dieron cuenta! Mira las entregas:
En el desafío de GUI de hoy, creamos una experiencia del usuario responsiva y accesible de navegación lateral con CSS y JS. La navegación lateral funciona...
Realizamos pruebas de esfuerzo de 5 técnicas diferentes de centrado CSS y te desafié a que envíes la tuya. Un saludo a Chris Coyier de CSS-Tricks ...
Me vieron crear historias a mi manera y los desafié a todos a que las construyan a su manera. ¡Agradece a @Geoffrich_ por su envío en Twitter! Debes…
En el desafío de hoy, realizamos pruebas de esfuerzo de 5 técnicas diferentes de centrado CSS. Mira qué técnicas deberían ganarte un lugar en tu lista de herramientas...
Te damos la bienvenida a los desafíos de GUI, en los que creo interfaces a mi manera y te desafío a que lo hagas a tu manera. Con nuestras mentes creativas combinadas, obtendremos...