Los tuits de la semana (58, edición web)

Van pasando las semanas desde el último ‘tuits de la semana’, y toca edición recopilatorio de temas web, antes de que se pierdan en la inmensidad el océáno Twitter…

La noticia, desde luego, es el cambio pontecialmente sísmico provocado por el abandono de WebKit por parte de Google…

RT @brucelBy me: Hello Blink, the new engine that will power Opera’s browsers and Chrome henceforth http://www.brucelawson.co.uk/2013/hello-blink/

RT @antonello Chromium Blog: Blink: A rendering engine for the Chromium project http://bit.ly/17dDwzg al final parece que no habrá monocultivo webkit

from May 2010: «Dear Google: Please fork WebKit» (via @brucel) http://obm.as/16rilq6

:-| WebKit fracture puts a pinch on open-source browser efforts (Webware, CNET) http://obm.as/12tiRnd

RT @robertclariso RT ‏@softmodeling: RT @zef: Code Hard or Go http://hypercritical.co/2013/04/12/code-hard-or-go-home (on WebKit and forking in open source projects)

Contenidos en castellano, para que no se diga (pero, en serio, si te dedicas a esto y no lees inglés con facilidad, te lo estás perdiendo casi todo):

la webmaster academy de google, ahora en español http://obm.as/YkETJ0

HTML5 se sigue moviendo…

RT @iandevlin<hgroup> removed from the #HTML5 specification: http://lists.w3.org/Archives/Public/public-html-admin/2013Apr/0003.html (link via @cgiffard)

Y CSS, y las técnicas para trabajar con CSS, ni te cuento…

Working with flexbox (Adobe Developer Connection, via @webmonkey) http://obm.as/YYiqy5

RT @htmlboySimpletastic, a Sass-based grid framework by the talented @mrrocks: https://github.com/mrrocks/simpletastic

RT @p7rOnce you realise you can make a Bootstrap framework theme to make your site look like Geocities, this is inevitable http://divshot.github.com/geo-bootstrap

RT @brucel ptb/flexgrid: a flexbox-based CSS grid in 3.6k, non-flex browsers get fluid Bootstrap 3 layout, IE6, 7 fixed layout http://bit.ly/15ByJsk

@kazuhito CSS Architectures: Scalable and Modular Approaches http://bit.ly/13LnFow

RT @WPMigrations RT @speckyboy: Write less, do more: CSS Style http://ow.ly/jDHWE

BEM, la metodología de yandex para ‘desarrollar sitios de forma efectiva’ http://obm.as/11izp5e

LayoutIt! – Interface Builder for Bootstrap http://obm.as/15LwhQ3

Una gota de tipografía…

Why You Should Consider A Ligature Icon Font For Your Next Project http://obm.as/14p89mE

…una de usabilidad…

@brad_frost Usability Checklist http://userium.com/ This is fantastic.

…algo sobre diseño ‘touch’…

RT @kazuhito LukeW | An Event Apart: Designing for Touch http://bit.ly/16s5INe

…y una ración completa de accesibilidad:

RT @WPMigrations RT @speckyboy: Making accessible icon buttons http://ow.ly/jDHDw

YDN Blog: Accessible Data Tables http://obm.as/11PFEdT

RT ‏@UOCicommunity RT @AccessiQ: Part II of the ultimate accessible HTML and CSS checklist for developers is now live http://bit.ly/htmlcsschecklistpartii #a11y

RT @UOCicommunity RT @dennisl: Results of @WebAIM survey of #web users with #lowvision http://webaim.org/projects/lowvisionsurvey/ #a11y #stats #ux

RT @mundoaccesibleGuía Breve de Accesibilidad Web http://www.w3c.es/Divulgacion/GuiasBreves/Accesibilidad

Un poco de WordPress…

RT @WPMigrationsRT @wpengine: Free WordPress Framework Guide – Get a Rundown of the 7 Best | @wpmudev http://bit.ly/10sqsmu

QueryPosts.com . better WordPress code reference. via @WPMigrations http://obm.as/11kBfvT

Consejos para mejorar la seguridad de WordPress. via @qmarcos http://obm.as/ZHzSqU

…y, ya para acabar, una herramienta interesante:

Codassium, un editor de texto colaborativo más un chat de vídeo basado en WebRTC http://obm.as/10NHslc

Un día de estos, más.

¿A dónde ha ido mi tuit?

Visualización de la cadena de retuits de un tuit
El camino del tuit es inescrutable…

De interés, básicamente, para tuiteros populares y estudiosos del social media, Where Does My Tweet Go? responde, con precisión, a esa pregunta: ¿por qué un tuit se ha vuelto viral de golpe? Para los que tengáis decenas de miles de seguidores, conseguir que un tuit se retuitee docenas y docenas de veces, y que los enlaces que ponéis sean visitados hasta alcanzar magnitudes de efecto Barrapunto quizá no tenga más misterio, pero para el otro 99% las cosas no suelen suceder así y ver qué ha pasado puede resultar un ejercicio, cuando menos, curioso :-)

Cuotas post Blink

Nota 1. Si queda alguien que no se haya enterado de que Google ha decidido partir peras con Apple en el desarrollo de Webkit, lanzando su propia bifurcación del proyecto, bajo el nombre de Blink…

Nota 2. En un mundo perfecto, lo siguiente no debería tener absolutamente ningún significado. Los diseñadores y desarrolladores deberían desarrollar con estándares y prestando atención a todos los navegadores. En un mundo perfecto.

Nota 3. Los datos salen de netmarketshare.com. Para los navegadores ‘de escritorio’ los datos corresponden a España. Los datos ‘de móvil’ son globales. Y sí, la fiabilidad de este tipo de mediciones es la que es, pero no disponemos ni vamos a disponer de nada mejor.

Lo bueno, en los dispositivos

La situación actual es esta:

Webkit tiene el 87.5% del mercado actual de motores para móviles, seguido de Presto con el 9.1%. El resto de motores no llega al 5%
Se parece mucho a la definición de monopolio, ¿no?

Y estábamos a punto de que el quesito rojo se juntara con el negro, lo que habría dado un monopolio que ya habría querido para sí Microsoft en el mejor momento de Internet Explorer 6… Los monopolios, como las dictaduras, suelen ser cómodos si se está del lado del ganador, pero matan la innovación y, a la larga, no acaban beneficiando a nadie (mande quien mande).

Haciendo unas cuantas suposiciones, la cosa podría quedar más o menos así…

Webkit queda en el 63.2%, Blink en el 33.4%
No es fantástico, pero da menos miedo

Las trampas que he hecho son notables, si vais a los números de netmarketshare.com: he supuesto que todos los Opera, y navegadores Android genéricos pasan mágicamente de Webkit a Blink, y eso no va a ser así. Tomad los números como una «proyección a medio plazo» que tiene en cuenta que hasta ahora la navegación en Android era mucho menor que en iPhone, pero que parece que la tendencia está cambiando. Pasamos de un «casimonopolio» que amenazaba con convertirse en monopolio en toda regla a un duopolio. No es mucho mejor, pero es algo menos malo…

¿Y en el escritorio?

Pues en el escritorio pasamos de algo como esto:

Trident tiene 3l 55.8%, Webkit el 21.8%, Gecko el 20.2% y Presto el 9.11%
Sí, aunque cueste de creer, parece que Internet Explorer sigue siendo el rey del mercado

a…

Trident se queda igual con el 55.8%, Gecko tampoco varía con el 20.2%, pero pasa a la segunda posición, Blink prácticamente empata con Gecko con el 18.2%, Webkit se desploma al 5.3% y la cuarta posición
El panorama general es básicamente el mismo, pero con jugadores diferentes…

En el escritorio los desarrolladores tienen básicamente el mismo panorama: un «muy grande», dos «grandecitos» y un pequeño (aunque a este pequeño, al menos de momento, no se le puede ignorar como a Presto/Opera, porque es mucho menos pequeño). Estos números, por cierto, son mucho más creíbles en el escritorio, donde los cambios de versiones se propagan mucho más rápido que en los dispositivos.

¿Y dónde queda Webkit?

Webkit está en una posición inatacable, al menos a medio plazo, en dispositivos. Pero en el escritorio ha pasado a ser el cuarto de la fila y, sobre todo, se ha quedado sin su «comitter» más dedicado (hace años que Google contribuye más código a Webkit que Apple. Si Webkit no quiere quedarse atrás (algo que, de nuevo, sería malo para todos) Apple tiene que, por un lado, meter más esfuerzos de desarrollo y, por otro, convencer a algunas compañías de que, primero, no salten a Blink y, segundo, que también aumenten su dedicación a la causa. ¿Cuáles son esas compañías? Adobe, Blackberry, Nokia… Apple tiene una papeleta curiosa, cuando menos.

¿Pueden los hackers ser héroes?


Un vídeo bastante interesante del fantástico Off Book. Los subtítulos en castellano, cortesía de un servidor (se aceptan sugerencias de mejora) :-)

Los tuits de la semana (57)

(Si las semanas tuviesen 40 días, claro.)

Diseño y desarrollo web

Social Share Privacy. «me gusta», «+1» y demás… que respetan la privacidad de tus usuarios http://obm.as/WVn6XO

De navegadores…

RT @brucel «IE11 to disguise itself as WebKit (and not Firefox!)» says ol’ @ppkhttp://mobilism.nl/blog/2013/03/ie11-to-disguise-itself

¿qué significa que un navegador «sea webkit»? http://obm.as/XI1MVS

imprescindible Anil Dash sobre el riesgo de que tu navegador dependa de Apple+Google o Microsoft http://obm.as/ZSZ1OR

Un poco de WordPress y sus problemas…

RT @WPMigrations RT @wptavern: Dire state of WordPress https://news.ycombinator.com/item?id=5407879 not full of bashing and the comments are good reading.

¡Herramientas!

Mozilla Shows Off Powerful New Developer Tools for Firefox (Webmonkey) http://obm.as/YEqmDs

RT @rakelka Getting Started with Sass http://www.sitepoint.com/getting-started-with-sass/

webplatformtools.org

Rendimiento…

#performance Making the Mobile Web Faster (ACM Queue) http://obm.as/XpP2jU

Ars Technica cuenta que lo que ha presentado CloudFlare hoy sobre optimización web podría estar muy bien… http://obm.as/WoWwmy

Movimientos en el W3C…

RT @html5_yoda The <picture> element the future is, published as a working draft it has been: http://www.w3.org/TR/html-picture-element/

RT @webaxe New W3C rough Draft: Easy Checks – A First Review of Web Accessibility http://www.w3.org/WAI/EO/Drafts/eval/checks #CSUN13 #a11y

..y ya que hablamos de accesibilidad…

RT @UOCicommunity RT @webaxe How to use #NVDA and #Firefox to test your web pages for accessibility: http://bit.ly/X0YCeC #a11y #testing

Tipografía…

Timepiece Rounded is an OpenType-Font, which displays time as an analogue timepiece http://obm.as/WOYph3

RT @stereochromo Symbolset uses font magic to change words into icons. Made with love for computers and people • http://symbolset.com

Typeplate, a typographic starter kit. We define proper markup with extensible styling for common typographic patterns http://obm.as/WAQnE1

Mal diseño…

va a ser que no todo era culpa de flash, al final: 14 lousy web design trends that are making a comeback http://obm.as/YsmWDH

Para reir un rato…

RT @WPMigrations RT @speckyboy: Awesome: The 11 Phases of a Web Developer’s Career (As Illustrated by Memes) http://ow.ly/jmQze

Un montón de charlas interesantes…

RT @w3cConf Missed #W3Conf or the live stream? Check out our videos, available on YouTube (Vimeo and SitePoint coming soon) http://www.w3.org/conf/2013sf/video.html

…pero me quedo con esta:

la genial charla de @omixam en el #webcat sobre esqueuomorfismo ya está en @MosaicUOC http://obm.as/X9obOa

Seguiremos hablando de Reader

Bees, sobre el cierre de Reader y su riesgo para los editores, en TechCrunch. comparto su inquietud… http://obm.as/ZmkYbD

Paul Krugman sobre el cierre de Google Reader (via @koalillo) http://obm.as/10dheYM

Tiny Tiny RSS, otra posible alternativa a Google Reader http://obm.as/YxSSe6

¿alguien ha probado NewsBlur como sustituto de Google Reader? http://obm.as/sXAOzs

RT @koalillo En el blog, unos primeros pasos para crear una web móvil para Normandy, el clon de la API de Google Reader de Feedly http://alex.corcoles.net/2013/03/amigo-lector/

Magnet.io (aún no lanzado) podría ser una buena alternativa a Google Reader… http://obm.as/ZwHi1f

#longreads de tecnología

Big data, Open Data, Open Source…

RT @UOCeimt El NYTimes sobre las posibilidades del #bigdata #opendata para las #smartcities: http://ow.ly/jpXkJ

RT @UOCeimt La UE estrena su portal de datos abiertos: en beta y con +6000 BBDD. http://ow.ly/iyq3j via @_opendata #opendata

pieza de opinión en wired sobre la ‘revolución github’ http://obm.as/10q97cc

RT @BBHLabs The city of Chicago is now on #Github https://github.com/Chicago The first of many #OpenSourceCities ?

Historia de miedo sobre seguridad:

RT @robertclariso RT @arstechnica: How I became a password cracker http://ars.to/ZD9v4Y

Dichoso DRM:

RT @brucel The DRM graveyard: A brief history of digital rights management in music http://red.ht/ul12lo Time to get this out again

@cshirky DRM isn’t for preventing copyright violations. It’s for giving content providers leverage over playback devices. http://goo.gl/FT3I3

Con lo que habéis soñado cada vez que habéis ido de conferencia:

¿un estadio con wifi para 68,500, a 20 megabits *por usuario*? el futuro estadio de los #49ers, claro http://obm.as/YSi12d

Golosinas visuales

RT @softmodeling RT @jonnyauk: Amusing client comments turned into posters – how many of these have you heard? http://www.boredpanda.com/sharp-suits-worst-client-comment-posters/

indie + helvetica y diseño suizo. lo más gafapasta que vas a ver hoy… http://www.swissted.com

:-) Movies reimagined for another time & place http://obm.as/YgP2Tg

RT @xeotico Scientists Minimalist Posters – Fubiz™ http://www.fubiz.net/2013/03/06/scientists-minimalist-posters/

…y una lección de arquitectura

Mies van der Rohe y su legado en Chicago. arquitectura con mayúsculas http://obm.as/11POzyf

¡Feliz puente!