Cosas a tener en cuenta para mostrar los códigos en nuestro blog

AMOX comenta que algo bastante frecuente en los blog que tocan el tema de desarrollo web, es el hecho de mostrar código fuente, para lo cual nos recomienda diferenciarlos bien del contenido, a fin de asegurar que no se confunda al lector y peor aún, que algo tomado de este sitio afecte el comportamiento de otro. Hay dos etiquetas de html que pueden ayudar a esta tarea, a saber code y pre. La primera cuando se incluya código inmerso en el contenido de un párrafo. La segunda para mostrar fragmentos completos de código. Si bien son útiles, la diferencia no queda siempre del todo clara, para lo cual añadiremos css a dichas etiquetas para lograr el objetivo. A grandes rasgos, debemos definir tipografía y colores de tal manera que el código sea identificado fácilmente. La tipografía debe ser siempre monoespaco (como la Courier), para que podamos identificar el código, es conveniente usar un tamaño menor al estándar para asegurar tambión que un post no incremente de sobremanera su tamaño. El color variará tambión, y esto ya dependerá de gustos personales. En su blog ha utilizado el verde pues contrasta muy bien con el fondo que es negro, y así simular que se trabaja en una terminal de unix.

Este es otro ejemplo:

Es un artículo de aconsejable lectura, lo tienes en Mostrar código fuente con estilo, donde nos muestran ejemplos y algunas alternativas para poder editar los códigos (HTML, CSS, JavaScript, etc.) y que estos se visualicen correctamente, sin que perjudique al resto del texto descriptivo.

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo Cosas a tener en cuenta para mostrar los códigos en nuestro blog:

Sugerencias, Desarrollo web

Insertar un Comentario

Programas Relacionados

A-PDF Page Turner (Flip PDF)

DBForms Access to PHP/MySQL

Alligator Flash Designer

Google Chrome

HTML Splitter

Comentarios

No hay comentarios en este artículo.