- Frontenderos
- Posts
- #239 El API de View Transitions
#239 El API de View Transitions
Doblando el DOM
El API de View Transitions
Si quieres tener ese look and feel nativo de aplicaciones de escritorio o móviles, tienes que comenzar a utilizar el API de View Transitions. Actualmente lo puedes probar fácil de dos maneras: utilizando Astro o con la API web nativa y utilizando JavaScript vainilla, y en este artículo encontrarás ejemplos de cómo hacerlo.
Doblando el DOM
Hay un terreno poco explorado por frontenderos en diseño web y ese es el 3D, o mejor dicho, las propiedades de una tercera dimensión en el navegador web. En este artículo veras un ejemplo de cómo “doblar una imagen” utilizando las tecnologías web que ya conoces.
Las cosas que los usuarios apreciarían en las apps móviles
¿Sabías que el término responsive design se inventó hace 15 años? Y en todo este tiempo ha habido evolución del mismo y readaptación a lo que los usuarios ven como necesario tener en un sitio web que lo implementa. ¿Quieres saber cómo mejorar la experiencia para tus usuarios en mobile? Sigue estos consejos.
GUÍA 📖
Configurando Storybook para componentes React
Con todo este boom por los Design Systems, UI libraries y cambios en CSS, se podría pensar que una herramienta como Storybook no es tan necesaria. Pero la verdad es que para cualquier proyecto que tenga un tamaño considerable, Storybook es una opción más que sensata. Si quieres saber cómo empezar a utilizarlo con tus componentes React, sigue esta guía.
HERRAMIENTA 🛠️
Bsky-embed
Cuando Twitter aún se llamaba Twitter, y estaba comenzando la época dorada de las redes sociales y Community Manager se volvió un titulo de trabajo, todo sitio web tenia embebido un widget mostrando los últimos tuits de un tema o cuenta. Y aunque BlueSky es quizás la red social con menor notoriedad dentro de todas las que han surgido y siguen en activo en los últimos años, alguien hizo un widget para este.
Counterscale
Cloudflare realmente se volvió una Infraestructura as a Service en los últimos años. Prueba de ello, son los productos que están surgiendo en torno a sus servicios, como este, que es un servicio de Web Analytics que puedes correr en Cloudflare.
Preview.js
Siguiendo con el tema de Storybook, te traemos esta herramienta para que puedas visualizar tus componentes directamente en Visual Studio, JetBrains o incluso en la terminal.
LANZAMIENTO 🚀
Bulma 1.0
Se acaba de lanzar Bulma 1.0, y quizás la principal novedad es que ha sido reescrito totalmente utilizando Dart Saas, el cual es ahora la nueva implementación de Saas. Las classes en el markup continuan siendo las mismas, entonces no se espera mayor problema ahí y ahora tiene la opción de utilizar CSS Variables para que puedas personalizar sin necesidad de usar esa caracterÍstica de Saas. Bastante interesante, ¿eh?
UN DÍA COMO HOY 🗓️
El 08 de mayo de 1943, en Takasaki, Gunma, nace Fujio Masuoka, inventor de la memoria flash.
Masuoka, se unió a Toshiba en 1971, aquí desarrolló previamente la memoria SAMOS.
Masuoka estaba emocionado sobre todo por la idea de la memoria no volátil, memoria que duraría incluso cuando se desconectara la alimentación.
Así fue como, Masuoka, desarrolla en 1984, la memoria Flash trabajando aún para Toshiba.
La memoria flash es un medio de almacenamiento electrónico no volátil que puede ser borrado y reprogramado eléctricamente.
Actualmente es profesor en la Universidad de Tohoku en Sendai, Japón.
Masuoka recibió el 1997 IEEE "Morris N. Liebmann", Premio Conmemorativo del Instituto de Ingenieros Eléctricos y Electrónicos.
Desde 2005, Masuoka ha trabajado como director de tecnología de Unisantis Electrónica destinado a desarrollar un transistor tridimensional.
VACANTE 💼
Senior React JS
Ubicación: México (Remoto)
Empresa: Luxoft
Requisitos: Más de 5 años de experiencia en diseño de aplicaciones, desarrollo, instalación y modificación de aplicaciones web. Más de 5 años de experiencia en desarrollo en JavaScript con React v16 y 17, Redux Saga, Webpack y ES6 o experiencia equivalente. Conocimiento avanzado de metodologías de desarrollo, diseño de software, patrones de diseño y estándares de integración, así como su aplicabilidad en ciclos de codificación y pruebas. Conocimiento avanzado de los procesos estándar de ingeniería de software, como control de versiones y control de versiones, empaquetado de software y gestión de lanzamientos de software mediante GitHub. OOO Experiencia. HTML, Java Script, CSS. Repositorios de códigos Git/GitHub.
Responsabilidades: Liderar el diseño, desarrollo y planificación de la arquitectura de software para la plataforma United Web. Resolver problemas complejos de rendimiento y desafíos arquitectónicos. Realice revisiones de código y oriente a sus pares. Servir como miembro integral del equipo de desarrollo para crear soluciones prácticas en un entorno Agile/DevOps. Garantizar la coherencia con una arquitectura de desarrollo de software establecida. Analizar e interpretar requerimientos del Equipo de Diseño de Negocios y UX.
Tu feedback nos ayuda a mejorar
Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀
¿Qué te pareció el email de hoy? |
Iniciar Sesión o Suscríbete para participar en las encuestas. |
¡Hasta mañana! 🤟