BaselineLab en ChatGPT
Aprende HTML y CSS conversando y experimentando. Pide un ejemplo, cambia sus ajustes y observa qué hace el navegador.
Una pregunta, un experimento: aprende HTML y CSS dentro de ChatGPT. Busca lo que quieres aprender y filtra el catálogo por categoría. En CSS Grid, cambia los elementos de nueve a seis y observa el resultado. Consulta y copia el HTML y CSS generado. Comparte los ajustes con ChatGPT y pregunta por tus cambios: el modelo confirma que hay seis elementos y que el HTML ha eliminado los tres últimos. El modelo recibe los cambios cuando los compartes. Abre el lab completo en BaselineLab conservando seis elementos, tres columnas y una separación de 24 px. Aprende experimentando: HTML y CSS, gratis y en español e inglés. Más información en baselinelab.dev/chatgpt. El vídeo solo contiene música instrumental: «Cipher», de Kevin MacLeod (incompetech.com), con licencia CC BY 4.0 (creativecommons.org/licenses/by/4.0), volumen ajustado y fundidos.
Busca una propiedad o una idea y filtra por categoría entre veinte labs de HTML y CSS, con su estado Baseline. La versión 0.8.0 añade filter, backdrop-filter, background-image, light-dark(), contrast-color(), transform 2D y dialog.
Ajusta los controles del lab y compara el resultado al instante. Prueba distintas opciones o cambia el ancho de la previsualización para explorar cómo responde el ejemplo.
Consulta y copia el código generado en los formatos que ofrece cada lab. Abre el ejemplo en BaselineLab para continuar con los mismos ajustes y acceder a sus opciones completas.
Cuando quieras una explicación, comparte tus ajustes con ChatGPT y pregunta sobre ellos. El aviso del lab te indica si hay cambios pendientes de compartir.
Añade el plugin desde su ficha en el directorio de ChatGPT. Después podrás usarlo en tus conversaciones.
Pide un ejemplo concreto o abre el catálogo. Busca por nombre o por lo que quieres aprender y filtra por categoría.
Cambia valores y compara la preview con el HTML y CSS. Cada lab conserva sus ajustes mientras cambias de ejemplo en la sesión.
Pulsa «Compartir ajustes con ChatGPT» para que el modelo reciba tu configuración actual. El aviso te indica si hay cambios pendientes.
Abre el enlace del lab para seguir con los mismos ajustes en la web y acceder a sus opciones completas.
Recibe los ajustes de los ejemplos que solicita y los cambios que compartes con el botón. Las ediciones locales quedan pendientes hasta que las compartes. No incluyas datos personales ni secretos en los textos de ejemplo.
Los labs ofrecen ajustes guiados y validados. No incluyen un editor libre ni ejecutan scripts aportados por el usuario. Algunos ejemplos permiten personalizar textos, que se escapan al generar HTML.
El plugin no solicita una cuenta de BaselineLab. El acceso a ChatGPT y la instalación del plugin dependen de las condiciones y disponibilidad del anfitrión.