The latest articles on DEV Community by Marta Ruiz (@duo-notas-es). https://dev.to/duo-notas-es https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4210006%2F4af4f568-ecb8-4416-98c2-bcf63bce18eb.png https://dev.to/duo-notas-es en Marta Ruiz Tue, 27 Oct 2026 05:42:22 +0000 https://dev.to/duo-notas-es/probar-disenos-para-un-plegable-de-dos-pantallas-sin-tener-el-telefono-idl https://dev.to/duo-notas-es/probar-disenos-para-un-plegable-de-dos-pantallas-sin-tener-el-telefono-idl <p>El iPhone Duo salió el 23 de octubre y en Estados Unidos un pedido nuevo seguía marcando entrega a finales de enero. Si haces interfaces, eso significa semanas, o meses, preparando pantallas para un aparato que no tienes en la mano. Estas son las notas de cómo lo estoy haciendo.</p> <h3> 1. Partir de las medidas publicadas </h3> <p>Apple publica una pantalla interior de 7,6 pulgadas y una exterior de 5,4. No inventes resoluciones en CSS a partir de rumores: diseña con contenedores flexibles y comprueba los cortes con datos oficiales cuando los tengas.</p> <h3> 2. Cuidado con Safari en la pantalla exterior </h3> <p>Según un artículo de WebKit del 23 de octubre, Safari 27.1 en la pantalla exterior limita la página a la zona junto a los controles laterales y rellena la franja restante con el color de fondo de la página. Consecuencia práctica: define bien <code>background-color</code> en <code>html</code> y <code>body</code>, porque esa franja se verá.</p> <h3> 3. Previsualizar la forma en el navegador </h3> <p>Para ver cómo queda una foto o un vídeo plegado, en horizontal o en modo sobremesa, uso un simulador 3D en el navegador. Permite ajustar el pliegue, añadir tus imágenes y exportar una pequeña película. Hay además un visor de código abierto con licencia MIT que se puede leer y modificar.</p> <p>Ojo con sus límites: es una simulación. No ejecuta iOS ni instala apps del App Store, así que el rendimiento, el agarre y el comportamiento de apps reales hay que probarlos en un dispositivo físico o en el simulador de Xcode.</p> <p>Si quieres probarlo, este es el <a href="https://iphoneduo.io/es/experience" rel="noopener noreferrer">simulador 3D y demo interactiva del iPhone Duo</a>, parte de una guía independiente que no está afiliada a Apple.</p> <h3> Resumen </h3> <ul> <li>Medidas oficiales, no rumores.</li> <li>Color de fondo definido para la franja de Safari en la pantalla exterior.</li> <li>Simulación para composición; dispositivo real para rendimiento. <em>Este artículo no está afiliado a Apple y no usa imágenes de Apple.</em> </li> </ul> spanish webdev mobile css