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)

PointsPixelsEmsPercent
6pt8px0.5em50%
7pt9px0.55em55%
7.5pt10px0.625em62.5%
8pt11px0.7em70%
9pt12px0.75em75%
10pt13px0.8em80%
10.5pt14px0.875em87.5%
11pt15px0.95em95%
12pt16px1em100%
13pt17px1.05em105%
13.5pt18px1.125em112.5%
14pt19px1.2em120%
14.5pt20px1.25em125%
15pt21px1.3em130%
16pt22px1.4em140%
17pt23px1.45em145%
18pt24px1.5em150%
20pt26px1.6em160%
22pt29px1.8em180%
24pt32px2em200%

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: