← ¿Tu hogar revela quién eres? | ↑ Principal | Sobre los Community Managers

Nunca uses texto en mayúsculas en tu códigoTutoriales

Escrito por Mark hace más de un año | 15 comentarios

Entre los maquetadores novatos, un error muy común hacer cosas como esto:

firstuppercase.png

Si decides cambiar el formato, tendrás que cambiar cada uno de tus textos manualmente. Peor aún es usar mayúsculas en el título de los posts: en tu blog se puede ver muy bonito, pero gracias a la magia del RSS no sabes dónde terminará, y fuera de contexto resta como veinte puntos de coeficiente intelectual al autor.

La solución es bastante sencilla:

seconduppercase.png

A menos que sea un acrónimo, o algún caso especial detallado por la RAE, las palabras en mayúscula están ahí por estilo. Y las cosas de estilo van en la hoja de estilo. text-transform: uppercase; es tu amigo.

Comentarios Escribe un comentario

Escrito por:
Chech0x
Octubre 12, 2010 12:53 PM

Finger Up :)

Escrito por:
david zamora
Octubre 12, 2010 1:06 PM

Que buen verso, sin efuerzo:

"Y las cosas de estilo van en la hoja de estilo. text-transform: uppercase; es tu amigo."

Saludos

Escrito por:
Stan
Octubre 12, 2010 5:05 PM

Recomiendas entonces aplicarle uppercase a traves de un span a una palabra si queremos hacerla mayuscula?

Escrito por:
Mark
Octubre 13, 2010 2:16 AM

Stan: casi nunca hay razón para hacerlo, y dar enfasis no es una razón válida ej.

NUNCA he dicho eso.

debería ser
Nunca he dicho eso.

o mejor aún
Nunca he dicho eso.

Sin embargo, en ocasiones como...

El letrero decía 'PELIGRO'

Las mayúsculas son parte del significado, así que va en mayúsculas dentro del código.


Escrito por:
Andres
Octubre 13, 2010 10:18 AM

Otra razón para evitar las mayúsculas es que los screen readers enfatizan el texto como si se estuviera gritando

Escrito por:
Stan
Octubre 13, 2010 11:45 AM

@Mark si, algo similar aplico, rara vez las mayúsculas a menos que se traten de un acrónimo o de un nombre que asi me lo demande.

Tenia rato que no visitaba tu blog, va muy bien el contenido, felicidades!

Escrito por:
Mauricio
Noviembre 3, 2010 3:30 AM

Ay sí esta fue una de las cosas que antes no comprendía bien con lo del CSS...pero ahora sí NUNCA uso mayúsculas :) y creo que nuestro diseñador web tampoco :)

Saludos
Mauricio

Escrito por:
GrowStudio
Enero 5, 2011 12:35 AM

Buen tip, igual la inclusión de estas técnicas de maquitación influye positivamente en el SEO.

Escrito por:
test
Febrero 15, 2011 12:57 AM

test of test

Escrito por:
hot laminator
Marzo 18, 2011 8:33 AM

it's an good idea!

Escrito por:
luis | carros en venta
Mayo 10, 2011 3:12 PM

Buena sugerencia. a mi me agrada más leer la primera mayúscula y demás minúsculas. Si se usan dentro de la etiqueta h sirven igual para posicionamiento.

Escrito por:
Daniel - Noticias Ecuador
Septiembre 20, 2011 5:35 PM

Es un buen consejo que muchas veces la gente no lo pone en práctica. Y para los que talvez no conocen, desde hace algunos años atrás existe la Netiquette, (reglas para ser amables en la web) y uno de los puntos es no usar todo en mayúsculas porque se interpreta como si estuvieras GRITANDOOOOO y pues a nadie nos agrada que nos grite, verdad????

Escrito por:
Freddy - Contabilidad
Septiembre 20, 2011 5:38 PM

Muchas gracias, no sabia este consejo, voy a cambiar ahora mismo las mayúsculas en mi sitio web y códigos...

Escrito por:
Sextus
Noviembre 2, 2011 8:05 PM

Me viene de lujo este consejo. Estoy iniciándome en el mundo de los blogs. Gracias

Escrito por:
Anónimo
Noviembre 22, 2011 2:22 PM

hg

Escribe un comentario

(opcional)

(opcional)