Los tuits de la semana (51.4)

Seguimos vaciando tuits… Esta vez toca recuperar temas tecnológicos…

Cacharritos que hay que recordar

The Verge homenajea el 20º aniversario de uno de los grandes clásicos del diseño universal: el ThinkPad http://obm.as/SCfZkA

The Verge le dedica un episodio de la serie Status Symbols a la Palm V :-) http://obm.as/SljM7T

3.5, 5.25 y hasta 8″ (¡yo llegué a usarlos!): The History of the Floppy Disk http://pocket.co/s8FSy

clásicos del diseño: la HP-35 http://j.mp/MOz3tU

Y ningún cacharrito merece más ser recordado que el Commodore 64 :-):

The Verge le dedica un artículo a los 30 años del ordenador más vendido de todos los tiempos :-) http://j.mp/Q9QN3o

Ars Technica: Three decades of the Commodore 64 http://j.mp/ONr3uJ

se cumplen 30 años del lanzamiento comercial del modelo de ordenador más vendido de todos los tiempos :_) http://j.mp/MlOvj3

Cacharritos que a lo mejor recordaremos en el futuro

¿ordenador de 100 dólares? atención a lo que regala una revista… (en tirada *muy* limitada, eso sí) http://obm.as/PztE7v

Sharp begins production of 1080p smartphone displays: 443 ppi crammed into a 5-inch LCD (Engadget) http://obm.as/QiPONs

en wired han probado el Tesla Model S, el sedán eléctrico de 400 caballos de potencia http://obm.as/OlDdfu

IBM’s last processor: 5.5GHz, 32nm technology, *7.68* miles of wire http://obm.as/Rk3K7i

Efemérides

1 de octubre:

Hoy hace 30 años se puso a la venta el primer CD. Pocas tecnologías han triunfado tanto. Y menos aún se han pegado un batacazo similar

24 de septiembre:

Compuserve se lanzó hoy hace 33 años justos… http://obm.as/PglYbs

…23…

hoy hace 4 años del anuncio del sdk 1.0 de android. feliz cumpleaños, android http://obm.as/QsLddo

…19…

hoy hace treinta años del nacimiento de dos de los símbolos más útiles: :-( y :-). felices 30, smiley http://obm.as/Ppr9XE

…20 de agosto…

RT @NASAJPL 35 years ago today, Aug 20, @NASAVoyager launched. Get an update from the edge of the solar system: http://1.usa.gov/NXNqsS

…y 14 de agosto:

RT @ComputerSociety The IBM PC AT, with its 6 MHz 80286 processor, was launched on this day in 1984. http://bit.ly/MnhCRO

Tuits marcianos

A principios de agosto me puse bastante pesadito con la Cutiosity y su «aterrizaje» en Marte (¿amartizaje?)…

RT @MarsCuriosity Eye in the Sky: MRO’s @HiRISE camera caught this shot of me & my parachute during landing at Mars #MSL http://twitpic.com/ag8j1w

a michael bay no se le habría ocurrido jamás. Curiosity’s Seven Minutes of Terror http://j.mp/NXaixc

RT @GreatDismal Curiosity keepsake http://www.youtube.com/watch?v=wnG-rFFpP8A&feature=youtube_gdata_player

Para leer con calma

BBC News: art project that helps ageing computer write love letters wins award for best computer conservation project. http://obm.as/TdAFfq

crítico, bien informado y no-negacionista: A Tablet Still Is Not a Book … Not Yet (UX Magazine) http://obm.as/Sb4lJB

Internet infrastructure isn’t a waste of energy (The Verge) http://obm.as/PdjD0Z

35 years of personal computer market share (Ars) tldr: PCs: Altair TRS-80 C64; móviles: Symbian Android; tabletas: iPad http://j.mp/OWuifz

Y una golosina visual

RT @aza Yes, NASA did just win at time-lapse photography.

Los tuits de la semana (51.3)

Cerramos los tuits sobre diseño y desarrollo web…

Lecturas con calma

RT @softmodeling RT @joelgascoigne: «The Improved New User Experience That Wasn’t» http://buff.ly/ThEeB3 by @cindyalvarez

del HTML5 como forma de saltarse al intermediario al vender apps. último caso: el NY Times (The Verge) http://obm.as/SkF8Ch

Design Principles Behind Firefox OS UX http://obm.as/VMjBk2

A Front End Engineer’s Manifesto (by @zachleat) http://obm.as/Qgn9ts

«Believe it or not, IE 4-6 is heavily responsible for web development as we know it today» http://j.mp/Py2djp

RT @kazuhito: Latency: The New Web Performance Bottleneck – http://bit.ly/MM1VhY

RT @kazuhito Judging CSS / Spotting Bad Code | CSS-Tricks http://bit.ly/NwO6ap

Efemérides

Del 24 de septiembre:

llego tarde: Phoenix 0.1, la primera release de una notanpequeña revolución llamada firefox, cumple diez años http://obm.as/SNOzEH

(Llegaba tarde porque la cosa fue un 23 de septiembre, de hecho.) Del 16 de agosto:

RT @thinkgeek Today in Geek History: Microsoft released Internet Explorer 1.0 in 1995. Give a web designer a hug today.

…y del 7 de agosto:

Aug. 7, 1991: Ladies and Gentlemen, the World Wide Web (This Day In Tech | Wired) http://j.mp/OWdbwC

Cajón de sastre

Me rindo. Ya no sé cómo calsificar lo que me quedaba…

RT @IBMAccess Guidelines for creating accessible websites and web applications from #IBM http://bit.ly/HtiId #accessibility #developers

un montón de cosas que yo no sabía que las DevTools de Chrome hacían http://obm.as/PXLhPN

el último xkcd les va a encantar a todos aquellos que necesiten ilustrar una charla sobre malas interfaces http://xkcd.com/1116/

Peak Chrome? Google’s browser falls as Firefox, Internet Explorer stay flat (Ars Technica) http://obm.as/RwJeEF

esta imagen del proceso de diseño y desarrollo web (del #CreateTheWeb de hoy de Adobe) es imprescindible :-) http://yfrog.com/ocvzpxtcj

RT @lamuyirene curated list with the best web fonts from google #fonts http://www.bestwebfonts.com via @webdesignshock

Breaking Good Habits (an excellent talk by @csswizardry on best practices) http://j.mp/PgytXA

Y una golosina

The Art of Web Design (PBS | Off Book)

Mañana, más tuits, pero prometo cambiar de tercio :-).

Los tuits de la semana (51.2)

Seguimos con el bombardeo de tuits atrasados… Hoy, más cosas de diseño y desarrollo web…

Demos y ‘making of’

el iPod de primera generación, rehecho… en HTML, CSS y JavaScript o.O http://obm.as/SCu81s

iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> http://obm.as/S7msnB

los juegos HTML5 de Atari/Microsoft… se crearon con Flash y CreateJS http://j.mp/NOWCoV

Multidispositivos

The Current State Of Remote Debugging For Mobile Remote… http://obm.as/WkELpP

RT @martuishere If you still think responsive design is not ready for big sites, check the new http://microsoft.com, and think again ;)

RT @iheni Listen up mobilistas: top article by @dstorey on how the rest of the world view your site. iOS is not the only fruit http://tmblr.co/ZtkSywTI2QYZ

RT @softmodeling RT @jgfanjul: Standards for Web Applications on Mobile: current state and roadmap. http://www.w3.org/2012/08/mobile-web-app-state/

.@brucel on the publication of Editor’s draft of the <picture> element http://j.mp/Q3TGD2

RT @brucel HTML Responsive Images Extension http://bit.ly/SO4JkR (I’ve got a little tear welling up: http://bit.ly/uSVw0A) #html5

#javascript Remote Debugging on Firefox for Android http://j.mp/MZAtnv

*muy* bueno: Beyond Media Queries: Anatomy of an Adaptive Web Design (by @brad_frost) http://j.mp/OXxv0A

WordPress

Responsive Images With WordPress’ Featured Images (Smashing Mobile) http://obm.as/VekB1e

¿cómo no me habíais informado de la existencia de Debug Bar para WordPress? http://obm.as/UTeONn

Theme-Check. A simple and easy way to test your theme for all the latest standards and practices http://obm.as/TYOIGq

…y estándares

The Page Visibility API lets you know when a webpage is visible or in focus http://obm.as/SqfdsO

W3C Unveils Plan to Finish HTML5 in 2014 (Webmonkey) …y escindir un HTML 5.1… http://obm.as/Uu4wUG

Adobe’s CSS Shaders Now an Official Web Standard (Webmonkey) http://obm.as/TWl4lb

A List Apart: Learning to Love the Boring Bits of CSS (rems, vh, nuevas pseudoclases…) http://j.mp/PzmNxA

Mandatory reading: RT @brucel: My piece on @thepastrybox today is called «on sausages and standards»: http://bit.ly/QpwPCp

En fin. Suficiente por hoy. Mañana acabamos con los «tuits weberos»…

Los tuits de la semana (51.1)

Si creíais que os habíais librado de los tuits de la semana porque habían pasado tres meses desde la última edición… pues lo siento pero no. Como había que hacer un «decíamos ayer», me he pasado unas horas mirándome el ombligo releyendo tuits y preparando una batería de perlas (o no) que me parecían dignas de recuperar. Tres meses dan para bastante, o sea que lo partiremos en capítulos. Hoy tocan cosas de diseño y desarrollo web…

Webplatform.org

De lo que ha pasado en estos tres meses, claramente, lo que más ilusión me ha hecho ha sido el lanzamiento de WebPlatform.org. Dos tuits relacionados:

RT @WebPlatform http://WebPlatform.org Day 1 stats: * 86k visitors * 720k page views * 7K new users * 280 editors * 2,036 pages, 11K edits Thanks!

webmonkey: W3C Helps You Build a Better Web With ‘Web Platform Docs’ http://obm.as/R83JZ6

Typescript

Otro lanzamiento que se me antoja interesante es el de Typescript, un proyecto de código abierto de Microsoft que añade algunas características interesantes «en tiempo de compilación» a Javascript sin romper el estándard. Otros dos tuits de lo que se ha escrito sobre ello por ahí:

Thoughts on TypeScript http://obm.as/PY6bOE

Microsoft TypeScript: the JavaScript we need, or a solution looking for a problem? (Ars Technica) http://obm.as/VfC3E1

Adobe Edge

El tercer lanzamiento interesante de la temporada ha sido el de Adobe Edge. Primero, [algunos de] mis tuits del día de autos:

diez minutitos de sneak peek de adobe edge reflow http://obm.as/R0fluv

Adobe Edge Inspect no tiene mala pinta, para desarrollo web multidipositivo… http://obm.as/PBtXRp

la página de Adobe Edge Tools & Services ya está en línea http://j.mp/UrIijl

RT @cfjedimaster Adobe Edge Web Fonts, 500 free fonts. No wait, 500+. Oh, and its free. Boom. http://tinyurl.com/8unsbmb #createtheweb

Y la opinión de Bruce Lawson sobre el tema:

RT @brucel My thoughts on Adobe Edge http://www.brucelawson.co.uk/2012/thoughts-on-adobe-edge/ (prompted by @paulrobertlloyd)

Herramientas, bibliotecas y frameworks

Johnny-Five, a JavaScript Arduino programming framework http://obm.as/TqqKmw

BonsaiJS – A lightweight graphics library with an intuitive graphics API and an SVG renderer. http://obm.as/RiDWdO

riffwave.js is a tiny library that can be used to play synthesized sounds (Chome 9+, FF 3.6+, Opera 11+) http://obm.as/VndMdG

¿podría ser WebMatrix 2 ¡de microsoft! un buen editor gratuito de HTML, CSS (less y sass), PHP, node.js y más? http://obm.as/S6dGHw

jQuery Builder lets you easily build a custom version of jQuery v1.8.1 that just includes the modules you need http://obm.as/S5Xx3A

#canvas HTML5 Scratch Pad http://obm.as/NsyCXc

Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders a page. http://obm.as/Q9pvee

Toast is a simple CSS framework that includes a reset, a responsive grid, and type styles. Nothing more, nothing less http://obm.as/RoZ544

Mobify.js is an open source client-side web [node.js] framework that helps you adapt any website to support any device. http://j.mp/QhXwse

RT @kazuhito MediaElement.js – HTML5 video player and audio player with Flash and Silverlight shims http://bit.ly/voD2pK

Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable http://j.mp/RtQwJP

Illustrator to HTML5 Canvas Plug-In Updated for CS6 http://j.mp/ORNfnZ

Y una iniciativa interesante

Primero descubrimos «la versión original»…

cHTeMeLe – le jeu de plateau certifié HTML5 (via @htmlboy, habría que traducirlo, esto, ¿no? :-)) #webdev http://obm.as/PcGIFt

…y luego la «doblada» :-):

RT @UluleES @chechar @htmlboy ¡Hecho! :) http://es.ulule.com/chtemele/

Paro por hoy. Mañana, más.

Comprueba el estado de tu privacidad online con Privacyfix

A través de este artículo de Ars Technica me entero de la existencia de Privacyfix, una extensión para Firefox y/o Chrome que analiza tu historial de navegador y las cookies que tienes y te hace un informe de cómo está tu privacidad en la red…

El informe comienza con los dos grandes «cocos» de la red, Facebook…

Captura de pantalla de la información de privacidad de Facebook que obtiene Privacyfix. Afirma que Facebook recibe información del 90% de páginas que visito y que mi valor estimado para Facebook es de 42 céntimos de dólar
Ese 90% da bastante miedo, pero si todos los usuarios de Facebook tuviesen la misma valoración que yo, me da a mí que no habrian llegado a donde están

…y Google…

Captura de pantalla de la información sobre Google que obtenemos de Privacyfix. Según Privacyfix Google obtiene información del 46% de páginas que visito, y valgo para ellos casi 190 dólares anuales
Me siguen mucho menos, pero valgo muchísimo más para ellos. Será (es) que no paso mucho tiempo en Facebook…

Cada cual es, desde luego, libre de hacer caso de las advertencias y sugerencias que te hace la aplicación (en mi caso, se van a quedar así, entre otros motivos porque, puestos a ver anuncios, prefiero que tengan algo que ver con mis intereses). Las estimaciones del valor que tienes tanto para Google como para Facebook deberían consumirse con unas gotas de sano escepticismo. La cosa, eso sí, no se detiene ahí. El siguiente paso es un informe de los sitios que han recopilado algún tipo de información sobre ti:

Captura de pantalla de los sitios web que me están monitorizando
No son pocos, los sitios que tienen algún tipo de información sobre mí…

Pasando por encima de cada «favicon» Privacyfix nos informa de cuáles son las políticas de cada sitio:

Captura de pantalla en la que se muestra cuáles son las políticas de un sitio en concreto
Como podéis ver, siendo estrictos casi nadie está absolutamente libre de pecado (aunque si de alguien te puedes fiar en la web es de Mozilla, la verdad)

Finalmente, Privacyfix te hace un listado de las compañías que acumulan la información recogida por los sitios web que visitas:

Listado de las empresas citadas en el texto
Apenas una docena (larga) de docenas…

De nuevo, pasando sobre cada «favicon» obtenemos información adicional:

Información específica de uno de los recolectores de información
Google tiene, como anunciante, la nota máxima en cuanto al tratamiento de la privacidad… algo que no puede decirse de la mayoría de compañías que saben algo de mí.

Resumiendo, Privacyfix es una de esas herramientas que, por un lado, uno debería instalarse para ser consciente de cómo está la cosa y, por otro, copncienciar a amigos y conocidos de lo mismo, a poder ser sin caer en alarmismos innecesarios (que con lo que realmente hay ya basta).