Etiqueta: webdev

Los tuitlinks de la semana (35)

(Editado a 2025.08.13 para arreglar algunos enlaces y eliminar los que ya no funcionan.)

Los de diseño y desarrollo web

La semana ha tenido bastante de responsive…

RESS: Responsive Design + Server Side Components https://www.lukew.com/ff/entry.asp?1392

RT @chrisdavidmills #standardsnext http://gridpak.com is really rather cool – useful tool for responsive prototyping

mobble: un plug-in WordPress que nos añade is_handheld(), is_mobile() e is_tablet(), entre otros… https://wordpress.org/plugins/mobble/#faq

WordPress goes mobile: responsive design comes to CMSes http://j.mp/A8EnaN

Algo de recursos para hacer publicaciones para dispositivos digitales…

RT @cottonfieldsbcn Aquafadas.com / bakerfrework.com (en html5 y Open Source) / magplus.com Alternativas a DPS #DeviceDays2012

Un poco de visualización…

PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development http://www.senchalabs.org/philogl/

Una gota de accesibilidad…

el lector de pantallas de Google para Chrome: http://www.chromevox.com/

El intento de Mozilla de hacer un dispositivo móvil con HTML y Gecko como interfaz única:

engadget: Mozilla Boot to Gecko hands-on (starring @codepo8!) https://www.engadget.com/2012-02-28-mozilla-boot-to-gecko-hands-on-video.html

Un poquito de programación

RT @QInteractiva Nuevo post en [Q]: JavaScript templating en jQuery con JsRender y JsViews https://q-interactiva.com/2012/02/javascript-templating-en-jquery-con-jsrender-y-jsviews/

Y el contreaejemplo definitivo de usabilidad:

Grandes hitos de la usabilidad…

Cuadro de diálogo. Pregunta si quieres cancelar. Las dos opciones que da son OK y cancel

Los geek

Raspberry Pi $35 miniature computer now on sale, $25 model going into production ‘immediately’ http://j.mp/wFl9A7

¡el recurso geek imprescindible de la semana! Starring the Computer :-) https://starringthecomputer.com/

RT @radio3_rne ¿Creías que había desaparecido? Pues no: se cumplen 50 años de la creación del cassette http://bit.ly/A6wFS7

Y el visual de cierre

RT @vuokko I feel like I’ve been preparing for this image all my life. http://mlkshk.com/p/D1TE #typography

Como de costumbre, si queréis tener los enlaces ‘en vivo y en directo’, los tenéis en @chechar…

Finalmente, Flash mueve ficha hacia HTML5

O, al menos, eso parece deducirse de este sneak peek que publicó Adobe ayer:

De la necesidad imperiosa de Flash de saltar a la piscina de HTML5 antes de que el formato swf se vuelva irrelevante del todo hemos hablado en más de una ocasión en este blog. Ya en octubre de 2010 nos preguntábamos quién acabaría matando a Flash y nos olíamos que jQuery y familia podían sustituir buena parte de las ‘animaciones de botón’ (nos olvidamos de CSS3, todo sea dicho), pero que para hacer cosas potentes Canvas parecía una alternativa bastante más interesante y factible. Un poco más tarde, en marzo de 2011 nos preguntábamos a qué exportaba Flash, exactamente: Adobe anunciaba que exportaba a HTML, pero que lo generaba era jQuery por un tubo. Bien para cosas básicas, pero para nada a la altura de funcionar efectivamente con un .fla sofisticado. Toda una decepción. Y hace un poquito más de tres meses volvíamos a interesarnos por la carrera de Adobe por seguir siendo relevante en un mundo HTML. Y seguíamos sin entender. Más de lo que habíamos visto en marzo… y una alternativa a Flash: Adobe Edge (por cierto, que Edge sigue moviéndose y anda por la ‘preview 4’, que salió en enero). Pero Flash, la joya de la corona Macromedia, seguía sin salir a Canvas, limitado casi cruelmente a una sopa de divs, SVGs y animaciones del DOM. Sorprendente.

Febrero de 2012 y, finalmente, parece, Adobe tiene algo que enseñar digno de enseñarse. Enseñan poco, muy poco, pero cuentan en el vídeo que la cosa va de usar CreateJS, que se autodescribe como «una suite de bibliotecas JavaScript y herramientas diseñadas para trabajar con HTML5», que incluye EaselJS («una biblioteca JavaScript para trabajar con el elemento Canvas de HTML5»), TweenJS («una biblioteca de animación y tweening para JavaScript y HTML5″, y que también sale a Canvas) y SoundJS para trabajar con sonido. Que uno diría que es una buena receta para hacer lo que hace Flash… pero sin archivos swf ni la máquina virtual de Flash. Todo ello con la firma de Grant Skinner, que, por poner un ejemplo brillante, está detrás de pirateslovedaisies.com (que sí, que es difícil de creer, pero no es un .swf…)

A Flash le queda mucho camino por avanzar si quiere salvarse de la quema, pero de golpe, la cosa parece mucho menos negra…

Los tuitlinks de la semana (34)

Los de diseño y desarrollo web

El primero, cuidado, contiene matemáticas:

MathJax para MediaWiki :-) (via @_olga__) http://j.mp/yEj0hI

Un par sobre Bootstrap, el fantástico framework CSS de Twitter:

Create unique design with Bootstrap v2: http://stylebootstrap.info/

RT @initializr Huge Initializr release including Bootstrap 2, LESS, H5BP 3 and Modernizr 2.5 on the hot new initializr.com!

El peligro de los navegadores creados por fabricantes de sistemas operativos:

RT @mrdoob You need OSX Lion+ for Safari 5.1.3+. You need Windows Vista+ for IE9+.

Un poco de cajón de sastre:

Responsive Navigation Patterns http://j.mp/yJKeWg

otra opción para hacer wireframes y prototipos: http://www.invisionapp.com/

alegato a favor del HTML por encima del PDF http://bit-player.org/2012/pdf-vs-html

Open Textbook Authoring Tools: WordPress and Pressbooks (via @brlamb) http://j.mp/zA0pJV

Hablábamos ayer de los riesgos del browser sniffing. Una imagen vale más que mil palabras:

RT @brucel What a difference pretending to be Webkit can make miketaylr.com/post/0467187d.png (RT @miketaylr)

El reivindicativo

RT @antonello Por favor Google, no te olvides de Reader genbeta.com/p/67358 vía @genbeta

El matemático

Provocador. «Is Math Still Relevant?» http://j.mp/AAkhuX

(Mi opinión es que las matemáticas siguen siendo relevantes, que lo que se está quedando alarmantemente anticuado e irrelevante es lo que se explica en muchas de las asignaturas de matemáticas de primeros cursos universitarios.)

Los de seguridad

Tres herramientas a añadir a la mochila:

GRC’s Ultra High Security Password Generator http://j.mp/yRPnBZ

aSpotCat Shows All Your Android Apps’ Permissions, Services That Cost You Money (lifehacker) http://j.mp/yb1IT4

RT @lifehacker You know companies are snooping on you on every website. Use this browser add-on to stop them from tracking you: lifehac.kr/zeUoXX

El tecnostálgico

:_) RT @xeotico: AWESOME! BREADBOX64 – A twitter client for the C64/C128 running on a C128D http://youtu.be/8m86mm-SMGA

Y los audiovisuales para cerrar

Pósters minimalistas Pixar. Quiero el de Wall·e, el de Los Increíbles y el de Monsters, naturalmente http://j.mp/xmTkPF

impresionante RT @rands: Purple Rain – original live recording – with commentary: http://j.mp/wxomiM

Si te han parecido interesantes, ya sabes: @chechar

Los tuitlinks de la semana (33)

Esta semana, en mi cuenta de Twitter, @chechar, se ha hablado…

De temas de interés hiperlocal

Finalmente, la @filmotecacat tiene una web decente (y twitter y todo) http://j.mp/ytYtLu

habemus entrada Phenomena: La princesa prometida + Los Goonies :-) http://j.mp/xt8JwQ

RT @daniel_julia Barcelona Beer Festival , el 9, 10 i 11 de març de 2012 http://barcelonabeerfestival.com/2012/info-ca

De software y cacharritos

RT @adelgado Disponible la versión 2.0 del reproductor multimedia VLC http://j.mp/zpc6IX

¿ha inventado HP el ‘todo en uno’ definitivo? ¡quiero uno! o mejor: lo necesito :-) http://j.mp/wxaNbV

lo de photoshop, a veces, parece magia negra… http://j.mp/wOuEZS

De temas legales en la red: propiedad intelectual y privacidad

UK Radio versus Spotify: A comparison of the value of spins versus streams http://j.mp/w7AWon

RT @someofmywork 4th and final part of @remixeverything‘s brilliant Everything’s a Remix is live http://vimeo.com/36881035 with a tiny contribution from myself

¿Quién puede ver tu correo, escribir twits por ti o acceder a tu Facebook? http://j.mp/z8K3tX

De diseño y desarrollo web

está feo autoretuitearse, pero de verdad vale la pena: RT @obm: El vídeo que debes ver hoy: Inventar por Principio http://goo.gl/fb/556GX

Welcome YSlow Open Source http://j.mp/A6WhMc

RT @joanballester Por si tenéis prisa… #CSS3 maker – http://ow.ly/94oxo

RT @martuishere Responsive web design: the good, the bad and the ugly – My take on RWD at yesterday’s @webcatBCN: http://www.slideshare.net/Martulina/resp… #webcat #rwd

The Performance Golden Rule http://j.mp/zdeflI

A non-geeky guide to understanding performance measurement terms http://j.mp/xwLji9

Y de joyitas visuales

no os perdáis (si no lo habéis visto ya) este van gohg dinámico/interactivo http://j.mp/z9dNmx

inenarrable. el arreglo musical más geek de la historia. House of The Rising Sun. gracias @jordisn http://j.mp/y835VO

no os perdáis Inspirations (contiene mates de esas que te hacen querer volver sobre el tema :-))

[vimeo]http://vimeo.com/36296951[/vimeo]

Los tuitlinks de la semana (32)

Como [casi] cada semana, los mejores enlaces aparecidos por @chechar, mi cuenta en Twitter…

Los de diseño y desarrollo web

Diseñando la web móvil con HTML5 y CSS3. las diapos de la charla de @htmlboy de ayer a la que no pude ir http://j.mp/ydf52Y

a veces hay sentencias judiciales buenas… «Jury rules that Eolas’s ‘interactive web’ patent is invalid» http://j.mp/xix2vz

W3C: primer borrador de un módulo de variables para CSS http://j.mp/xbq3bi

#oldschool #cool http://j.mp/xkqD1K

Curiosos números sobre uso de la web móvil, según StatCounter: http://j.mp/wmeQME

Guía Práctica: Puntos de verificación de Pautas de Accesibilidad al Contenido Web WCAG 2.0 (via @UOCicommunity) http://j.mp/wLRmSo

Uno de seguridad

lectura obligatoria: The Perpetual, Invisible Window Into Your Gmail Inbox http://j.mp/AayjJH

De números y datos

del New York Times: The Age of Big Data http://j.mp/y8d749

imprescindible MT @adelgado @medialabprado: vídeo del taller de @malaprensa Periodismo con números para gente de letras http://bit.ly/x1oT57

#podbox: a cloud service to clean up, merge and share any data http://bit.ly/xJmLAp

«Ramji sees free data APIs as The New Open Source» http://j.mp/x4P8yQ

Y los visuales para cerrar

(Esta vez no os incrusto ninguno pero, por favor, no os perdáis el último, cómo mínimo.)

Posters minimalistas para películas Pixar :-) http://j.mp/xhue63

Cómo mola la último de la Tate Modern :-) http://j.mp/zWlIdz

¿recordáis el powers of ten de los eames? pues más… http://j.mp/x08QA3