Categoría: Enlaces

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.

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!

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

http://vimeo.com/54383151

Los tuits de la semana (54)

Llevábamos tres semanas sin…

De diseño y desarrollo web

Herramientas:

Tincr. Edit and save files from Chrome Developer tools. Live reload for Chrome. http://obm.as/RLz4AJ

…sobre todo para hacer wireframes:

RT @robertclariso RT @fcogama: Super simple way to wireframe http://wireframe.cc

Wirefy is a browser based responsive wireframe tool to create functional wireframes using standard elements. http://obm.as/Y5MMlT

Pencil Project. An open-source GUI prototyping tool that’s available for ALL platforms. http://obm.as/QumNmh

…y algunas en forma de HTML, CSS y JavaScript:

Shower. A cross-browser presentation template. (via @brucel) http://obm.as/VO8oOc

Seriously.js is a real-time, node-based video compositor for the web http://obm.as/WdFHzc

Y bastantes lecturas de interés:

en el Windows Phone Developer Blog explican qué trae IE10 para windows phone 8 http://obm.as/WP8wTy

RT @kazuhito The CSS physical unit problem – QuirksBlog http://bit.ly/VQiFti

A Brief History of Gestural Interfaces http://obm.as/UvO6xA

Sharp Suits – stupid feedback from clients, transformed into posters (via @brucel) http://obm.as/SHJ6k9

el NY Times criticando las interfaces de ventanas… en 1984 ¿se anticiparon 30 años? http://obm.as/S5dDd4

RT @martuishere ‘In defense of descendant selectors and id elements’, it was about time that someone like @zeldman said this: http://www.zeldman.com/2012/11/21/in-defense-of-descendant-selectors-and-id-elements/

#lecturaobligatoria Code smells in CSS, by @csswizardry http://obm.as/UItJY8

me parece mal que IE10 no salga para Vista (ni XP, claro)… pero es que Firefox 17 no soporta OS X 10.5 :-S http://obm.as/Wurde8

Oh, IE6, how we loved you, by @brucel. aka «estamos repitiendo los errores del pasado» http://obm.as/UnhLZC

Un momento de respetuoso silencio

RT @softmodeling RT @mkapor: IBM retires Lotus brand I created in 1982. http://techland.time.com/2012/11/20/lotus-farewell-to-a-once-great-tech-brand/

Lecturas alrededor de la web

Clay Shirky: How the Internet will (one day) transform government http://obm.as/Xt54x3

RT @ignasi Nous límits als límits #prou RT @bufetalmeida Leer artículo 31, la nueva LPI ataca frontalmente el P2P: http://pirata.cat/public/1207_borradorRDLey_EEGG_julio_2012.pdf #StopLPI

Nostalgia y cacharritos

RT @robertclariso RT @domingogallardo: Emulador de tarjetas perforadas: http://www.kloth.net/services/cardpunch.php #historiadelainformatica

para amantes de los videojuegos vintage: una réplica de la Atari 2600 http://obm.as/XEyLg3

RT @GammaCounter Check out the clattering and flashing of «The Witch,» the oldest working digital computer, unveiled at Bletchley Park. http://bbc.in/QVtYDW

El juguete musical

escuchar una remezcla aleatoria de media hora del Blue Monday… el Infinite Jukebox este engancha http://obm.as/TdNzex

Y el postre visual

¿Cabe todo el cine de ciencia ficción en seis minutos? http://obm.as/SgnUmv