Diseño de páginas web en Bilbao y Bizkaia

Archivo de Categorías: Diseño Web

  • 0
Las faltas de ortografía más comunes en bloggers

Las faltas de ortografía más comunes en bloggers

Categoría : Diseño Web

Cuando hablamos de marketing de contenidos o content marketing solemos pensar invariablemente en guías, videotutoriales, imágenes e infografías creadas con Photoshop, Illustrator o algún otro programa de diseño y retoque fotográfico, pero ¿qué hay de lo principal, el texto? El texto es lo más importante en cualquier post, y a veces no lo cuidamos lo suficiente. Para ser un buen blogger hay que saber redactar buenos contenidos, y eso pasa ineluctablemente por tener una buena ortografía y una gramática aseada.

No pretendo aquí sentar cátedra ni arrogarme el papel de maestro a la antigua usanza, cual si hablara desde un púlpito a la grey, pero sí quiero daros unos consejos que tal vez os sirvan de ayuda cuando os pongáis a escribir y os asalten las dudas, muchas de ellas razonables.

He aquí algunas de las faltas ortográficas y de los errores gramaticales más comunes en la blogosfera (y en cualquier otro canal de expresión, incluso en la prensa escrita, que tiene más delito):

“Haber” y “a ver”

Cuántas veces habremos leído en post y en foros –y lo que es peor, en periódicos– “haber”, todo junto, cuando querían decir “a ver”, sin hache y separado, como en “a ver qué posteo hoy en mi blog”. Es un gazapo mayúsculo y un clásico de las faltas ortográficas.

Ortografía para bloggers

Por contra

Este error se ha generalizado de tal modo que es habitual oírselo a los presentadores de los informativos. La expresión correcta es “por el contrario”, y no admite dicha fórmula sincopada.

En base a

Es un galicismo (siempre recordaré que me lo corrigió en un examen una profesora de Lengua que tuve en el Instituto) tan extendido que casi parece correcto, pero no lo es. La expresión fetén sería “sobre la base de”, aunque sé que suena un poco envarada.

En relación a

Quizá ya no se vea u oiga tanto este solecismo que durante un tiempo fue bastante común, pero, en cualquier caso, lo correcto sería decir “con relación a” o “en relación con”.

Cuanto menos

Este error se ha propagado por doquier, hasta el punto de que hace dudar al escribiente más capacitado. Si se quiere expresar “como mínimo” (el uso común que se le suele dar), lo correcto es “cuando menos”.

“Por qué”, “porqué”, “porque” y “por que”

Pocos términos dan más dolores de cabeza que esta conjunción causal o locución adverbial, según el caso y contexto. Para arrojar un poco de luz al asunto voy a enunciar cada función y modo por separado con un ejemplo ilustrativo:

  • Cuando es interrogativo se escribe “por qué”, ya sea una pregunta directa (con signos de interrogación) o indirecta:

¿Por qué no escribiste el post que te pedí?

  • Cuando es sustantivo se escribe “porqué”, y siempre va precedido del artículo “el”:

Nunca entenderé el porqué de tu mala ortografía.

  • Cuando es una conjunción causal se escribe “porque”:

Lo hice así porque tú me lo pediste.

  • Cuando se compone de la preposición “por” y del pronombre relativo “que” se escribe “por que”:

Por que entonces fuera un mal bloguero no significa que también lo tenga que ser ahora.

“Absorber” y “absolver”

Las bes y las uves suelen ser uno de los caballos de batalla de la ortografía, y en el caso de estos verbos, debido a su proximidad fonética y fonológica (que no semántica), es fácil encontrarlas intercambiadas.

“Infligir” e “infringir”

Es un caso similar al anterior. Su sonoridad es tan parecida que a menudo se equivoca su significante y su significado. “Infligir” significa causar daño, imponer un castigo, mientras que “infringir” significa quebrantar leyes y órdenes.

“Lívido” y “libido”

Otro caso de paronomasia que puede llevar a confusión. “Lívido” significa amoratado o intensamente pálido, y “libido” (llana, que no esdrújula), deseo sexual.

“Echo” y “hecho”

Es un error tan grosero como extendido confundir “echo”, del verbo “echar”, con “hecho”, del verbo hacer. Como se suele decir: la hache es muda, pero no ciega. Un ejemplo para notar las diferencias en una misma oración:

“La has hecho buena echándole agua al vino”.

“Bizarro”

Desde hace unos años es la palabra de moda que, a causa de la extrapolación del anglicismo “bizarre” (raro, extravagante, freak), se emplea dándole un uso indebido. “Bizarro” significa valiente en su primera acepción, o generoso, lucido y espléndido en la segunda.

La verdad, no me extrañaría que el DRAE acabase cediendo como en otros casos (pensemos en aberraciones lingüísticas como “almóndigas”) ante su creciente popularización y terminara por recogerla en alguna de sus próximas ediciones.

Ortografía para bloggers

“Solo y sólo”

La llamada tilde diacrítica es fundamental para diferenciar palabras que se escriben igual pero que tienen distinto significado. Prueba a quitarle las tildes a esta oración y dime qué entiendes: “El bebé bebe y la mamá mama”.

En el caso que he elegido, el primer “solo”, sin tilde, actúa como adjetivo, mientras que el segundo es un adverbio. Desde mi punto de vista, fue un error de la RAE suprimir el uso normativizado de esta tilde, que yo, por mi parte, sigo usándola.

Aún así

Esto sí lo leerás en numerosas ocasiones, y es muy probable que alguna vez te hayas preguntado cómo se escribe correctamente ese “aun”. Te saco de dudas: sin tilde. Hay una regla básica que te puede ayudar a saber cuándo escribir “aún” o “aun”: si se puede sustituir por “todavía” es con tilde, y si se puede reemplazar por “incluso” es sin ella.

Así mismo

Lo habrás visto muchas veces escrito así, separado, pero en realidad es “asimismo”.

El pronombre personal “ti” nunca lleva tilde ortográfica.

Delante mío

Es un error muy común y extendido poner un adjetivo posesivo detrás de la locución preposicional “delante”. Lo correcto sería “delante de mí”.

De improvisto

El uso correcto es “de improviso”.

Pienso de que

Los dequeísmos son más propios del lenguaje oral que del escrito, pero no os penséis que sólo los cometen los analfabetos o iletrados, que yo se los he oído a Francisco Marhuenda, director de La Razón.

Van a haber

Este error de concordancia entre la forma verbal compuesta y el objeto directo es un clásico de nuestros días. Su mal uso se ha extendido como la pólvora.

De pies

El plural no procede. Lo correcto es “de pie”.

En breves

Se lo oirás decir a mucha gente. Como en el caso anterior, sobra la “s”. Quiero creer que este error deriva de la expresión “en breves momentos”.

Y los latinismos, qué guerra nos dan:

A grosso modo

El corrector de Word, que a veces es más listo de lo que parece, lo corrige, pero aun así, es un error que sigo viéndolo. La forma correcta es “grosso modo”, sin la preposición “a”.

De motu propio

El corrector vuelve a saltar en esta ocasión, y es que lo correcto es “motu proprio”, con dos erres y sin la preposición “de”.

Ortografía para bloggers

Y uno que tiene que ver con el marketing digital:

Bloggero

Se puede utilizar “blogger” o “bloguero”, pero nunca una mezcla de ambos.

Existe una tabla periódica de la ortografía, a imitación de la archifamosa de Mendeléiev, y obra del lingüista Juan Romeu, que nos puede ayudar a resolver éstas y muchas otras dudas de forma gráfica y esquemática.

Tabla periódica de la ortografía

Asimismo, también hay Apps para Android e iOS, y pensadas sobre todo para la educación infantil, a modo de juego o aplicación lúdica, que enseñan ortografía: los iCuardernos by Rubio; Pupitre, de la editorial Santillana; o Los Cazafaltas de Planeta. En este artículo de El País nos hablan de ellas.

Y para acabar, unos consejos de estilo:

  • Los puntos suspensivos siempre son tres.
  • Después de los dos puntos es recomendable empezar con minúscula.
  • No abusar de las mayúsculas (que también se acentúan).
  • Los párrafos se pueden justificar o alinear a la izquierda, dependiendo del caso. En algunas ocasiones, al justificar, el espacio entre palabras aumenta sobremanera y queda poco estético, además de que resulta menos legible.
  • El feminismo y la igualdad de género están bien para lo que están, pero usar el masculino y el femenino en cada sustantivo (“ciudadanos y ciudadanas”) es un horror. Y casi peor es la arroba (“ciudadan@s”). Que lo políticamente correcto no nos nuble el buen juicio.

Si se os ocurre alguna falta de ortografía, gramatical o sintáctica más que hayáis visto de forma reiterada, no dudéis en hacérmelo saber. Me vendría fenomenal para completar este artículo.


  • 0
5 webs donde descargar fuentes tipográficas gratis

5 webs donde descargar fuentes tipográficas gratis

Es el deber todo diseñador gráfico disponer de una amplia gama de fuentes tipográficas donde echar mano. Esto, que es fundamental para la creación de logotipos y el material impreso publicitario, vale también para la maquetación de páginas web. Porque diseñar tus páginas con una tipografía clásica como Arial, Times New Roman o Comic Sans da mala imagen, la de un diseñador incompetente que no cuida el acabado final de sus trabajos y que no conoce las diferencias entre una fuente con serifas o sin serifas, caligráfica, elegante, decorativa o en versalitas. Por supuesto, no basta con limitarse a las fuentes que te vienen instaladas con Windows por defecto. Debemos buscar la tipografía que mejor se adapte a los valores que queremos transmitir: rigor, fiabilidad, creatividad, ambiente lúdico y relajado, etc.

Cada fuente tipográfica tiene una personalidad y representa unos valores, de ahí la importancia de su elección

Aquí os presento 5 páginas web donde podéis descargar fuentes tipográficas gratis (y otras muchas cosas más):

1-Font Squirrel

Font Squirrel

La web de la simpática ardilla es una de mis preferidas. A decir verdad, no es la que mayor número de fuentes tipográficas alberga en su archivo, pero su interfaz amigable y sus múltiples opciones hacen de ella un sitio ideal, casi obligado, para guardar en nuestros favoritos. Cuenta con un buscador de fuentes y luego ofrece la posibilidad de buscar por etiquetas o tags, además de otras categorías como recientes o más populares.

Una utilidad que me gusta mucho de Font Squirrel es su Webfont Generator, donde podemos subir una fuente de nuestro disco duro en TTF (TrueType Font) u OTF (OpenType Font), las más usadas en el entorno Windows, y él nos la convierte a otros formatos para web como EOT, WOFF y SVG. Esto es especialmente útil cuando utilizas la propiedad de CSS 3 @font-face.

Ahora también incluye un Identificador de Fuentes a imitación del ínclito WhatTheFont. Asimismo, dispone de un blog y de un foro donde resolver dudas; ambos, por supuesto, en inglés.

Quizás su mayor defecto y lo único que se echa en falta es el típico visor para poder escribir el texto deseado y mostrarlo en las diferentes tipografías a medida que van cargando, algo que siempre ayuda a hacerse una mejor idea de la composición que tenemos en la cabeza.

Sus fuentes son 100% gratis para uso comercial, como recalcan en su logo.

2-Megafuentes

Megafuentes

Funciona muy parecido a Font Squirrel, aunque tiene menos utilidades. La búsqueda es, igualmente, por etiquetas, y tiene una categoría de novedades y unas fuentes destacadas en primera página. La ventaja es que está en español. Le falta, asimismo, el visor. Las fuentes son TrueType y OpenType.

3-Urbanfonts

Urbanfonts

Esta web es muy completa, y su catálogo de fuentes es de lo más heterogéneo y diverso que se puede encontrar. Las tipografías gratuitas (también tiene de pago, las premium) están ordenadas alfabéticamente y también por categorías (Fuentes nuevas, Nuestras favoritas, Top 100), básicas, script, display/decorativas, no latinas y miscelánea. A diferencia de las anteriores páginas, Urbanfonts sí cuenta con un visor de texto, y además muy completo, pues te deja cambiar el color del texto y el del fondo, así como aumentar o disminuir el cuerpo de letra.

Urbanfonts no sólo permite descargar fuentes tipográficas, sino también un variado repertorio de dingbats (símbolos) y vectores. Otra web que tampoco debería faltar en nuestros favoritos.

4-Font River

Font River

Es muy similar a las anteriores. En su header muestra tres secciones destacadas con Fuentes nuevas, Lo más popular y al Azar. Más abajo establece una serie de categorías: básico, símbolos, fantasía, extranjero, gótico, fiestas, escritura y tecno. No tiene visor de texto, pero sí mapa de caracteres. Presume de tener 20.000 fuentes  y dingbats descargables para Windows y Mac. Permite descargar (en TTF) y donar al autor. Está en varios idiomas; entre ellos, español.

Sus fuentes son gratuitas para uso personal.

5-1001 Free Fonts

1001 Free Fonts

Como su nombre indica, esta web posee una gran colección de fuentes. Están ordenadas alfabéticamente y por etiquetas. Al igual que Urbanfonts, cuenta con un visor de texto, aunque menos sofisticado (éste no permite, por ejemplo, cambiar el color de fondo). En cada fuente se te informa de si es gratuita, o sólo para uso personal (en cuyo caso puedes adquirir la licencia comercial), de dominio público, etc. También permite hacer una donación al diseñador, cosa que seguro te agradecerá.

Y por último, un extra que no puede faltar en ninguna lista:

6-Google Fonts

Google Fonts

Tanto si eres diseñador gráfico como desarrollador web, Google Fonts te va a interesar. Aquí puedes encontrar una gran variedad de tipografías amigables con el navegador. Están divididas en 5 categorías básicas: serif, sans serif, display, handwriting y monospace, que puedes seleccionar o deseleccionar a tu antojo para afinar la búsqueda. También puedes elegir el lenguaje (incluye alfabetos como el cirílico, el árabe o el griego) y ajustar el criterio de búsqueda por trending, popular, fecha de publicación u orden alfabético.

Si pulsas en See the specimen, al pie de cada tipografía, te conduce a una página donde te muestra el diseñador, una descripción de la fuente, sus caracteres, un gráfico con los países donde más se usa, una lista con tipografías similares y un recuadro donde puedes escribir el texto para verlo con dicha fuente y al tamaño en píxeles que quieras.

Aparte, cuando seleccionas una fuente se te abre una pestaña en la parte inferior de la pantalla. Si la despliegas, te ofrece la opción de descargártela totalmente gratis en un zip y el código para embeberla en tu sitio web que debes insertar en el <head>, además del CSS con el font-family. La línea de código sería algo tal que así:

<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">

También puedes importarla como un estilo y customizarla (regular, bold):

<style>
@import url('https://fonts.googleapis.com/css?family=Caveat');
</style>

Google Fonts es una alternativa a @font-face para usar tipografías en páginas web sin necesidad siquiera de instalarlas y subirlas a tu FTP, aunque ten en cuenta que al solicitar un request a la biblioteca de Google puede aumentar el tiempo de carga. En relación con esto, en Load Time te indica si dicha fuente carga rápido o lento.


  • 0
Los 5 mejores acortadores de URL

Los 5 mejores acortadores de URL

¿Cuántas veces os ha pasado que vais a publicar un tweet y, al incluir la URL de la web que queréis dar a conocer, sobrepasáis el famoso límite de los 140 caracteres? Porque, digámoslo claramente, hay URLs que son como una línea sin bingo. Para evitar este fastidio se crearon los acortadores de URL, que vienen a ser la herramienta perfecta para difundir artículos del blog y crear branding en redes sociales. Todos son muy fáciles de usar y siguen la misma dinámica, aunque algunos disponen de unas funcionalidades de las que otros carecen. Ahora lo veremos en detalle.

Éstos son, según mi criterio, los 5 mejores acortadores de URL:

1-Bitly

Bitly

Es uno de los más usados, y con razón. No necesitas estar registrado para crear una URL acortada. Basta con pegar el link y copiar la URL resultante. Ahora bien, si nos registramos (y no lleva ni dos minutos crear una cuenta gratuita), podremos customizar el título del post y el slug de la URL (para entendernos, lo que va detrás de la /) y en el dashboard nos ofrecerá las métricas para cada bitlink, como el total de clicks o su procedencia. Podemos ver cuánto de ese tráfico referido procede de Twitter y Google Plus y cuánto es Dark Traffic. Paralelamente nos muestra un gráfico con el rendimiento de todos nuestros bitlinks en función del número de clicks.

Como complemento, cuenta con una extensión de Google Chrome  para acortar cualquier URL de forma directa, sin necesidad de abrir la página, y que también permite compartirla en las principales redes sociales. Ni qué decir tiene que es mi preferido.

2-Google URL Shortener

Google URL Shortener

Digamos que, por venir de Google, es el acortador oficial. No se puede personalizar, pero es una herramienta rápida y eficaz. Sólo te pide marcar un Captcha. Eso sí, permite ver la analítica y hacer un seguimiento.

3-TinyURL

TinyURL

Cuántas veces habremos visto, sin saber qué era, aquello de tinyurl. Fue uno de los primeros acortadores de URL, y aunque su diseño se ha quedado un poco desfasado, sigue funcionando a pleno rendimiento. No tiene opciones avanzadas, y el custom alias da problemas.

4-Tiny.cc

TinyCC

Aunque su interfaz no es muy vistosa ni moderna, este acortador es realmente útil. El slug de la URL se puede personalizar a nuestro gusto, y además de las funciones básicas, permite compartir en redes sociales y obtener el código QR, y todo ello sin necesidad de registro.

5-Ow.ly

Ow.ly

Este otro da una impresión casi opuesta al anterior, pues su diseño es atractivo, pero sus funcionalidades son más limitadas. No admite la customización de la URL. Pertenece a la conocida plataforma de gestión de redes sociales Hootsuite.

Para terminar, dos extras:

6-Smart URL

SmartURL

Este acortador está ganando cada vez más adeptos, y no es de extrañar, pues tiene unas funcionalidades que lo hacen único. Por ejemplo, permite crear URLs específicas para países y dispositivos móviles (iPhone, iPad, Android, Kindle, Blackberry), añadir descripciones a los enlaces acortados o un validador de URL que comprueba que no sea Phishing o Malware.

7-Dlvr.it

Dlvr.it

Aunque no es propiamente un acortador de url, sino un sindicador de contenidos RSS feed, Dlvr.it, el sustituto natural de Twitterfeed, es una herramienta muy recomendable, casi diría que imprescindible para cualquier blogger y Community Manager, ya que te permite automatizar tus post creando una cola de publicaciones y administrar así tus redes sociales sin necesidad de llevar un control diario del blog. Es gratuita (aunque de este modo sólo te permite gestionar una red social, como hace Hootsuite) y muestra estadísticas sobre el número de post, de clicks y de seguidores. Los tweets publicados en Dlvr.it aparecen con la URL acortada según su propia extensión.

Y tú, ¿qué acortador de URL utilizas?


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER