Adaptación de Feedback requested: Runnable code snippets in questions and answers
¿Qué es lo que Stack Snippets hace?
Stack Snippets hace ejecutables los bloques de código. A continuación un ejemplo:
alert("Pueden mostar alertas");
.hello {
font-weight: bold;
font-size: 1.5em;
}
<div class="hello">Stack Snippets permiten hacer ejecutable el código.</div>
¿Qué es lo que soportan?
Stack Snippets funcionan tanto en preguntas como en respuestas. Los lenguajes soportados son los siguientes:
- HTML
- CSS
- JavaScript
Puedes combinar estos tres lenguajes a tu gusto para crear código ejecutable para que otros lo prueben. El objetivo de esta característica es animar a los usuarios a crear código mínimamente viable y funcional cuando realicen preguntas centradas en el código. Las respuestas pueden ser en la forma de un stack snippet que ha resuelto la pregunta en cuestión. Esperamos que Stack Snippets habilita a la gente a evitar el tener que ir a otros sitios con la finalidad de producir código ejecutable.
Eventualmente esperamos extender esto a otros lenguajes, pero empezamos con estos porque son fáciles de realizar en el navegador.
¿Cómo hago un stack snippet?
En la ventana del editor Markdown, verá un botón en el que puedes hacer clic para lanzar el editor Stack Snippets.
El editor se mostrará en una vista de ventana-completa The editor y permitirá la escritura de código HTML, CSS, and JavaScript. Puedes usar cualquier de ellos (debes usar al menos uno).
Cuando termines, presiona Insertar en la parte inferior para insertar tu stack snippet en el texto Markdown. Es insertado como bloques de código Markdown regulares más algunos comentarios que no son rendereados, de tal forma que son compatibles con el historial de revisiones, diffs, etc. Incluso puedes edtar el código directo en el texto Markdown en lugar de tener que hacerlo en el editor de pantalla-completa.
¿Por qué?
Todas las preguntas son mejores por tener código mínimo, reproducible. Anteriormente la mejor forma de decirle a la gente que lo haga era dirigirlos a JSFiddle, lo cual está fuera del sitio. Usando esta característica, planeamos a los nuevos autores para incrustar código ejecutable que reproduce su problema.
De igual forma, los respondedores que incluyan código ejecutable serán más fácil de usar y entender, porque puedes probarlo. Obviamente JSFiddle es muy popular en las respuestas así que queremos hacerlo más fácil.
Obviamente las mismas reglas aplican: preguntas o respuestas de sólo código serán bloqueadas (y, de hecho, por la forma en cómo ha sido implementado todas las verificaciones actuales simplemente funcionarán de forma inmediata.
¿Qué navegadores son soportados?
Actualmente, Stack Snippets estará activo para cualquier navegador que soporte la característica iframe sandbox de HTML 5. Esto casi se alínea con nuestra meta de soportar 2 liberaciones atrás de la versión actual de todos los navegadores modernos con excepción de IE9. Ver este enlace para más información.
Cuando esté inactivo, Stack Snippets se mostrará como bloques de código comunes, así que el código sigue siendo parte de una pregunta o respuesta.
Pruébalo
Aquí está un sandbox para probarlo.
Comentarios son bienvenidos y apreciados
NOTA: Si sabes inglés has directamente los comentarios en la publicación original.