Categorías
Libros Pensamiento visual

Garabatear problemas y soluciones 2

Hace ya 5 años, que escribí Garabatear problemas y soluciones, en el que mencionaba tres recursos:

  • El libro «Tu mundo en una servilleta. Resolver problemas y vender ideas mediante dibujos.» (ISBN 9788498750621) de Dan Roam (el título original, si lo prefieres en inglés es «The back of the napkin. Solving problems and selling ideas with pictures.«)
  • Un curso de mapas mentales
  • La charla El dibujo y su retorno, una charla impartida por Fernando de Pablo Martínez (dibujario inteligente)

Pero el tiempo pasa, y han surgido algunas novedades —que no se han mencionado por aquí— y seguramente resulten igualmente interesantes. Son los siguientes libros:

  • El muy recomendable libro «Dibújalo» de Fernando de Pablo Martínez (ISBN 9788483562284). Fernando se está ganando a pulso el ser un referente del uso del dibujo como herramienta para solucionar problemas y del Graphic Recording. Ya va por la tercera edición. Yo tengo un libro de la primera edición y dedicado que conseguí en su primera presentación. Entiendo perfectamente que haya sido uno de los libros más vendidos en la Feria del Libro de Madrid de este año.
  • El libro «Bla, bla, bla. Qué hacer cuando las palabras no funcionan» (ISBN 8498751942) de Dan Roam (también en inglés original con el título «Blah Blah Blah: What To Do When Words Don’t Work»). Más libros del mismo autor —que de momento no tengo, pero nunca se sabe— son «Show and Tell: How Everybody Can Make Remarkable Presentations», del año 2014, y «Draw to Win: A Crash Course on How to Lead, Sell, and Innovate With Your Visual Mind». El primero me pareció todo un descubrimiento. En su segundo libro profundizaba algo más, de los dos últimos, nada puedo decir.
  • De Mike Rohde dos libros que es un placer tenerlos en papel: usan una tipografía basada en la caligrafía manuscrita del propio Mike y son «The Sketchnote Handbook» y «The Sketchnote Workbook«. El primero es una perfecta introducción, y el segundo es más práctico e incluye el acceso a un curso en videos. Me parecen imprescindibles. En papel.
  • Por último, el libro «The Doodle Revolution: Unlock the Power to Think Differently» de Sunni Brown. Un libro en el que quiere dar visibilidad y valorar el uso del garabato, llamando a «las armas» con lapiceros y papel.

No será complicado encontrar charlas en TED o en Youtube de estos autores. Pero ahora sólo he venido a hablar de sus libros. Y recuerda, usa lápiz y papel 🙂

Categorías
Desarrollo web

¿De verdad es imprescindible usar jQuery? Reflexión sobre el uso de frameworks a largo plazo

Estoy aquí depurando el javascript de una página a ver si averiguo porqué no aparece la capa de color gris translucida en una ventana modal de jQuery User Interface.
Llevo ya dos discos escuchados dándole al F11 y viendo todas las vueltas que conlleva una sola línea de código con la sintaxis de jQuery en los ficheros de las dos librerías.
Tengo los dedos a punto de sufrir una crisis de ansiedad.
Y claro, uno recuerda youmightnotneedjquery.com, y se pregunta si en todas y cada una de las ocasiones que usamos jQuery, no estamos pecando de pereza al no intentar hacerlo en el javascript (ahora ECMAScript) de toda la vida, con sus cambios y novedades.
Pero por otro lado, la sintaxis de jQuery es tan sencilla…

He de admitir que por falta de tiempo, permisos de red (y sí un poco de pereza), no estoy muy al tanto de todos los frameworks de estructuras modulares, módulos de carga, gestión de paquetes, automatización,… pero sigo pensando que una dependencia excesiva de frameworks —que virtualmente son cajas negras para una buena parte de desarrolladores—, tiene su riesgo. Y que hay que pensar más allá del hype y pensar a largo plazo, para tener en cuenta los problemas que puede provocar una actualización sin retrocompatibilidad total (como el conocido caso de Angular), o casos extremos como la falta de evolución y/o soporte.

¿Quién usa prototypejs.org?

¿Quién se acuerda de script.aculo.us?

¿Cuántos de todos estos recientes frameworks estarán activos en, digamos 5 años?

Bueno, continuo dándole al F11.

Categorías
Accesibilidad web Citas

La accesibilidad web es ley desde hoy en Europa

Ya desde enero de 2010 los sitios web creados en Europa deben cumplir con las WCAG 2.0 (As from January 2010, all new EUROPA websites have to be created in compliancy with the Web Content Accessibility Guidelines 2.0, level AA.) y en 2015 se publicó la ley europea de accesibilidad, pero ayer, tres de mayo de 2016 se llegó a un acuerdo entre el Parlamento, el Consejo y la Comisión; para que todos los sitios del sector público y sus aplicaciones móviles cumplan con una serie de requisitos (unas normas técnicas) y, además, sean monitorizados.

—Emmanuelle Gutierrez y Restrepo

El Comunicado de Prensa de la Comisión Europea con la noticia original: La Comisión, satisfecha del acuerdo para una mayor accesibilidad de los sitios web y las aplicaciones del sector público.

Categorías
Webposible

Proceso de diseño de UX y herramientas

This design process demands creation, communication, collaboration and validation.

Julius Huijnk – A true UX tool

La cita es el punto de partida del que se vale el autor para plantear qué debería tener una aplicación que sirva en todas las fases del proceso de diseño, en este caso desde un punto de vista de la experiencia de usuario. Menciona bastantes aplicaciones que se usan en fases concretas, pero también explica sus carencias y las necesidades que no consigue solucionar.

Creo que es una lectura recomendable.

Categorías
CSS

El CSS Grid mínimo: ungrid

Desde 960 grid system –y su heredero unsemantic–, hasta los actualmente populares bootstrap y foundation, he visto, estudiado, y aprendido de multitud de frameworks de CSS, en ocasiones hasta convertirse en auténticos monstruos en características y peso.

Por eso, cuando me encontré hace unos días ungrid, me quedé más que sorprendido. Vale que ni siquiera es un framework, que la rejilla que usa es muy básica, que por defecto las columnas tienen el mismo ancho (aunque obviamente se pueden añadir más clases), que no tiene estilos para resetar o uniformizar estilos, que no tiene estilos para títulos, formularios, tablas, que no ofrece un diseño web adaptativo, que probablemente no funcione bien en algún que otro navegador,… pero es que sólo utiliza dos clases. Y apenas cuatro propiedades.

Aquí está:

@media (min-width: 30em) {
    .row {
		width: 100%;
		display: table;
		table-layout: fixed;
	}
    .col {
		display: table-cell;
	}
}

A mí, que valoro muchísimo la ligereza del código, me parece un hallazgo digno de mención.

Por otro lado me entristece pensar la cantidad de esfuerzo en horas y dinero que ha supuesto no tener unas especificaciones y un soporte de los navegadores a la altura de las circunstancias. Pero claro, decirlo ahora no tiene mucho mérito 🙂