Manual de CSS para bloggers principiantes.
Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!
En el blog sobre diseño, trucos, herramientas y tutoriales CSS-Tricks han publicado una lista de sugerencias básicas sobre CSS que creo que puede ser bastante útil a la hora de optimizar y mejorar el código de cualquier blog o página web. A continuación puedes leer la traducción completa del artículo en cuestión.
- Ten una buena tipografía en tu contenido principal. La gente entra en tu página y continúa entrando en tu página por tu contenido. Está claro que deberías tener una buena tipografía por toda la página, pero realmente deberías asegurarte de que tu contenido principal es totalmente legible. Más abajo verás un ejemplo de una tipografía legible. El background-color y el color probablemente debería ser aplicado en el div de tu contenido principal y en el resto de el mismo con la etiqueta de párrafo <p>.
background-color: white;
color: #lclclc;
font-family: helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
text-indent: 25px;
margin-bottom: 20px;
- Aplica un estilo agradable a tus blockquotes. Aquí puedes descargar algunos ejemplos prediseñados de estilos para los blockquotes (citas) de tu blog.
- Complace a tus comentaristas. Si tu blog no tiene una cantidad de comentarios descomunal, no hagas que tus lectores se tengan que registrar antes de comentar. Es bastante molesto y hará que menos gente comente en tu blog. Tampoco hará daño tener un textarea y un botón de envío con una bonita apariencia. Hay varios plugins que permiten a los lectores suscribirse a los comentarios de un post concreto que suelen gustar a la mayoría de los visitantes (es aconsejable no activar por defecto la suscripción a los comentarios).
- Comprueba tus cambios en todas las páginas de tu blog. Muchos blogs usan bases de datos y funcionan bajo PHP, siendo algo complicado instalarlo en tu ordenador local sin disponer de algunos conocimientos sólidos sobre esta tecnología. Así que mucha gente edita su CSS directamente sobre su blog en la red. Esto da un poco de miedo, porque realmente puede que descompongas algo si no sabes muy bien lo que estás haciendo e incluso también si lo sabes! Cada vez que edites algún comando, haz una copia de seguirdad de tu CSS para que puedas subirla de nuevo rápidamente si algo va mal. Recuerda que (en la mayoría de los casos) el CSS afecta a todas tus páginas, no sólo a la página principal. Después de hacer los cambios en el CSS, busca por tu blog y asegúrate de que los cambios realizados con éxito en una página no han estropeado ninguna otra.
- Recuerda comprobar tus cambios en todos los navegadores más populares. Si eres de los que usan Mac, entonces tendrás que buscar alguna forma de visualizar tu navegador en IE 6. Puedes hacerlo a través de Parallels, VMWare, Bootcamp y de la antigua caja de Windows que tienes en tu armario o llamando a tus amigos a las 3 de la mañana para que te envíen un screenshot. De una forma u otra, tendrás que hacerlo.
- Valida tu CSS. Puedes hacerlo a través del servicio de validación de CSS W3C y asegurarte de que lo pasa correctamente.
¿Alguna otra idea?
Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!
6 Comentarios
Hola! Me alegro de que te haya gustado. Muchas gracias por el aporte, la verdad es que apenas conozco el sistema de Mac y su funcionamiento. Si usas estos programas entonces se soluciona el problema al instante. Un saludo 
hola! bueno es la primera vez que estoy creando un blog, pero estoy aprendiendo de a poquitos xD, ahora estoy en un problemita porque copie una de las plantillas a mi blog y m sale un menu de inicio, fotos, etc y yo quiero que alli vayan mis entradas, asi como en tu pagina, como hago eso?? :S porfa si pudieran ayudarme
m confundi al escribir el blog, es este
Veo que ya has solucionado el problema, porque te referías a los enlaces del menú que se encuentra encima de tus posts ¿no? Un saludo
Me ha gustado mucho este artículo y me gustaría comentar que para ver como quedaría tu blog en internet explorer, si eres usuario de mac por ejemplo, además de ejecutar ie en una máquina virtual, lo que puedes hacer esa usar los servicios de ieNetRender o Browser Shots que harán una captura de tu blog desde ie y te permitirán ver como ha quedado…
Espero que les sirva. Saludos