Herramientas de diseño en tiempo real

El otro día me levanté temprano. No es habitual en un estudiante de ingeniería. Después de mucho tiempo pude presenciar el amanecer. Podía sentir los rayos del sol cayendo sobre mi cuerpo. Por la mañana me apresuro para llegar a tiempo a la universidad. Esta mañana era una mañana más, pero parecía diferente.

Ser testigo de una atmósfera tranquila y silenciosa, de un aire limpio y fresco me pareció un milagro. Quería que este momento durara más tiempo, ya que no estaba seguro de poder volver a presenciarlo, conociendo mi costumbre de sucumbir a los horarios. Había una serenidad inusual que reconfortaba mi mente. Me di cuenta de lo alejado que había estado de la naturaleza. De pie junto a la puerta del recinto, sintiendo la humedad que traía el aire, Pensé en mi vida hasta ahora.

Se me daban bien los estudios, así que las decisiones de mi vida habían sido bastante sencillas y directas. Como estaba seguro de que entraría en la mejor universidad de mi ciudad en la primera convocatoria, no me planteé ninguna otra opción. Me encantaba la psicología desde niño, pero la ingeniería era la opción más segura. Habiendo nacido en una familia de clase media, pensar en arriesgar tu carrera para entrar en el campo de la medicina no era sensato. Crecí oyendo 'Sólo doctor'los niños pueden permitirse ese campo' y al final acabé creyéndomelo. Nadie a mi alrededor creía en asumir riesgos. Todos adoraban la seguridad. Yo crecí haciendo lo mismo.

Esto es lo que nos ha ocurrido. Queremos que las cosas que hemos estado haciendo a la fuerza fracasen. Y entonces quizá la gente que nos rodea nos dejaría intentar otra cosa o nuestros sueños. Estamos acostumbrados a vivir al lado de todos de los demás definición de éxito. Castigamos a la gente por las cosas que les apasionan, sólo porque nosotros no fuimos capaces de hacer lo mismo en algún momento de nuestras vidas.

Siento que estos edificios de hormigón han succionado nuestros deseos y nuestros sueños. Estamos tan acostumbrados a la comodidad que el compromiso parece un tabú. Hemos perdido la fe en nosotros mismos. Si podemos salir adelante ahora, podremos hacer lo mismo en los días venideros. Sólo se necesita el deseo de sobrevivir y nada más: ni dinero, ni coches, ni ropa de marca.

Permanecer encerrados entre cuatro paredes ha restringido nuestro pensamiento. Siento que nuestro pensamiento limitado resuena a través de este muro. Estamos tan acostumbrados a los horarios y a la vida previsible que hemos logrado suprimir nuestro lado creativo.

Cuando sales de estas cuatro paredes en una mañana tranquila, te das cuenta de todo lo que la naturaleza tiene que ofrecerte. No tiene límites. Tus pensamientos, preocupaciones, plazos no resonarán aquí. Todo se lo llevará el viento. Y te darás cuenta de que todas las respuestas que habías estado buscando las conocías desde siempre.

Significaría mucho para mí que recomendaras este artículo y me ayudaras a mejorar. Me encantaría conocer su opinión.


image placeholder 23 min

El tiempo pasa

Todos los selectores CSS existen dentro del mismo ámbito global. Cualquiera que haya trabajado con CSS el tiempo suficiente ha tenido que aceptar su naturaleza agresivamente global - un modelo claramente diseñado en la era de los documentos, que ahora lucha por ofrecer un entorno de trabajo sano para las aplicaciones web modernas de hoy en día. Todos los selectores pueden tener efectos secundarios no deseados al dirigirse a elementos no deseados o chocar con otros selectores. Y lo que es más sorprendente, nuestros selectores pueden incluso perder en la guerra de la especificidad global y, en última instancia, tener poco o ningún efecto en la página.

Cada vez que hacemos un cambio en un archivo CSS, tenemos que considerar cuidadosamente el entorno global en el que se asentarán nuestros estilos. Ninguna otra tecnología front-end requiere tanta disciplina sólo para mantener el código en un nivel mínimo de mantenibilidad. Pero no tiene por qué ser así. Es hora de dejar atrás la era de las hojas de estilo globales.

Es la hora del CSS local.

En otros idiomas, se acepta que modificar el medio ambiente mundial es algo que debe hacerse rara vez o nunca.

En la comunidad JavaScript, gracias a herramientas como Browserify, Webpack y JSPM, ahora se espera que nuestro código consista en pequeños módulos, cada uno encapsulando sus dependencias explícitas, exportando una API mínima.

Sin embargo, de alguna manera, parece que el CSS sigue teniendo vía libre.

Muchos de nosotros -incluido yo mismo, hasta hace poco- llevamos tanto tiempo trabajando con CSS que no vemos la falta de ámbito local como un problema que podamos resolver sin una ayuda significativa de los proveedores de navegadores. Incluso entonces, todavía tendríamos que esperar a que la mayoría de nuestros usuarios utilizaran un navegador con el soporte adecuado de Shadow DOM.

Hemos resuelto los problemas del ámbito global con una serie de convenciones de nomenclatura como OOCSS, SMACSS, BEM y SUITCada una de ellas nos permite evitar las colisiones de nombres y emular las reglas de alcance.

Ya no necesitamos añadir largos prefijos a todos nuestros selectores para simular el alcance. Más componentes podrían definir sus propios identificadores foo y bar que, a diferencia del modelo tradicional de selector global, no producirían ninguna colisión de nombres.

importar estilos de './MiComponente.css';
importar React, { Component } de "reaccionar";
exportar clase por defecto MiComponente extiende Componente {
 render() {
    devolver (
      <div>
        <divestilos.foo}>Foo</div>
        <divestilos.bar}>Bar</div>
      </div>
    );
  }

Las ventajas de CSS global (reutilización de estilos entre componentes mediante clases de utilidad, etc.) siguen siendo posibles con este modelo.- siguen siendo posibles con este modelo. La diferencia clave es que, al igual que cuando trabajamos con otras tecnologías, tenemos que importar explícitamente las clases de las que dependemos. Nuestro código no puede hacer muchas suposiciones, si es que hace alguna, sobre el entorno global.

Ahora se fomenta la escritura de CSS mantenible, no por cumplimiento escrupuloso de una convención de nomenclaturasino mediante la encapsulación de estilos durante el desarrollo.

Una vez que has probado a trabajar con CSS local, ya no hay vuelta atrás. Experimentar el verdadero ámbito local en nuestras hojas de estilo -de una forma que funciona en todos los navegadores- no es algo que se pueda ignorar fácilmente.

La introducción del ámbito local ha tenido un importante efecto dominó en la forma en que enfocamos nuestro CSS. Las convenciones de nomenclatura, los patrones de reutilización y la posible extracción de estilos en paquetes independientes se ven directamente afectados por este cambio, y solo estamos al principio de esta nueva era de CSS local.

process.env.NODE_ENV === 'desarrollo' ?
    '[name]__[local]___[hash:base64:5]' :
    '[hash:base64:5]'
)

Aún estamos trabajando para entender las ramificaciones de este cambio. Con vuestras valiosas aportaciones y experimentos, espero que esta sea una conversación que podamos mantener juntos como una comunidad más amplia.

Nota: Optimizar automáticamente la reutilización de estilos entre componentes sería un avance increíble, pero sin duda requiere la ayuda de gente mucho más inteligente que yo.


image placeholder 19 min

Mi configuración técnica de viaje

MacBook Pro

Robert Capa, un famoso fotoperiodista, dijo una vez: "Si tus fotos no son lo bastante buenas, es que no estás lo bastante cerca". Tampoco se trata sólo de acercarse con el objetivo. Se trata de acercarse físicamente a la gente y conocerla mejor. También se trata de pasar un rato con un desconocido antes de hacerle una foto. Eso ayuda a generar la confianza y la comodidad que se reflejarán en tus fotos. Acércate al sujeto con un simple saludo y una sonrisa para comunicarle que no pretendes hacerle daño.

Pide permiso para hacer una foto si hablan tu mismo idioma. Si no compartes idioma, intenta aprender algunas frases básicas con antelación, haz gestos con tu cámara y pídelo mediante una expresión. Por supuesto, si alguien no quiere que le hagas una foto, es imperativo respetar sus deseos y seguir adelante: las personas son siempre más importantes que las fotografías. National Geographic escribe que "hacer grandes fotos es ante todo un proceso mental". ¿Qué te hace querer fotografiar a esa persona o ese lugar? ¿Cómo se lo describirías a un amigo y qué adjetivos utilizarías? ¿Hay detalles en los que puedas centrarte y que cuenten una historia?

iPad/iPhone

Tal vez sea un desierto árido y seco, capturado centrándose en los patrones de la tierra agrietada. O una pradera fotografiada con el horizonte al fondo del encuadre, para crear una sensación de cielo abierto y tranquilidad. O tal vez sea la historia de una hábil artesana, con las uñas cubiertas de arcilla húmeda mientras moldea una vasija. Cuando se está de viaje puede ser difícil comer bien y asegurarse de ingerir todos los nutrientes necesarios. Empecé a tomar suplementos diarios de multivitaminas, cápsulas de aceite de pescado y vitamina D, y me ayuda mucho. Sobre todo la vitamina D, porque en Suecia no me da mucho el sol en invierno.

Auriculares Sennheiser HD-25

Es difícil recrear la grandeza de un vasto paisaje en los confines de un marco de fotos. Pero una forma de añadir profundidad a tus fotos es componerlas con objetos en primer plano que apoyen la escena. Puede ser algo tan sencillo como una carretera serpenteante a través de un parque nacional o unas rocas para mostrar la geología local.

Si haces fotos a personas durante las horas normales del día, una forma rápida de conseguir una luz más favorecedora es alejar a la persona de la luz directa del sol. La luz es mucho más "suave" y no proyecta sombras duras y poco favorecedoras sobre los rasgos faciales. Mejor aún, haz que alguien se coloque junto a una puerta o ventana abierta como única fuente de luz.


Nos ocupamos de su evento hasta el último detalle. Tenemos buenas colaboraciones con colegas profesionales's y locales, lo que nos permite entretenerle a usted y a sus invitados a un alto nivel. Nuestra cartera incluye DJ's, cantantes y vocalistas, violinistas, saxofonistas y percusionistas.

Eventos Be Our Guest

Hace poco me citaron diciendo que no me importaba que Instagram tuviera más usuarios que Twitter. Si lees el artículo te darás cuenta de que hay un gran "si" antes de mi no dar de dicha cosa.
Por supuesto, estoy trivializando lo que Instagram es para mucha gente. Es una aplicación muy bien ejecutada que permite la creación y el disfrute del arte, así como la conexión humana, que a menudo es algo bueno. Pero mi despotricar tenía muy poco que ver con eso (o con Twitter). Mi despotrique fue el resultado de la creciente frustración por la unidimensionalidad con la que hablan del éxito quienes informan, invierten y construyen servicios de consumo en Internet.
Los números son importantes. El número de usuarios es importante. También lo son muchas otras cosas. Los distintos servicios crean valor de maneras diferentes. Confía en tu instinto tanto (o más) que en los números. Averigua qué es lo que importa y construye algo bueno.

La nueva identidad de marca

Me topé con el concepto de margen al leer un post de Michael Hyattque me llevó a diseñar mi semana ideal. El doctor Richard Swenson (autor del libro Margin: Restoring Emotional, Physical, Financial, and Time Reserves to Overloaded Lives) describe el margen así:

Margen es el espacio entre nuestra carga y nuestros límites. Es la cantidad permitida más allá de lo necesario. Es algo que se mantiene en reserva para imprevistos o situaciones imprevistas. El margen es el intervalo entre el descanso y el agotamiento, el espacio entre respirar libremente y sofocarse.

El año pasado escribí sobre por qué reservar con demasiada antelación puede ser peligroso para tu negocio, y este concepto de margen capta tan elocuentemente lo que yo había reconocido que había sido mi problema: estaba tan llena de clientes que no estaba dejando ningún margen para el error, el crecimiento, la planificación o la reflexión. No estaba haciendo crecer mi negocio de forma sostenible; me limitaba a contratar a un cliente tras otro. En aquel momento, esto me pareció bien: ¿hacer crecer mi negocio no significa tener más clientes?

Un largo rediseño.

¿Qué pasaría si en lugar de reservar hasta 100% de capacidad (que la mayoría de las veces acaba siendo más cercana a 120%), sólo reserváramos hasta una capacidad de 80%?
¿Y si dejáramos más espacio para el crecimiento (personal o profesional) y dejáramos de estar tan "ocupados"?
Pasé casi un año rechazando todos los proyectos nuevos (e incluso deshaciéndome de los antiguos) para poder reducir mi carga de trabajo, crear más margen y crear lo que ahora es Digital Strategy School. Escribir un libro lleva tiempo. Crea un programa. Actualiza tus contratos y propuestas (que lleva en tu lista de tareas pendientes ¿cuánto tiempo...?) Pasa más tiempo con tu familia. Haga más por un cliente. Aprenda algo nuevo. Lleva a cabo las cosas que te han estado dando la lata durante mucho tiempo.

Cuando diseñas tu semana ideal, empiezas a ver que el tiempo que crees que tienes a menudo no está alineado con el tiempo del que realmente dispones.

Después de diseñar mi semana ideal, tenía una idea mucho más clara de cómo crear un marco para mi semana que me permitiera sentirme más centrada tematizando los días de la semana, e incluso partes del día. Tan simple, lo sé. Algunos de ustedes han estado haciendo esto durante años y ya eres un profesional, y algunos de ustedes que vieron mi horario dijo "¡Woah, eso es muy rígido, necesito más flexibilidad!"

La estructura permite flexibilidad.

Si no estás seguro de cuánto tiempo dedicas realmente a las distintas tareas, utiliza una herramienta como Rescue Time (su versión gratuita es excelente), que se ejecuta en segundo plano y registra en qué empleas el tiempo. Incluso puede enviarte informes semanales para que sepas exactamente cuánto tiempo has perdido en Facebook o en la bandeja de entrada de tu correo electrónico. Puedes asignar diferentes sitios web o programas/aplicaciones en una escala de muy distractor a muy productivo, para que puedas ver de un vistazo cosas como: qué días de la semana eres más productivo, a qué horas del día eres más productivo, y los sitios en los que pasas más tiempo distrayéndote. Resulta que siempre estoy "en la zona" sobre las tres de la tarde, así que en lugar de intentar hacer un trabajo muy creativo a primera hora de la mañana (cuando mi cerebro apenas funciona), lo hago por la tarde, ¡cuando sé que estoy en mi mejor momento!

Crear más margen ha cambiado mi negocio.
¿Qué sería posible para la suya?


image placeholder 10 min

Un día solo en el mar

El otro día me levanté temprano. No es habitual en un estudiante de ingeniería. Después de mucho tiempo pude presenciar el amanecer. Podía sentir los rayos del sol cayendo sobre mi cuerpo. Por la mañana me apresuro para llegar a tiempo a la universidad. Esta mañana era una mañana más, pero parecía diferente.

Ser testigo de una atmósfera tranquila y silenciosa, de un aire limpio y fresco me pareció un milagro. Quería que este momento durara más tiempo, ya que no estaba seguro de poder volver a presenciarlo, conociendo mi costumbre de sucumbir a los horarios. Había una serenidad inusual que reconfortaba mi mente. Me di cuenta de lo alejado que había estado de la naturaleza. De pie junto a la puerta del recinto, sintiendo la humedad que traía el aire, Pensé en mi vida hasta ahora.

Se me daban bien los estudios, así que las decisiones de mi vida habían sido bastante sencillas y directas. Como estaba seguro de que entraría en la mejor universidad de mi ciudad en la primera convocatoria, no me planteé ninguna otra opción. Me encantaba la psicología desde niño, pero la ingeniería era la opción más segura. Habiendo nacido en una familia de clase media, pensar en arriesgar tu carrera para entrar en el campo de la medicina no era sensato. Crecí oyendo 'Sólo doctor'los niños pueden permitirse ese campo' y al final acabé creyéndomelo. Nadie a mi alrededor creía en asumir riesgos. Todos adoraban la seguridad. Yo crecí haciendo lo mismo.

Estar en lo más alto sólo te garantizará una buena vida' ha sido el mantra de mi vida. Pero a veces desearía haber sido un estudiante medio. Ojalá las decisiones no hubieran sido tan sencillas. Quizá habría jugado al críquet, lo único que me apasiona. O quizá habría estudiado literatura (la literatura me vuelve loca). ¿No es decepcionante que desee ser mala en lo académico? A veces me odio por las cosas que se me dan bien.

Esto es lo que nos ha ocurrido. Queremos que las cosas que hemos estado haciendo a la fuerza fracasen. Y entonces quizá la gente que nos rodea nos dejaría intentar otra cosa o nuestros sueños. Estamos acostumbrados a vivir al lado de todos de los demás definición de éxito. Castigamos a la gente por las cosas que les apasionan, sólo porque nosotros no fuimos capaces de hacer lo mismo en algún momento de nuestras vidas.

Siento que estos edificios de hormigón han succionado nuestros deseos y nuestros sueños. Estamos tan acostumbrados a la comodidad que el compromiso parece un tabú. Hemos perdido la fe en nosotros mismos. Si podemos salir adelante ahora, podremos hacer lo mismo en los días venideros. Sólo se necesita el deseo de sobrevivir y nada más: ni dinero, ni coches, ni ropa de marca.

Permanecer encerrados entre cuatro paredes ha restringido nuestro pensamiento. Siento que nuestro pensamiento limitado resuena a través de este muro. Estamos tan acostumbrados a los horarios y a la vida previsible que hemos logrado suprimir nuestro lado creativo.

Cuando sales de estas cuatro paredes en una mañana tranquila, te das cuenta de todo lo que la naturaleza tiene que ofrecerte. No tiene límites. Tus pensamientos, preocupaciones, plazos no resonarán aquí. Todo se lo llevará el viento. Y te darás cuenta de que todas las respuestas que habías estado buscando las conocías desde siempre.

Significaría mucho para mí que recomendaras este artículo y me ayudaras a mejorar. Me encantaría conocer su opinión.


Hace poco me citaron diciendo que no me importaba que Instagram tuviera más usuarios que Twitter. Si lees el artículo te darás cuenta de que hay un gran "si" antes de mi no dar de dicha cosa.
Por supuesto, estoy trivializando lo que Instagram es para mucha gente. Es una aplicación muy bien ejecutada que permite la creación y el disfrute del arte, así como la conexión humana, que a menudo es algo bueno. Pero mi despotricar tenía muy poco que ver con eso (o con Twitter). Mi despotrique fue el resultado de la creciente frustración por la unidimensionalidad con la que hablan del éxito quienes informan, invierten y construyen servicios de consumo en Internet.

Los números son importantes. El número de usuarios es importante. También lo son muchas otras cosas. Los distintos servicios crean valor de maneras diferentes. Confía en tu instinto tanto (o más) que en los números. Averigua qué es lo que importa y construye algo bueno.