20 años de Toy Story. 20 años de ley de Moore

Efectivamente, ese vídeo no tiene mucho que ver con Toy Story, si exceptuamos que está hecho por ordenador. Pero si para estrenar los 77 minutos de Toy Story hace 20 años hicieron falta 800,000 horas de máquina (según este artículo de Wired de 1995) el vídeo de aquí arriba está hecho en tiempo real, en un ordenador (aquí explican cómo, con todo lujo de detalles). Si eso no ilustra la ley de Moore, ya no se me ocurre qué lo hará…

Los tuits de la semana 2.6

El más retuiteado

(Por algo será…)

Los de diseño y desarrollo web

De salida, una herramienta que, a todos los que trabajáis con Bootstrap, os va a gustar (y a los que no, como mínimo os va a interesar):

Pingendo. The simplest app to prototype with Bootstrap http://pingendo.com

Eppur si muove…

HTML 5.1. W3C Working Draft 17 March 2015 http://www.w3.org/TR/html51/

#webdev #protip si de golpe se os ha roto un flexbox en firefox, es por http://stackoverflow.com/questions/26895349/how-can-i-get-ff-33-x-flexbox-behavior-in-ff-34-x y se arregla poniendo min-width: 0

CSS, frameworks, semántica y modularidad:

Understanding CSS Grid Systems from the Ground Up http://www.sitepoint.com/understanding-css-grid-systems/

Semantic Markup with Foundation 5 and Sass http://www.sitepoint.com/semantic-markup-foundation-5-sass/

Can CSS Be Too Modular? (muy relacionado con la charla de @tonipinel ayer en el #webcat) http://csswizardry.com/2015/03/can-css-be-too-modular/

Un poco de accesibilidad:

RT @kazuhito Accessibility Developer Tools – Chrome Web Store https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb #wdf17

RT @NelioSoft Four Plugins To Improve WordPress Accessibility http://www.abrightclearweb.com/four-plugins-to-improve-wordpress-accessibility #accessibility #WordPress

RT @UOCeimt Cuando navegar de oídas es una odisea: la internet española no es para ciegos (via @lsabate) http://j.mp/1b0qsmV

Reducir el peso de una página es, en estos tiempos de web desde el móvil, bueno para la cartera del usuario:

Find out how much it costs for someone to use your site on mobile networks around the world (via @Perf_Rocks) http://whatdoesmysitecost.com/

Tres tipos interesantes:

http://gidole.github.io/ es una tipografía de código abierto inspirada en DIN

Cooper Hewitt, espectacular tipografía sin serifas con licencia libre http://www.cooperhewitt.org/open-source-at-cooper-hewitt/cooper-hewitt-the-typeface-by-chester-jenkins/

SUNN, una tipografía ‘handwritten’ preciosa, gratuita y con todos los caracteres para catalán y castellano https://www.behance.net/gallery/20799205/SUNN-Free-Handwriting-Font?isa0=1#

Un poco de animación y CSS:

los doce principios de la animación de The Illusion of Life, ilustrados con animaciones CSS http://codepen.io/jeroens/blog/the-illusion-of-life

Consejo a desarrolladores:

Y una joyita visual…

Un poco de matemáticas

RT @mariofusco Bayes’ Theorem with Lego http://www.countbayesie.com/blog/2015/2/18/bayes-theorem-with-lego

The Pleasure of Watching Massive Fractals Get Drawn on a Beach with a Rake http://motherboard.vice.com/en_ca/read/the-pleasure-of-watching-massive-fractals-get-drawn-on-a-beach-with-a-rake

el cálculo tensorial, útil en machine learning. aún será que las mates sirven para algo y todo… http://radar.oreilly.com/2015/03/lets-build-open-source-tensor-libraries-for-data-science.html

Y la foto de la semana

(o del año.)

más sobre la pedazo de foto de la estación espacial internacional y el eclipse /@rakelka http://www.universetoday.com/119504/thierry-legault-captures-iss-transit-of-the-sun-during-eclipse/

Google, su índice y los sitios “mobile friendly”

Nota breve, hoy. Tenemos a “media” internet (la parte que hace webs y se preocupa por su posicionamiento en Google) revolucionada por el anuncio de que va a comenzar a tener en cuenta si una web se ve bien en dispositivos en sus resultados. El anuncio es de 26 de febrero y avisan que la cosa se pondrá en marcha el 21 de abril. A medida que se acerca la fecha, los webmasters sin versión responsive se ponen nerviosos e incluso los que la tienen echan humo por la presión que mete Google…

Algunas puntualizaciones:

  • La noticia no es que Google añada un factor a su algoritmo. Esto, al fin y al cabo, lo hacen con una cierta frecuencia. El algoritmo de Google tiene más ingredientes que la receta de CocaCola y, además, cambia bastantes veces al año. De hecho, os podéis jugar lo que queráis a que ese factor ya es parte del algoritmo. El 21 de abril, como mucho, le darán más relevancia.
  • La noticia es que Google avise con tanta claridad y antelación, algo que, con esta intensidad, diría que no ha hecho nunca.
  • ¿Por qué? Google cambia su algoritmo para seguir siendo el mejor o, como mínimo, parecerlo. Y eso, al fin y al cabo, es lo mejor para sus usuarios y para los usuarios, en general (si estoy buscando desde el móvil, yo también prefiero que la web a la que me vayan a llevar se vea bien en el móvil). Google anuncia cambios en el algoritmo para ejercer presión sobre los webmasters. A Google, que obtiene más del 90% de sus ingresos de vender publicidad en sitios web, le interesa que, desde cualquier dispositivo, el usuario navegue, cuanto más mejor. Cuando el usuario “consulta una web” desde una app Google pierde la oportunidad de vender un anuncio. Cada app de medio de comunicación es un montón de dinero que Google deja de ingresar. Y eso duele en la cuenta de explotación. Y van a hacer todo lo posible por que, al menos para los sitios “de contenido”, la web móvil plante batalla a las apps (que, para la categoría “de contenido”, apenas le suponen ingresos a Google a través de su tienda de aplicaciones para Android).
  • Webmasters del mundo hartos del yugo de Google, la única solución que os queda es hacer todo lo posible por “repartir juego” y que el indexador de Google pierda al menos parte de su relevancia en favor de los Bings y DuckDuckGos del mundo. Eso sí… si pensáis que Bing y DuckDuckGo no cambian su algoritmo con frecuencia, preparaos para llevaros una profunda decepción. La única manera de luchar contra la ley de Campbell es cambiar la receta con frecuencia. Al menos mientras haya SEOs. Y podemos estar de acuerdo todos en que mientras haya buscadores y la gente los use habrá SEOs…
  • (Y si la solución iba a ser el social media, recordad que los Facebooks del mundo también tienen sus algoritmos de ordenación.)
  • Conspiranoicos del mundo: hay, desde luego un motivo excelente para sospechar de Google: que uno de los factores para ordenar la relevancia de una página sea “contiene publicidad AdSense”. Nadie ha demostrado que eso sea así. Si fuese así, Google estaría jugando con fuego, se merecería arder y, dicho sea de paso, yo me apuntaría encantado a rociar gasolina.

Ale. Suficiente por hoy. Y suerte que he dicho que iba a ser una “nota breve”…

Los tuits de la semana 2.5

Los de diseño y desarrollo web

HTTP2 will mean a change in how we should build websites. The best practices of HTTP1 are harmful in a HTTP2 world https://mattwilcox.net/web-development/http2-for-front-end-web-developers

The Web’s Grain— A view on designing for the web by Frank Chimero http://frankchimero.com/talks/the-webs-grain/transcript/

A Front End Engineer’s Manifesto http://f2em.com/

Link to localhost. Get a shareable URL for your local dev site with one click https://forwardhq.com/

RT @NelioSoft Nietzche Ipsum http://nietzsche-ipsum.com

Color Safe. Beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios. http://colorsafe.co/

…y, en la misma línea, una herramienta para comprobar la accesibilidad de combinaciones de color: http://jxnblk.com/colorable/demos/text/

Google Swiffy is a tool to help convert SWF files to HTML5, to make them available to a larger audience https://developers.google.com/swiffy/

Vivus is a lightweight JS class (with no dependencies) that animates SVGs, giving them the appearence of being drawn http://maxwellito.github.io/vivus/

Neutralidad de la red

RT @vanschewick Historic FCC vote will protect the future of America’s economy & democracy. My statement: http://cyberlaw.stanford.edu/blog/2015/02/historic-fcc-vote-will-protect-future-americas-economy-and-democracy #netneutrality

Yo, ese mismo día (26 de febrero)…:

El 7 de marzo, Ars Technica: Europe reverses course on net neutrality legislation. A veces duele mucho acertar.

Los de cacharritos…

RT @koalillo En el blog, la BlackBerry Classic, el móvil para los que odian las pantallas táctiles… http://alex.corcoles.net/2015/03/clasicos-de-ayer-y-de-hoy/

Una de las dos cosas que más me gustaron del MWC. Bravo, BTV:

Els informatius de @btvnoticies en directe només amb tecnologia mòbil 4G http://www.btv.cat/actualitat/els-informatius-de-btv-en-directe-nomes-amb-tecnologia-mobil-4g/

The origins of the use of [x] (to close windows) in UI design https://medium.com/re-form/x-to-close-417936dfc0dc

@UOCeimt Una inteligencia artificial domina 49 juegos de Atari 2600… sin las instrucciones http://j.mp/1zIrJof

Aunque no siempre hemos tenido cacharritos…

Yo, el 24 de febrero:

¿qué tarifa de datos soporta las velocidades punta 4G un par de horas? el 4G y el 5G no son tecnologías para el usuario

El 4 de marzo…

La otra cosa que más me gustó del MWC. A veces mola equivocarse :-).

Hoy es 8 de marzo

Y la joyita informático-visual para cerrar

¿Mobile first? ¿No será desktop last?

Por si os habéis pasado el día escondidos bajo una piedra (¿quizá intentando evitar el alud informativo llamado Mobile World Congress?) hoy le han dado a publicar al rediseño de Wired. La cosa no es baladí: el rediseño que les hiciera Doug Bowman en 2002 supuso un paso adelante revolucionario en el mundo del diseño web…

En la propia Wired se dedican (de manera perfectamente comprensible) un artículo sobre el tema. Y, claro, le dedican un párrafo al tema Responsive and Mobile-First. Porque es 2015 y no se puede hacer un rediseño que no sea Responsive and Mobile-First

Y entonces es cuando se me ha encendido la lucecita de por qué no me estaba gustando el rediseño. No, no es la (en mi opinión terroríficamente anacrónica) selección de tipos para el título del artículo (ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif). No. Es esa absoluta falta de espacio dedicado al rey contenido:

Captura de pantalla de un artículo sobre el rediseño de wired.com a resolución escritorio. Al contenido se le dedica un ancho de 482 píxeles
482 píxeles de ancho para el contenido (al anuncio se le dedican 300, por cierto…)

Y entonces me ha picado la curiosidad. Veamos que pasa si estrechamos la ventana hasta disparar las media queries que ponen el diseño a una sola columna…

A resoluciones 'de móvil', al contenido se le dedican hasta 569 píxeles
569 píxeles. No comment.

La necesidad, hoy en día, de ser Responsive and Mobile-First no la va a a discutir nadie (al menos, yo no voy a hacerlo). Tampoco vamos a exigir que una revista quite la publicidad, que es la manera de generar ingresos. Pero, con cariño, al diseño responsive que dedica más píxeles al contenido cuanto más estrecha es la pantalla, a partir de ahora, le vamos a llamar desktop last, ¿de acuerdo? (Si se me permite la incorrección política y el lenguaje grosero, una segunda opción sería fuck the desktop user.)

En fin. Disculpad la entrada exabrupto. En breve recuperamos nuestro tono habitual.