Añadir caracteres especiales usando la propiedad CSS content

La propiedad content nos permite añadir contenido adicional a través de CSS (mucho mejor explicado en MDN). Lo podemos utilizar para añadir prefijos o sufijos. Por ejemplo para incluir comillas en una cita o añadir el socorrido «Nuevo» en entradas de menú, secciones, etc.

Yo lo quería usar para indicar que un enlace llevaba a una página fuera del dominio. De hecho, quería usar este símbolo: ↗, para indicarlo.

Para añadir caracteres no latinos, podemos usar su valor Unicode. Así, el Unicode para ↗ es 2197 (\2197).

Para conseguir lo que pretendía, el CSS quedaría así:

a[target="_blank"]::after
{
	content: "\2197"; 
}

Harrington College of Design Video on Camera Exposure

En este vídeo explican (en inglés) de forma rápida y sencilla los 3 elementos principales relacionados con la exposición a considerar a la hora de tomar una fotografía:

  1. Apertura. Controla la cantidad de luz que entra por la lente.
  2. Tiempo de exposición. Controla el tiempo que el sensor está expuesto a la luz.
  3. ISO. Controla la sensibilidad de la cámara a la luz

Harrington College of Design Video on Camera Exposure from Harrington College of Design on Vimeo.

Recopilación de diseños de paneles de control y/o administración

Todos hemos tenido que luchar contra distintos paneles de control para administrar nuestro hosting/banco/aplicación de email marketing… y, en algunos casos, hemos podido disfrutar de paneles bien pensados y con un diseño precioso además de útil.

Aquí tenéis una serie de enlaces con paneles de administración que os pueden servir de inspiración:

Servicios para crear tus infografías fácilmente

La infografía es el arte de resumir en una imagen un concepto, unos datos estadísticos o todo un documento de forma que realmente sea cierto el dicho de vale más una imagen que mil palabras.

Los últimos años, la infografía a tenido un auténtico boom en Internet gracias precisamente a su concepto visual y es una forma atractiva y recurrente para mostrar una información de forma resumida.

Ejemplo con la relación de Tim Burton y Jhonny Depp

Para hacer una buena infografía hay que tener claro qué es lo que queremos ilustrar y una vez decidido, si no tienes demasiados conocimientos gráficos pero si tienes algo que contar y lo quieres hacer gráficamente, alguno de estos servicios te pueden ayudar a representar tu idea:

Infogr.am

En cuatro pasos: 1) elige una plantilla 2) añade tus datos 3) personalízalo y 4) comparte tu infografía.

Selección de plantilla Infogr.am
Tiene bastantes opciones de gráficos y realmente hacer una infografía sencilla es muy rápido, pero los resultados son todos demasiado iguales.Un buen punto de partida para infografías sencillas.

Easel.ly

Actualmente está en beta pública.Igual que en el caso anterior, se trata de elegir un tema predefinido (o crear el tuyo) añadirle objetos y publicar. La herramienta es mucho más flexible y por lo tanto los resultados son mucho más variados y diferentes entre si.El problema radica en que no se pueden usar datos. Hay objetos visuales (árboles, flechas, personas…) pero no es posible generar de forma dinámica, a partir de un CSV o similar, un gráfico de barras o de tarta o…

Un punto en contra importante para según que tipo de infografías.

Herramienta de edición de Easelly
Herramienta de edición de Easel.ly

Piktochart

Es el único que tiene versión gratuita y de pago (ver precios).

La herramienta de edición es muy completa y además de una gran variedad de plantillas, también permite añadir forma y gráficos en base a CSV en cualquier lugar de la infografía. Todo muy visual y usando drag & drop.

Básicamente, combina lo mejor de Infogr.am y de Easel.ly, añadiéndole funcionalidades adicionales. La versión gratuita puede que sea demasiado limitada para lo que buscas y si realmente creas infografías de forma habitual, quizá te resulte interesante pasarte a una de las versiones de pago.

Edición en Piktochart
Edición en Piktochart

Referencias

También te interesa:

  • Infografistas, un blog de Chiqui Esteban sobre infografía periodística realmente interesante.