Nofollow es un atributo en código HTML que se le pone a un enlace cuando queremos que éste no sea tenido en cuenta por los buscadores. De esta manera, Google y otros buscadores no dan valor a ese enlace y no le transmite Pagerank. El origen del “nofollow” se remonta a 2005 y fue diseñado por Matt Cutts (Google) y Jason Shellen (Blogger) con la finalidad de evitar el spamdexing, sobre todo para reducir este tipo de spam en los comentarios de los blogs.

Tras aplicar el atributo nofollow a una URL ésta queda de la siguiente manera:

a href=”paginaweb” rel=”nofollow”

Al poco tiempo de salir a la luz, todas las plataformas de blogs y webs tan importantes como la Wikipedia adoptaron la medida de implantar el atributo nofollow en sus enlaces salientes, de esta manera se evitó que la gente acudiera a páginas con un alto trafico de visitas y Pagerank para conseguir backlinks. Aunque ha podido reducir el spam en cierto sentido, lo cierto es que la practica de enviar comentarios masivos a los blogs y webs sigue vigente, principalmente porque hay algo que siempre se transmite: el tráfico y visitas que una web puede obtener a través de los backlinks. Además, en la actualidad el atributo nofollow ha pasado a ser una herramienta usada habitualmente en las técnicas SEO, acrónimo de Search Engine Optimization.

Este es el significado de los colores en las webs que nos podemos encontrar en Internet.

Blanco:

• El blanco se asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfección.
• El blanco significa seguridad, pureza y limpieza. A diferencia del negro, el blanco por lo general tiene una connotación positiva. Puede representar un inicio afortunado.
• En heráldica, el blanco representa fe y pureza.
• En publicidad, al blanco se le asocia con la frescura y la limpieza porque es el color de nieve. En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad.
• Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imágenes vestidas con ropas blancas.
• El blanco se le asocia con hospitales, médicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos médicos o que estén directamente relacionados con la salud.
• A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.

Amarillo:

• El amarillo simboliza la luz del sol. Representa la alegría, la felicidad, la inteligencia y la energía.
• El amarillo sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscular. Con frecuencia se le asocia a la comida.
• El amarillo puro y brillante es un reclamo de atención, por lo que es frecuente que los taxis sean de este color en algunas ciudades. En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebés lloran más en habitaciones amarillas.
• Cuando se sitúan varios colores en contraposición al negro, el amarillo es en el que primero se fija la atención. Por eso, la combinación amarillo y negro es usada para resaltar avisos o reclamos de atención.
• En heráldica el amarillo representa honor y lealtad.
• En los últimos tiempos al amarillo también se le asocia con la cobardía.
• Es recomendable utilizar amarillo para provocar sensaciones agradables, alegres. Es muy adecuado para promocionar productos para los niños y para el ocio.
• Por su eficacia para atraer la atención, es muy útil para destacar los aspectos más importantes de una página web.
• Los hombres normalmente encuentran el amarillo como muy desenfadado, por lo que no es muy recomendable para promocionar productos caros, prestigiosos o específicos para hombres. Ningún hombre de negocios compraría un reloj caro con correa amarilla.
• El amarillo es un color espontáneo, variable, por lo que no es adecuado para sugerir seguridad o estabilidad.
• El amarillo claro tiende a diluirse en el blanco, por lo que suele ser conveniente utilizar algún borde o motivo oscuro para resaltarlo. Sin embargo, no es recomendable utilizar una sombra porque lo hacen poco atrayente, pierden la alegría y lo convierten en sórdido.
• El amarillo pálido es lúgubre y representa precaución, deterioro, enfermedad y envidia o celos.
• EL amarillo claro representa inteligencia, originalidad y alegría.

Naranja:

• El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alegría, el sol brillante y el trópico.
• Representa el entusiasmo, la felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo.
• Es un color muy caliente, por lo que produce sensación de calor. Sin embargo, el naranja no es un color agresivo como el rojo.
• La visión del color naranja produce la sensación de mayor aporte de oxígeno al cerebro, produciendo un efecto vigorizante y de estimulación de la actividad mental.
• Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicar con ellos.
• Color cítrico, se asocia a la alimentación sana y al estímulo del apetito. Es muy adecuado para promocionar productos alimenticios y juguetes
• Es el color de la caída de la hoja y de la cosecha.
• En heráldica el naranja representa la fortaleza y la resistencia.
• El color naranja tiene una visibilidad muy alta, por lo que es muy útil para captar atención y subrayar los aspectos más destacables de una página web.
• El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alegría, el sol brillante y el trópico.
• El naranja oscuro puede sugerir engaño y desconfianza.
• El naranja rojizo evoca deseo, pasión sexual , placer, dominio, deseo de acción y agresividad
• El dorado produce sensación de prestigio. El dorado significa sabiduría, claridad de ideas, y riqueza. Con frecuencia el dorado representa alta calidad.

Rojo:

• El color rojo es el del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energía, la fortaleza, la determinación, así como a la pasión, al deseo y al amor.
• Es un color muy intenso a nivel emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea.
• Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.
• Trae el texto o las imágenes con este color a primer plano resaltándolas sobre el resto de colores. Es muy recomendable para encaminar a las personas a tomar decisiones rápidas durante su estancia en un sitio web.
• En publicidad se utiliza el rojo para provocar sentimientos eróticos. Símbolos como labios o uñas rojos, zapatos, vestidos, etc., son arquetipos en la comunicación visual sugerente.
• El rojo es el color para indicar peligro por antonomasia.
• Como está muy relacionado con la energía, es muy adecuado para anunciar coches motos, bebidas energéticas, juegos, deportes y actividades de riesgo.
• En heráldica el rojo simboliza valor y coraje. Es un color muy utilizado en las banderas de muchos países.
• El rojo claro simboliza alegría, sensualidad, pasión, amor y sensibilidad.
• El rosa evoca romance, amor y amistad. Representa cualidades femeninas y pasividad.
• El rojo oscuro evoca energía, vigor, furia, fuerza de voluntad, cólera, ira, malicia, valor, capacidad de liderazgo. En otro sentido, también representa añoranza.
• El marrón evoca estabilidad y representa cualidades masculinas.
• El marrón rojizo se asocia a la caída de la hoja y a la cosecha.

Púrpura:

• El púrpura aporta la estabilidad del azul y la energía del rojo.
• Se asocia a la realeza y simboliza poder, nobleza, lujo y ambición. Sugiere riqueza y extravagancia.
• El color púrpura también está asociado con la sabiduría, la creatividad, la independencia, la dignidad.
• Hay encuestas que indican que es el color preferido del 75% de los niños antes de la adolescencia. El púrpura representa la magia y el misterio.
• Debido a que es un color muy poco frecuente en la naturaleza, hay quien opina que es un color artificial.
• El púrpura brillante es un color ideal para diseños drigidos a la mujer. También es muy adecuado para promocionar artículos dirigidos a los niños.
• El púrpura claro produce sentimientos nostálgicos y románticos.
• El púrpura oscuro evoca melancolía y tristeza. Puede producir sensación de frustración.

Azul:

• El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.
• Representa la lealtad, la confianza, la sabiduría, la inteligencia, la fe, la verdad y el cielo eterno.
• Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. Es un color fuertemente ligado a la tranquilidad y la calma.
• En heráldica el azul simboliza la sinceridad y la piedad.
• Es muy adecuado para presentar productos relacionados con la limpieza (personal, hogar o industrial), y todo aquello relacionado directamente con:
  • El cielo (líneas aéreas, aeropuertos)
  • El aire (acondicionadores paracaidismo)
  • El mar (cruceros, vacaciones y deportes marítimos)
  • El agua (agua mineral, parques acuáticos, balnearios)
• Es adecuado para promocionar productos de alta tecnología o de alta precisión.
• Al contrario de los colores emocionalmente calientes como rojo, naranja y amarillo, el azul es un color frío ligado a la inteligencia y la conciencia.
• El azul es un color típicamente masculino, muy bien aceptado por los hombres, por lo que en general será un buen color para asociar a productos para estos.
• Sin embargo se debe evitar para productos alimenticios y relacionados con la cocina en general, porque es un supresor del apetito.
• Cuando se usa junto a colores cálidos (amarillo, naranja), la mezcla suele ser llamativa. Puede ser recomendable para producir impacto, alteración.
• El azul claro se asocia a la salud, la curación, el entendimiento, la suavidad y la tranquilidad.
• El azul oscuro representa el conocimiento, la integridad, la seriedad y el poder.

Verde:

• El verde es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura.
• Tiene una fuerte relación a nivel emocional con la seguridad. Por eso en contraposición al rojo (connotación de peligro), se utiliza en el sentido de “vía libre” en señalización.
• El verde oscuro tiene también una correspondencia social con el dinero.
• El color verde tiene un gran poder de curación. Es el color más relajante para el ojo humano y puede ayudar a mejorar la vista.
• El verde sugiere estabilidad y resistencia.
• En ocasiones se asocia también a la falta de experiencia: “está muy verde” para describir a un novato, se utiliza en varios idiomas, no sólo en español.
• En heráldica el verde representa el crecimiento y la esperanza.
• Es recomendable utilizar el verde asociado a productos médicos o medicinas.
• Por su asociación a la naturaleza es ideal para promocionar productos de jardinería, turismo rural, actividades al aire libre o productos ecológicos.
• El verde apagado y oscuro, por su asociación al dinero, es ideal para promocionar productos financieros, banca y economía.
• El verde “Agua” se asocia con la protección y la curación emocional.
• El verde amarillento se asocia con la enfermedad, la discordia, la cobardía y la envidia.
• El verde oscuro se relaciona con la ambición, la codicia, la avaricia y la envidia.
• El verde oliva es el color de la paz.

Negro:

• El negro representa el poder, la elegancia, la formalidad, la muerte y el misterio.
• Es el color más enigmático y se asocia al miedo y a lo desconocido (“el futuro se presenta muy negro”, “agujeros negros”…).
• El negro representa también autoridad, fortaleza, intransigencia. También se asocia al prestigio y la seriedad.
• En heráldica el negro representa el dolor y la pena.
• En una página web puede dar imagen de elegancia, y aumenta la sensación de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad.
• Es conocido el efecto de hacer más delgado a las personas cuando visten ropa negra. Por la misma razón puede ayudar a disminuir el efecto de abigarramiento de áreas de contenido, utilizado debidamente como fondo.
• Es típico su uso en museos, galerías o colecciones de fotos on-line, debido a que hace resaltar mucho el resto de colores. Contrasta muy bien con colores brillantes.
• Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto agresivo y vigoroso.

Os voy a hablar de CSSBlog.es, un blog sobre CSS que personalmente lo considero distinto a los demás que hablan de la misma materia.

Primero explicaré que es eso del CSS. Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

En resumidas cuentas es el aspecto “estético” de una página, el diseño en si.

Sabiendo ya todos de que hablo, en esta web podemos encontrarnos con todo tipo de contenidos relacionados con CSS y lo que es muy importante, para todo tipo de niveles.

Nadie ha nacido sabiendo las cosas, con lo que este tipo de páginas son las que nos ayudan a todos a saber comprender el concepto y la utilización de las cosas. Además todo el contenido que podemos ver es gratuito, con lo que el seguir las publicaciones de este blog es más que recomendable.

Si nos damos una vuelta por él, además de contenido técnico y práctico, nos podemos encontrar con cosas tan curiosas como la de poder conocer cuales son las fuentes de tipos de letras más utilizadas.

Las fuentes son un recurso indispensable a tener en cuenta a la hora de crear nuestro blog/web, ya que gracias a ellas, haremos que un blog/web sea legible o ilegible.

A continuación se resumen las fuentes más usadas en el diseño:

HELVÉTICA, HELVETICA NUE, ARIAL: Quizás la más famosa.

VERDANA: Legible a tamaños pequeños.

GEORGIA: Parecida a Times New Roman, pero mucho mejor, usada como sustituto de Times.

TREBUCHET MS: Fuente con mucho resultado en cabeceras y en la etiqueta h1.

CENTURY GOTIC: Recomendada para pequeños bloques de texto y libros.

LUCIDA SANS UNICODE: Lucida Grande se utiliza en Mac, mientras que Lucida Sans es para Windows.

PALATINO: Diseñada para tamaños grandes.

GARAMOND, BASKERVILLE, CASLON: De las más antiguas, usada en el Señor de los Anillos y popularizada por Apple.

BAKERVILLE: Creada con la intención de mejorar la legibilidad de CASLON.

UNIVERS: Muy legible a distancia.

MYRIAD: Fuente corporativa de Apple desde 2002.

ROCKWELL: Una de las más flexibles, vale para casi todo, títulos grandes, pequeños…

WARNOCK: Creado por uno de los fundadores de Adobe, John Warnock.

DIN: Fuente moderna con muchas variantes.

GOTHAM: Muy legible a tamaños pequeños.

FRUTIGER: Tardó 7 años en acabar su diseño.

DAX: Utilizada por UPS.

Las que nos recomienda el autor son: Arial y Helvética, ya que son las más flexibles.

Esto y mucho más es lo que podemos ver en CSSBlog.ES.