Los tuits de la semana 2.12

El tema del mes

Sí, lo de Horizons y Plutón nos ha tenido bastante entretenidos…

RT ‏@qntm New Horizons is now transferring the ~40Gb of data it gathered at Pluto back to Earth
at ~1kbps
for sixteen months

RT @newsycombinator Why It’ll Take New Horizons 16 Months to Send Us This Week’s Data http://gizmodo.com/why-itll-take-new-horizons-16-months-to-send-us-this-we-1717769317

RT @vruba One more thing. This mission – launch, payroll, everything – for deep research into the solar system, cost as much as two Navy F-35C jets.

Aunque no es Horizons todo lo que explora por el sistema solar…

Efemérides

Uno…

Dos…

Tres…

Y una un poco más modesta…

Los de diseño y desarrollo web

Un par de demos…

hoy, en la lista de demos javascript “más cute imposible”, el dragón que estornuda. mooooola :-) http://codepen.io/Yakudoo/full/yNjRRL/

¿hemos visto ya todos la demo del león y el ventilador? sí, ¿no? http://codepen.io/Yakudoo/pen/YXxmYR

Un par de cosas a leer con calma…

Things to Know When Making a Web Application in 2015 http://blog.venanti.us/web-app-2015/

It’s 2015 — You’d Think We’d Have Figured Out How To Measure Web Traffic By Now http://fivethirtyeight.com/features/why-we-still-cant-agree-on-web-metrics/

13 tips for making responsive web design multi-lingual http://responsivenews.co.uk/post/123104512468/13-tips-for-making-responsive-web-design

interesante: The Debate Around “Do We Even Need CSS Anymore?” https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/

¿Cuál será el efecto de WebAssembly sobre JavaScript? http://radar.oreilly.com/2015/06/javascript-shares-its-ubiquity.html

Dos para ver con calma…

RT @UOCeimt La última charla #webcat en @MosaicUOC: Prototipos, animación e interacción http://j.mp/1evq6Gy

RT @MosaicUOC Vídeo del último @webcatBCN en el que @tomascornelles explica los Web Components http://bit.ly/1HaMSR8

Alguna herramienta…

mola, el ‘Mobile Checker’ del W3C: http://validator.w3.org/mobile-alpha/

the Ffffallback bookmarklet makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully http://ffffallback.com/

bastante verde todavía, pero interesante: Photoshop gets an open source, HTML5-based interface for app design http://arstechnica.com/gadgets/2015/06/photoshop-gets-an-open-source-html5-based-interface-for-app-design/

Para leer con calma

The big problem we face isn’t coordinated cyber-terrorism, it’s that software sucks (via @ellaing via @antonello) https://medium.com/message/why-the-great-glitch-of-july-8th-should-scare-you-b791002fff03

Hacking the Humanities http://www.newyorker.com/culture/culture-desk/hacking-the-humanities

ojo, peligro: “EU plans to destroy net neutrality by allowing Internet fast lanes” http://arstechnica.com/tech-policy/2015/06/eu-plans-to-destroy-net-neutrality-by-allowing-internet-fast-lanes/


A ver si volvemos a regularizar un poco el ritmo de publicación por aquí y la próxima vez es dentro de menos de cuatro semanas…

Los tuits de la semana (60)

Dos meses después de la última entrada, rompo una autopromesa (que no se me acumulasen dos “tuits de la semana” en portada) para demostrar que obm sigue vivo (aunque por poco :-S). Que quede claro que tampoco es que me haya pasado dos meses sin tocar un teclado. Un ejemplo, en dos capítulos:

¿aquello que escribí sobre Bletchley Park? hoy, la primera parte en castellano, aquí: http://obm.as/16ASYCJ

RT @UOCeimt Bletchley Park: las máquinas de Lorenz y Colossus http://j.mp/1bbo0IK Hoy en @InformaticaMM

Pasemos a cosas menos egocéntricas. Como las últimas virguerías de las gráficos por ordenador…

magia negra… RT http://www.cs.ubc.ca/labs/imager/tr/2013/SimpleLensImaging/

RT @MosaicUOC Lucasfilm dice que los motores de videojuegos sustituirán el proceso de posproducción en las películas http://j.mp/1fqaR0o

#magianegra o.O RT @jkottke This image editing software is like magic: http://kottke.org/13/09/manipulating-objects-in-photos-in-3d

Unas cuantas lecturas sobre internet…

RT ‏@antonello El día que una foto suya embarazosa se hizo viral http://bit.ly/1byixbP hasta que no te toca no te haces idea de lo que supone

RT @UOCeimt ¿No hay galleta? Google trabajando en una alternativa a las cookies http://j.mp/168Wv0D

el NY Times. sobre la NSA. hace *30* años. http://obm.as/14xCuxR

Por si a alguien le entran ganas de “borrarse” después de tanta lectura:

A directory of direct links to delete your account from web services. http://justdelete.me

Otro tema de estos meses (casi eterno, ya) es lo de los niños y la programación…

+1 RT @koalillo No estoy de acuerdo, pero tampoco en total desacuerdo- y el tema también me obsesiona http://www.coding2learn.org/blog/2013/07/29/kids-cant-use-computers/

Relacionado:

#mustread “software engineering was created to produce software with sub-par programmers”. brutal, via @softmodeling http://obm.as/13UGF8T

Y un poco de inspiración visual, como de costumbre, para cerrar:

RT @WFMU 20 Every Movie Poster Saul Bass Ever Made: http://www.film.com/photos/every-saul-bass-movie-poster-gallery ht @coudal

Chema Madoz, regar lo escondido http://obm.as/16lXuUg

Los tuits de la semana (59)

Lo de ‘semana’, cada vez entre más comillas… pero ahí van los tuits más interesantes que han salido últimamente de @chechar

De historia y efemérides

RT @C_64 Goodbye, Lotus 1-2-3. http://www.zdnet.com/goodbye-lotus-1-2-3-7000015385/

RT @C_64RT @photonstorm: Dave Needle and the Story of the Amiga Computer http://bit.ly/16z2fzs

el atractor de Lorenz (y por tanto el caos, (al menos como concepto científico ;-))) cumple 50 años http://obm.as/10CJ9QH

la lección de historia de hoy: Colossus @ The National Museum of Computing, Bletchley Park (YouTube) http://obm.as/11FesPl

RT @UOCeimt Para recordar con nostalgia y reírse un poco: anuncios de tecnología de los años 80 http://j.mp/17mJZuo

RT @UOCeimt llegamos 3 días tarde a la celebración del 65 aniversario del 1er programa almacenado en la memoria de un ordenador http://j.mp/1cbclEK

RT @UOCeimt 10 ordenadores colosales que cambiaron la historia de la informática (via @JosepJorba) http://j.mp/1264Az4

RT @UOCeimt Un mapa de todo internet en 1977 (via @WPMigrations) http://j.mp/1aQhhCN

…con un espacio especial para Douglas Engelbart…

RT @waxpancake Douglas Engelbart has passed, leaving our world transformed. Watch him introduce the future of computing in 1968: http://dougengelbart.org/events/1968-demo-highlights.html

RT @waxpancake Bret Victor on Doug Engelbart. http://worrydream.com/Engelbart/

el homenaje de xkcd a Doug Engelbart (gran url accidental, por cierto) https://xkcd.com/1234/

De desarrollo web

o.O Google’s Blink team pulls 8.8 million lines of WebKit code in one month http://obm.as/185pZZV

Va de WordPress…

Running WordPress on Google App Engine http://obm.as/12HkX2C

RT @WPMigrations RT @wpmudev: The Quickest Way to Create Custom #WordPress Queries – http://wp.mu/2or by @pollyplummer

.@dreamhost se apunta al juego del hosting especializado en wordpress http://obm.as/10OBCTE

RT @WPMigrations RT @wptavern: http://GenerateWP.com – Useful WordPress Code Generators

Adminer plugin, un gestor de MySQL dentro de WordPress http://obm.as/19CWLSX

RT @WPMigrations RT @wpblackbelt: 10 Things To Look For When Choosing a New WordPress Theme http://ow.ly/mHFJE

Adobe Brackets apunta maneras:

RT @leebrimelow Check out a video of my responsive design tool for Adobe @brackets. I showed this last week during the #MAXSneaks – http://www.leebrimelow.com/responsive-design-with-adobe-brackets/

RT @bomberstudiosOpening PSD files in Bracket code editor: my jaw just dropped to the basement https://www.youtube.com/watch?v=xAP8CSMEwZ8

Y otra herramienta a tener muy en cuenta:

(mac & windows) Prepros: Compile less, sass, scss, stylus, cofffeescript and more with live browser refresh. http://obm.as/10KArEk

Virguerías JavaScript:

ClippyJS es… exactamente lo que parece (si eres lo suficientemente viejo y geek como para recordar a Clippy) http://obm.as/10WGqWq

jemul8 is… an object-oriented JavaScript x86 Emulator o.O http://obm.as/1aeS8Ne

RT @waxpancake ScummVM was ported to JS with Emscripten! Loom, Maniac Mansion, Monkey Island in the browser: http://clb.demon.fi/html5scummvm/dott/dott.html (Audio’s Firefox only.)

Voyeur is a tiny JS library that lets you transverse and manipulate the DOM as it should have been (via @elecash) http://obm.as/12kRk4W

Y para aprender a hacer virguerías con JavaScript,

RT @softmodeling RT @speckyboy: JSbooks – Directory of Free Javascript Books http://ow.ly/lSTd1

…y para hacerlas un poco más fácil…

RT @qmarcos TypeScript 0.9 has been released: http://blogs.msdn.com/b/typescript/archive/2013/06/18/announcing-typescript-0-9.aspx

Dos de Google Analytics:

RT @WPMigrations RT @newsycombinator: Use Google Analytics on your blog? Check your bounce rate http://j.mp/175kttc

RT @EdgeAnimate Google Analytics introduces new A/B testing & allows server-side variant selection: http://bit.ly/120glbf

Algo que muy probablemente no sabías de HTML5:

Mastering HTML5 Prefetching http://obm.as/11tPKCX

RT @brucel The <main> element, explained by @html5doctor @Rich_Clark http://html5doctor.com/the-main-element/ #html5 #a11y

Algo de ‘responsive’:

truquillos para imágenes responsive http://obm.as/11RiVhZ

CSS only responsive navigation http://obm.as/11AXmPO

Algo de accesibilidad:

RT @UOCeimt la BBC publica el borrador de su guía de accesibilidad móvil http://j.mp/11I8gC8

Y unas cuantas lecturas para tomárselas con calma:

#mustread why it’s time to rethink visual storytelling on the web from the bottom up http://obm.as/189vmYd

I have a problem with intuitive interfaces. My problem is that I keep talking about them as if they exist. They don’t http://obm.as/10Bx27N

How people read online: Why you won’t finish this article (Slate) http://obm.as/14EjWrj

#must Making WebGL Dance. or How I Learnt to Stop Worrying and Love Linear Algebra (necesita WebGL y CSS3) http://obm.as/16PhkxO

De seguridad

Think Skype messages get end-to-end encryption? Think again. Ars catches them accessing links sent in test messages http://obm.as/10mrAJg

RT @UOCeimt Cómo almacenan los navegadores web tus contraseñas (y por qué no deberías dejarles hacerlo) http://j.mp/14dHxjz

Para perder horas y horas

RT @katskii Google Trends – what people are searching for right now http://www.google.com/trends/hottrends/visualize?nrow=15&ncol=15 This is hypnotising!

Tetris Printer Algorithm. lo más nerd que vas a ver hoy. ¡me encanta! (vía @C_64) http://obm.as/13jFQlR

RT @sitepointdotcom You are about to view the best 404 page that I’ve ever come across. http://masswerk.at/404 ^hawk

De cacharritos

¿he dicho ya que *quiero* este ebook? http://obm.as/YOhQGF

por si alguien quiere ir haciendo lista para mi cumpleaños (o el de @cottonfieldsbcn, que también le gustaría) http://obm.as/13BK5JA

La exposición que tenéis que ir a ver

RT @robertclariso Todo este aparato sólo para almacenar… 1 byte RT ‏@UOCeimt: IBM a principios de los 60. Espectacular… #FeliciTICS http://ow.ly/i/2bUDl

Aunque no es la única…

un día de estos, más y mejor, pero mientras tanto, unas cuantas fotos del domingo en Bletchley Park http://obm.as/17JlgQq

Los tuits de la semana (56)

Llevaba tanto tiempo sin limpiar de enlaces mi cuenta de Twitter que la cosa se me ha acumulado bastante. Me quedo sólo con las cosas relacionadas con diseño y desarrollo web…

Una herramienta a probar:

John Nack on Adobe : Come download Reflow, Adobe’s new responsive-Web design tool http://obm.as/12TxPpo

HTML:

Introducing the New HTML5 <main> Element http://obm.as/X2rWPE

CSS:

RT @WPMigrations RT @devseo: http://is.gd/vCSogm – Roole – A Language that Compiles to CSS

CSS Explain (una especie de calculadora de especificidad) http://obm.as/YsJPgh

GitHub’s CSS Performance (via @lucascepeda) http://obm.as/V4Ctep

SMACSS: Scalable and Modular Architecture for CSS. A flexible guide to developing sites small and large. http://obm.as/UNqFi3

En algún momento me preguntaron por dónde empezaría si tuviese que ponerme a aprender HTML y CSS hoy. Mi respuesta en dos tuits:

yo recomiendo tomar el tiempo de seguir http://mosaic.uoc.edu/ac/le/es :-)

…pero probablemente comenzaría por http://learn.shayhowe.com/html-css/ si el inglés no es problema

Accesibilidad:

RT @EasyChirp Excellent! Accessible University 2.0, fictional pages to teach web accessibility http://www.washington.edu/accesscomputing/AU/ HT @webaxe @pauljadam #a11y

Accessible HTML5 Media Players and More http://obm.as/14FtzIo

RT @kazuhito Manual Accessibility Testing as Part of Your 360˚ Approach to Web Testing http://bit.ly/Vinaxc

JavaScript:

Introducing Collie: A high-performance animation library for JavaScript http://obm.as/YaLqAW

Numeric Javascript. cálculo numérico en javascript. #yalohevistotodo #cuandoyoerajovenestosehacíaenfortran77 http://obm.as/VQfx1c

#muyinteresante cgSceneGraph is a powerful cross-platform easy-to-use animation framework for <canvas> (via @juanfrasr) http://obm.as/UXfOVd

Mistakes is a tool for teaching Javascript to people, mostly on projectors. http://obm.as/127IeJf

emulador de 6502 en javascript o.O http://obm.as/126Deon

MathBox is a library for rendering presentation-quality math diagrams in a browser using WebGL http://obm.as/10DQ8tj

PolyCrypt: A WebCrypto API Polyfill In JavaScript Funded by the US Department of Homeland Security http://obm.as/TszIXe

Developing in HTML5 with JavaScript and CSS3 Jump Start – Microsoft Virtual Academy /via @rakelka http://obm.as/102D804

Audio5js is a library-agnostic, cross-browser Javascript API for HTML5 Audio, with a Flash fallback http://obm.as/V9qujj

Form Follows Function. preciosos experimentos ‘HTML5’ http://obm.as/W0Z0Iu

*muy* chulo, Flowtime.js, para hacer presentaciones con soporte web. de @marcolago, via @xeotico http://obm.as/UX3X6c

BLK, a voxel world tech demo. con el código abierto en github http://obm.as/ZaGGkX

WordPress:

de cero a WordPress corriendo sobre Amazon Web Services EC2 via @antonello http://obm.as/Wbehrg

RT @WPMigrations RT @FreelanceWP: FAQ My site was hacked « WordPress Codex http://su.pr/1TN3Z9

bastante buena pinta: >Generate WP provides tools for developers to create advanced systems built on WordPress. http://obm.as/Wx5EZn

#omg se cumplen DIEZ años (y un día) de la entrada de blog de la que saldría una pequeña herramienta llamada #WordPress http://obm.as/W4PtCR

.htaccess codes to secure your WordPress site (via @WPMigrations) http://obm.as/VWipMv

De interfaces:

interesante concepto en diseño de interfaces: Progressive Reduction http://obm.as/XRKOSZ

Sobre la muerte de Presto (protagonista de nuestra anterior entrada):

Bruce Lawson on Opera’s Move to WebKit http://obm.as/VVi5eo

RT @brucel Please don’t remove -o- vendor prefixes (very few: http://bit.ly/12xrQCi ) Presto browsers will still be in market for a while in TV, cars

RT @sideshowbarker Wondering whether browser-engine diversity really matters? It does: http://robert.ocallahan.org/2013/02/and-then-there-were-three.html Today’s news is a loss for the Web, not a win.

RT @jaffathecake You probably underestimated Presto – Some waffling about the Opera announcement https://plus.google.com/116237864387312784020/posts/iRRPVaaPQvo

Puñetitas personales:

con todo el respeto por A List Apart (o no), pero si usas <p class=”question”>, ¿para qué tienes RSS, si va a ser inusable?

De tipografía:

RT @aza Googling for “kerning” gives a funny hidden joke for typography geeks: https://www.google.com/search?q=kerning

(tentado de usar el polyfill *ya*) Adobe Proposes New Standard for Better Web Typography http://obm.as/X08NRE

Grid­lover. Scale & Rhythm for Your Web Type http://obm.as/VQicto

gran charla de Jason Santa Maria introduciendo el tema de la tipografía en la web http://obm.as/V3WWnz

Los tuits de la semana (55)

(Última edición de 2012. Con lo de “semana” entre comillas, como casi siempre…)

Los de diseño y desarrollo web

Progressive jpegs: a new best practice (via @WPMigrations) http://obm.as/UvLduA

Interactive Guide to Blog Typography http://obm.as/YkkSD5

Better Web Typography with CSS Hyphens (webmonkey) http://obm.as/11eF1Jm

redondeos, responsive y floats relativos al contenedor. via @brucel http://obm.as/UOj7Zz

Firefox para Android comienza a soportar H.264 (Ars Technica) http://obm.as/Ydpxrq

Parallax Scrolling @ the BBC (interesenante aunque odies las páginas parallax) http://obm.as/111JBvx

RT @RobertoTbts Ya conocen #Animatable de @LeaVerou ? One property, two values, endless possiblities – http://goo.gl/bvVwp #CSS

RT @softmodeling RT @newsycombinator: 10 Easy Things All Web Developers Should Do For Accessibility http://j.mp/YoIfH6

Herramientas:

Moonbase es una herramienta visual para hacer pequeñas animaciones web… #apuntamaneras http://moonbase.com

Fontello – easy icon font composer (via @carlescv) http://obm.as/ZPmeWV

#cosasaprobar #noséyo… in5, un exportador de InDesign a HTML+CSS http://obm.as/TWw8iG

Demo: New CSS export from Photoshop CS6 (no sé yo si será buena idea…) http://obm.as/T7uUCq

Cosas que se pueden hacer con la web:

RT @nytgraphics Just published the full version — all six chapters — of Snow Fall: The Avalanche at Tunnel Creek http://nyti.ms/VcnGuQ

¿qué pasa si le añades un poco de física a una página web? :-D http://obm.as/UW2zRU

parece ser que se acerca WebRTC y la comunicación p2p entre navegadores http://obm.as/TDHbjp

Liviz.js (JSViz). visualización de grafos en vivo y en JavaScript http://obm.as/SwaR0m

De JavaScript y similares:

Ejecta is a fast, open source Canvas+Audio iOS implementation. Think of it as a browser that can only display a canvas http://obm.as/YCrUP8

The Best Way to Learn JavaScript (via @nahuelsotelo) http://obm.as/Yd7hcb

se me acaba de fundir el cerebro. estamos a uno o dos ciclos de moore de… http://scriptedamigaemulator.net

Para leer con calma

Designing for the social customer – confused of calcutta http://obm.as/WQsn4u

Ars Technica: The music industry dropped DRM years ago. So why does it persist on e-books? http://obm.as/Zv8stL

Why You Should Want to Pay for Software, Instagram Edition (Alexis C. Madrigal, The Atlantic, via @WPMigrations) http://obm.as/V4BgVs

Google’s Lost Social Network. The sad, surprising story of Google Reader. http://obm.as/Z93uBw

68 años de la muerte de Paul Otlet, uno de los visionarios que imaginó una web en los años 30 http://obm.as/RkNpX6

Any password-reset system that will be acceptable to a 65-year-old user will fall in seconds to a 14-year-old hacker. http://obm.as/YxPOzx

cuando el coche viene con una API. *muy* interesante (Ars Technica) http://obm.as/SnjQAP

El cacharrito

*muy* interesante, el prototipo de YotaPhone con su segunda pantalla de tinta electrónica hreflang=”en”

El navideño

vale, el año que viene si pongo árbol de Navidad en casa… http://obm.as/12MUeCk

Y el audiovisual de cierre

(Que esta vez nos ha salido un poco largo, aunque lo merece…)

RT ‏@rakelka La magia del montaje, un documental sobre la edición de cine http://vimeo.com/54383151