#256 El arte de las recetas de design system
El Gap
El arte de las recetas de design system
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/47ecd808-415c-4408-ace6-9e38770f0fc5/recipes-1024x755.jpg?t=1720653628)
¿Sabías que hay recetas para construir design systems? Quizás no, y eso es lo que te hacia falta para dar el salto y comenzar a trabajar con estos. Este artículo, de Brad Frost, explica perfectamente qué son y por qué son tan necesarias.
El Gap
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5130fa98-bf79-4209-9166-888a2aa31303/twitter-card.jpg?t=1720653751)
Gap, es el nuevo margen, dicen algunos frontenderos a los 4 vientos. Y tienen algo de razón. Ahora que vemos mayor número de layouts construidos con Flex y Grid, se puede utilizar esta propiedad de manera más eficiente que el margen. ¿No nos crees? Lee este artículo y coméntanos que te pareció. 🤓
HTMX, simplicidad en tiempos de soluciones complejas
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b4b9d485-cf2b-4be7-84e7-7669b76135ab/2018-03-01-Achtergrond-7.1.svg.png?t=1720653913)
HTMX te puede ayudar a construir Single Page Applications de una forma más simple que algunas bibliotecas como React, o frameworks como Next, si precisamente buscas eso: simplicidad. En el siguiente artículo encontrarás muchos puntos a su favor que tal vez te animen a probarlo en un proyecto más grande que una landing page.
Administrando Componentes en Nuxt
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/149cb221-21c7-4d60-b908-07d4eeaa88e8/descarga.jpeg?t=1720654017)
Nuxt, el meta framework oficial de Vue, tiene unas cosas muy interesantes que quizás no conocías, como en este caso, los Prose Components, que dicho sea de paso nosotros tampoco conocíamos pero se nos hicieron muy prácticos.
OFERTA ESPECIAL PARA TI ⭐️
Mentoria gratuita
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d2ae57cc-c017-4e7f-9043-72d1062cc3c5/T045LPEE9-U045LPEEB-42f437647e44-512.png?t=1717123425)
Sabemos que el camino del desarrollo frontend tiene sus desafíos, desde problemas de código, hasta dudas sobre reclutamiento. ¡Estamos aquí para ayudar!
A partir de ahora, vamos a estar a ofreciendo 3 sesiones de mentoria de 1 hora cada semana. Estas sesiones están pensadas para ayudarles con cualquier cosa que necesiten: revisiones de código, consejos sobre cómo conseguir ese trabajo soñado, o cualquier otro tema que les preocupe.
Las mentorías las va a dar nuestro amigo del podcast y newsletter, Hec Sanchez, Lead Frontend Engineer y consultor con 15 años de experiencia en el Frontend.
¿Cómo funciona? Muy sencillo:
👉️ Reserva tu espacio a través de este enlace. Elige la hora que mejor te venga y, ¡prepárate para una sesión llena de aprendizaje y soluciones!
Queremos que se sientan apoyados y motivados en cada paso de su carrera. Así que no duden en aprovechar esta oportunidad. Estamos aquí para ustedes.
¡Nos vemos en la próxima sesión! 😉
VIDEO 📹️
23 características de CSS que deberías conocer y estar usando
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/44f36ba4-f97f-4fc4-997f-4783e14d4dcc/opHu7HvFM60_480x360.jpg?t=1720654283)
Kevin Powell y Adam Argyle, se juntan para pregonar de CSS y nos dejan este video joya con 23 características de CSS que deberías conocer y estar usando ya mismo. 👀
INISPIRACIÓN 💡
Eligiendo tipografías accesibles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7e2a6c4e-8a89-400a-bc14-ad81dccc1f47/1_djwh7CMwsK0ciaIIVoFqjg_2x.png?t=1720654420)
Una vez que entras al mundo de la accesibilidad comienzas a preocuparte por aprender y utilizar más. Y si ya llegaste al punto donde decidiste que las tipografías que utilizas no son suficientes, entonces te traemos un artículo que te puede ayudar mucho a elegir las mejores tipografías para tus proyectos pensando en la accesibilidad.
Onlyspans
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f55027b2-ab7c-488f-bef4-0d58fabec302/descarga.jpeg?t=1720654525)
HTML es muy resiliente y sus elementos adaptativos. Quizás mucho, y por eso todo mundo utiliza divs para todo. Y si se puede utilizar un div para todo, igual y también se puede hacer lo mismo con los span, como en el caso del siguiente sitio.
HERRAMIENTA 🛠️
Awesome React
No una herramienta, pero el siguiente link es una lista de herramientas, y si algo le gusta a un frontendero, es una buena lista de mas listas que le puedan ser útiles como en este caso, bibliotecas, frameworks, tutoriales y más.
NOTICIA 📰
Desde el WWDC24, WebKit en Safari 18
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0d27f190-2bcc-4e78-87a8-333a9508e3fa/descarga.jpeg?t=1720654720)
¡Buenísimas noticias! 😃 Safari 18 Beta ya tiene soporte para el API de View Transitions. ¿Quieres saber quá otras cosas trae WebKit en Safari 18? Échale un vistazo a este artículo.
UN DÍA COMO HOY 🗓️
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b7eb2b91-2b02-4c59-b4f9-af6b8ecb37ec/07-10_Efemerides_de_Tecnologia_Jailbreak-iDB-Icon.jpg?t=1720654818)
El 10 de julio de 2007, el iPhone Dev Team lanza el primer Jailbreak para iPhone. Tan solo once días después, que Apple lanzara el iPhone el 27 de junio del 2007.
La herramienta desarrollada no tiene nombre oficial.
El 20 de julio de 2008 lanzan otra herramienta para el iPhone 3G y esta se conoce como PwnageTool.
iOS Jailbreak es el proceso de eliminación de las limitaciones de los dispositivos de Apple con sistema operativo iOS mediante el uso de software y hardware de exploits tales dispositivos incluyen el iPhone, iPod touch, iPad, y la segunda generación de Apple TV.
Jailbreak permite el acceso root en el sistema operativo iOS, lo que permite la descarga de otras aplicaciones, extensiones y temas que no están disponibles a través del oficial de Apple App Store.
El término Jailbreak se ha utilizado para describir una escalada de privilegios en los dispositivos. El nombre se refiere a sacar el dispositivo fuera de su "cárcel", que es un término técnico utilizado en los sistemas de tipo Unix.
Un iPhone con jailbreak, iPod touch o iPad con iOS todavía pueden utilizar la App Store, iTunes y otras funciones normales, como realizar llamadas telefónicas.
A diferencia de hacer root a un dispositivo Android, el jailbreaking es necesario si el usuario pretende ejecutar software no autorizado por Apple. La legalidad de jailbreaking depende de los países y condiciones.
VACANTE 💼
NetSuite Developer
Ubicación: México (Remoto)
Empresa: UnifiedCommunications.com
Requisitos: Fuertes habilidades de escritura y comunicación. Capacidad para trabajar eficazmente en un entorno de equipo colaborativo. Fuertes habilidades de prueba y depuración. Pensamiento analítico y capacidad de resolución de problemas. Amor por aprender cosas nuevas, disposición para trabajar en nuevas tecnologías. Más de 3 años de experiencia con Javascript/Typecript. Más de 3 años de experiencia con NetSuite. Entre otros.
Responsabilidades: Participe en todas las fases del ciclo de vida del desarrollo de software, incluida la recopilación de requisitos, el diseño, la implementación, las pruebas y el mantenimiento. Mantener un fuerte enfoque en la seguridad y protección de datos. Profundiza errores y soluciona problemas durante los turnos de guardia. Producir y mantener documentación de alta calidad para proyectos y servicios. Promover las mejores prácticas y fomentar una cultura de mejora continua. Entre otras.
Para poder aplicar y conocer más de esta vacante, entra aquí. 🤞
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 la próxima! 🤟