Categoría: Enlaces

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.

Los tuits de la semana (50)

Edición 50 de los tuits de la semana. Como lo de «la semana» lo llevamos con rigor «político», ya han pasado 60 semanas, desde la primera edición, pero aún así…

Los de diseño y desarrollo web

el montaje de vídeo interactivo de la BBC para los juegos parece alucinante… http://j.mp/Lm3ELZ

muy interesante charla de ayer del #io12: The Web Can Do That!? http://j.mp/L4Tmoc

RT @JuanjoBernabeu La evolución de la Web – http://kcy.me/9han vía @mahemoff

Symbolset, genial idea de tipografía para iconos (hint: it’s the ligatures, stupid) http://j.mp/MxE0H3

Interesante alternativa a los «captcha»:

RT @brucel Works with server-side script, client-side markup, a CMS, an O/S *and* some hardware! http://areyouahuman.com/

RT @koalillo en el blog, un itinerario vital para el aspirante a desarrollador web http://alex.corcoles.net/2012/06/desarrollo-web-como-dios-manda/

La semántica es muy importante. Pero a veces, si sabemos lo que hacemos, saltárnosla puede (en sitios muy complejos) ahorrarnos quebraderos de cabeza:

#css #especificidad Our Best Practices Are Killing Us http://j.mp/LlOPNQ

RT @christianp I’ve written a jQuery plugin that gives you an instant @mathjax preview of any LaTeX you write in input boxes: http://christianp.github.com/writemaths/

El W3C. Y sin embargo, se mueve:

RT @csswg Media Queries are now a W3C Recommendation ! http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/ ^DG

RT @SergiMMX Habrá que probar algunos que no conocía… «15 Free WordPress Theme Frameworks» http://bit.ly/MpgD16 #wordpress

RT @softmodeling RT @avandeursen RT @PaulKlint Most amazing video of a (Lego) Turing machine you’ll ever see: http://ow.ly/bE3Qy

Para culturizarse un poco

al 3alacarta, Trencant els codis, un documental sobre la vida d’Alan Turing http://j.mp/NzJaCB

Y los temas audiovisuales

(Más audio que visuales, esta semana.) De salida, dos que demuestran que sí, hay gente con orejas de perro, pero que son una minoría:

The Great MP3 Bitrate Experiment (via @lifehacker) http://j.mp/MQ2JFF

Concluding the Great MP3 Bitrate Experiment http://j.mp/NRmrC7

Una buena noticia:

RT @WFMU Legendary BBC Radiophonic Workshop will reopen on digital platform in 2012: http://bit.ly/LE62ym via @freemusicarchiv

Y un poco de música…

RT @drgonzoisnotadj Arranca una semana calurosa, refréscala con una buena selección musical: DANCE TO THE RESCUE NIGHT! http://bit.ly/MIHAx4

Si en vez del resumen semanal quereís la versión integral y en directo… @chechar.

Los tuits de la semana (49)

Va llegando el verano y se frenan las noticias. Es la primera edición de bisemanal de tuits semanales en una temporada, pero bien podría ser que no fuese la última… De regalo, primera edición con la nueva versión de WordPress y sus tuits «embebidos»…

De diseño y desarrollo web

RT @brucel re-reading @necolas‘ About HTML semantics and front-end architecture bit.ly/ysV6gI

RT @chrisdavidmills Say hello to our new Opera 12 release: http://my.opera.com/ODIN/blog/hell…!

una pasada, las Shiny Demos con getusermedia de Opera :-) j.mp/KzeJhb

las novedades de WordPress 3.4 j.mp/LKaO01

Browser Speed Tests: más de uno se va a llevar una sorpresa (y también con el consumo de memoria) j.mp/L38PEm

Principles of Writing Consistent, Idiomatic JavaScript (hay traducción a ES) j.mp/LRF834

Principles of writing consistent, idiomatic CSS j.mp/LREzGB

What if… PHP y MySQL nunca hubieran existido? j.mp/MnzVRX

Advice for the new WordPress developer (via @WPMigrations) j.mp/Lb18sz

recursos útiles… downforeveryoneorjustme.com/www.php.net

W3C Gives Its Blessing to Prefix-Free CSS Animations (Webmonkey) j.mp/LbOwzI

RT @brucel Happy 8th birthday, @WHATWG! bit.ly/Ls2bDr And, despite all the problems and arguments, well done and thank you all. (HT @mattur)

La efeméride

The GIF was unleashed on the world 25 years ago today (The Verge) j.mp/ORmRY5

…y una miradá atrás…

#imprescindible PBS ‘Off Book’ looks at the influence of 8-bit games on art and culture (The Verge) j.mp/MKJCKj

…y otra…

escrito en 1981: The Personal Computer As A Tool For Creative Expression… (el autor, el empleado #25 del PARC) j.mp/MdWPxO

…una segunda efeméride…

#historia tal día como hoy, pero de 1833, se conocieron Ada Byron y Charles Babbage. Ms. Software, Meet Mr. Hardware j.mp/KK9RmP

…y un documento sobre la historia de la informática (y del siglo XX en general):

IEEE Computer Video: Alan Turing at Bletchley Park – youtube.com/watch?v=5nK_ft…

Las joyas audiovisuales

me too! RT @susanafont: Want! Manhattan time lapse bit.ly/Knp2EU

RT @NASAGoddard Did you miss #VenusTransit? Be sure to watch this spectacular video compilation of views from @NASA_SDO. youtube.com/watch?v=4Z9rM8…