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.

Convertir pixels (px) a em

A la hora de hacer una web elástica, uno de los problema con los que nos encontramos es la falta de exactitud de las medidas con las que trabajamos.
Un pixel, es 1 pixel en pantalla, pero ¿cuánto es 1em o 1ex?

(Casi) Fácil. Aquí va una pequeña tabla de equivalencia sacada de (Worldtechies)

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%

Jon Tan lo explica mejor, indicando la fórmula para calcular la equivalencia:

1 ÷ parent font size (px) × required pixels = em equivalent

Asumiendo que, por defecto, el tamaño por defecto de la fuente en los navegadores es de 16px.

Para cálculos más complejos, podéis usar Em calculator.

Javascript intrusivo, obstructivo, molesto

Me pasa scuain un par de citas sobre el (mal) uso del castellano.

Según estos post (el primero, cita del segundo), la forma correcta de decirlo serí­a javascript no molesto… y aunque pueda ser molesto o no, no creo que sea el significado que se pretende al decir unobtrusive JavaScript.

Entiendo que las formas más adecuadas siguen siendo javascript no obstrusivo (de obstruir) o si queremos javascript que no obstruye ya que, efectivamente obstrusivo no existe en castellano.

Otra forma puede ser javascript intrusivo (otro palabro inexistente a nivel oficial, pero sin embargo de uso extendido).

Para entender su significado, se puede echar mano del diccionario de Marí­a Moliner y de la discusión que aparece en Word Reference.

intrusivo
Que ha penetrado por instrusión
intrusión
Acto de producirse sin derecho en una actividad o en una propiedad

Vamos, que el javascript te puede molestar o no (un script concreto), pero no por ello es necesariamente intrusivo o te obstruye tu forma natural de navegar, actuar, etc. por la web.

Referencias: