This site is dedicated to all things I see and that I think are interesting to publish almost always are other very smart people.

Archive for November, 2012

Hipotética colección de muñecos ‘Héroes de la ciencia del siglo XX” by Sergio Parra

Esta colección de figuras no existen en realidad: son una creación del Rusell Gawthorpe y se inspiran en los muñecos de Star Trek: The Next Generation y Star Trek: Deep Space Nine de Playmate Toys. Pero si existieran, estaría dispuesto a adquirirlos todos.

Son probablemente los héroes más importantes del siglo XX porque han contribuido decisivamente en nuestra comprensión del mundo y el universo.

Mis favoritos son Carl Sagan, Nikola Tesla, Richard Feynman, Marie Curie y Richard Dawkins.

A continuación podéis ver la colección completa:

 

Vía | DeviantArt

 

Enhanced by Zemanta

Qué debes hacer si aterriza una nave espacial Soyuz en tu jardín by Daniel Marín

La Soyuz es en la actualidad, junto con la Shenzhou china, la única nave espacial tripulada en servicio. Al término de su misión de seis meses en la estación espacial internacional (ISS), las tripulaciones formadas por tres cosmonautas regresan a nuestro planeta usando este venerable vehículo. Aunque las Soyuz aterrizan en las estepas de Kazajistán, en teoría podrían descender en cualquier lugar del planeta situado entre las latitudes 52º norte y 52º sur.

Una nave Soyuz TMA descendiendo bajo su paracaídas (NASA).

¿Te imaginas que un día ves aterrizar una de estas cápsulas cerca de tu casa? Vale, es muy improbable, pero en esta vida hay que estar preparado para todo. Aunque desde Eureka te recomendamos que si presencias algo así llames inmediatamente al 112 y alertes a las autoridades, nuestro deber como blog dedicado al espacio es informar de los riesgos relacionados con el rescate de astronautas tras un descenso. Porque hay riesgos.

Lo primero que NO debes hacer es correr hacia la cápsula mientras desciende para recibir a los cosmonautas cuanto antes. La cápsula -o como lo llaman los rusos, el ‘Aparato de Descenso (SA)’- está dotada de seis cohetes de combustible sólido que se encienden a 80 centímetros de altura para frenar la velocidad de aterrizaje de 21,6-25,2 km/h hasta los los 5,4-7,2 km/h. Estos cohetes se denominan Sistema de Aterrizaje Suave o DMP y en un aterrizaje normal solamente se encienden cuatro de los seis motores, pero en cualquier caso no conviene estar cerca cuando se activan, más que nada porque podrían causar algún pequeño incendio. Por cierto, los DMP son los responsables de crear la nube de polvo que rodea la cápsula justo antes del aterrizaje y que mucha gente cree provocada por el impacto de la nave contra el suelo (no, el aterrizaje no es tan violento).

Detalle de los cohetes DMP (Eureka/NASA).
Los cohetes DMP en acción (NASA/Roscosmos).
Un pequeño incendio causado por los DMP.

 

Vale. La cápsula ya está en el suelo después del encendido de los motores. Ahora sí que se puede ir a socorrer a la tripulación, ¿no? ¡En absoluto! Durante los diez minutos posteriores al aterrizaje no debes acercarte a menos de 50 metros de la nave. ¿Por qué? Pues porque en este periodo se desplegarán mediante mecanismos pirotécnicos varias antenas de comunicaciones. La cubierta de algunas de estas antenas podría provocarte serias heridas si te acercas demasiado. Si las antenas ya están desplegadas, entonces puedes estar tranquilo. Por otro lado, es conveniente tener cuidado al acercarse, porque la cápsula puede rodar si no aterriza verticalmente. Y no es una buena idea que te pase por encima una nave espacial de dos toneladas y media. Por eso, si quieres evitar que ruede, es conveniente que la asegures con piedras u otros obstáculos, no vaya a ser que se despeñe por un precipicio, como casi le ocurre a la Soyuz 18-1. Lo que NO debes intentar bajo ninguna circunstancia es colocar la cápsula en posición vertical si está de lado, algo que requiere el trabajo coordinado de cinco o seis personas y es muy desaconsejable. A continuación debes asegurarte de que el paracaídas principal de casi 23 metros de diámetro no está inflado por el viento, ya que podría arrastrar la cápsula. En caso de estar inflado, deberás cortar las líneas que unen el paracaídas con el cable de sujeción principal, pero hay un pequeño mecanismo pirotécnico situado entre el cable y las líneas, así que ten precaución.

 

¡Cuidado con las antenas! (NASA).

Pero no debes acercarte por la parte trasera de la nave. ¿Por culpa de los cohetes? No, sino porque en esta zona se encuentra el altímetro de rayos gamma (GLV) denominado Kaktus-2V, equipado con una pequeña cantidad de cesio radiactivo (los rayos gamma no se generan solos). No es peligroso si no existe fuga, pero mejor no te acerques a menos de cinco metros de la parte trasera de la nave. No tiene pérdida, porque está indicado con una señal de peligro de radiactividad. El equipo de rescate siempre comprueba que no se haya producido ningún escape de cesio, pero supongo que tú no tendrás un contador Geiger a mano, así que mejor manténte lejos. Si la cápsula está en posición vertical, no hay problema de contaminación radiactiva.

Interior de una cápsula Soyuz (SA) (NASA).
La tripulación va realmente apretada en el interior de la Soyuz (NASA).

Ahora llega la parte importante: comunicarte con la tripulación y asegurarte de que están bien. De no ser así, es posible que su vida dependa de tus acciones. Puedes usar la radio para esta tarea: durante el descenso la cápsula emite una señal en código morse -en concreto, las letras ‘AN’ (punto, raya, raya, punto)- en 121.5 MHz (VHF), la frecuencia de emergencia para aeronaves civiles. El radiofaro también se emite en esta frecuencia, así como los posibles mensajes de la tripulación. Los cosmonautas también pueden comunicarse en 243.0 MHz (UHF).

Frecuencias de comunicación de una Soyuz durante el descenso (NASA).

Si no tienes una radio a mano, tranquilo, puedes emplear un código de golpes. Para ello tienes que golpear en una de las dos ventanillas de la cápsula o en un lateral con una roca u otro objeto contundente (¡pero no rompas el cristal!) y esperar por la respuesta de la tripulación. Cinco golpes seguidos es la señal de “¿cómo están?”. Si los cosmonautas responden de la misma forma significa que están bien, pero si oyes solamente un golpe -o ninguno- es que se encuentran en mal estado. Dos golpes espaciados significan que se preparen para salir, a lo que deben responder de la misma forma. Tres golpes separados es una orden para que salgan ya. Por último, tres golpes dobles es el código para avisar a la tripulación de que la cápsula va a ser izada con ellos en su interior (no se usa nunca, la verdad).

La tripulación puede abrir la escotilla por dentro, pero si se encuentran inconscientes o incapacitados deberás abrirla tú. ¿Cómo? Fácil, la Soyuz incorpora tres “llaves” situadas en la parte inferior de la cápsula que pueden ser retiradas tanto si la cápsula está en posición horizontal como vertical. Inserta la llave -más bien una palanca- en el centro de la escotilla (algo complicado si la cápsula está “de pie”), aprieta luego la válvula situada cerca del centro para igualar la presión entre el interior de la cápsula y el exterior, y gira la palanca en sentido de las agujas del reloj (sí, no al revés). La escotilla se abrirá tras girar la palanca 180º. Antes de llevar a cabo esta maniobra es conveniente rodar la cápsula -si está sobre un lado- para que los cosmonautas salgan sin estar boca a bajo.

Localización de las llaves, los DMP y la fuente de cesio en la parte inferior de la nave (NASA).
Escotilla de la Soyuz. En el centro se aprecia el orificio para la llave (NASA).
Detalle de la llave (fuente).
La escotilla abierta (NASA).
Los cosmonautas pueden verte desde el interior (NASA).

Ten en cuenta que los cosmonautas pueden necesitar una media hora para aclimatarse a la gravedad terrestre, especialmente tras pasar seis meses en la estación espacial internacional (ISS). Algunos tripulantes -especialmente los más altos- pueden desmayarse o sufrir mareos fuertes. Los trajes de presión Sokol-KV2 tampoco ayudan a la movilidad. Por eso sólo podrás sacarlos de uno a uno, empezando por el comandante, situado en el asiento central. Si la cápsula está en posición vertical, puede que necesites un arnés para elevarlos. En caso de que existan sospechas de que haya alguna lesión en la columna, los cosmonautas pueden ser sacados en sus asientos, aunque para esto vas a necesitar ayuda y antes deberás desmontar la escotilla desatornillando los cuatro tornillos de la bisagra.

Sacar a la tripulación es complicado (NASA).

Por supuesto, sólo debes intentar evacuar a la tripulación en caso de una emergencia de verdad. Lo mejor es esperar a que llegue la caballería. Puedes estar tranquilo, porque la tripulación es capaz de permanecer dentro durante 15 horas sin problemas. Si los cosmonautas abandonan la cápsula, mete el paracaídas dentro y no se te ocurra en ningún momento entrar dentro o sacar nada del interior de la cápsula. El gobierno de la Federación Rusa podría demandarte ante los tribunales y no es cuestión.

Así que ya sabes. Si por un casual cae una Soyuz en el jardín de tu casa ya sabes lo que hay que hacer. Luego no digas que no te hemos avisado.

Refrencias:

 

Enhanced by Zemanta

Crean una botella que se llena de agua sola by Juan Pablo Oyanedel

NBD Nano es una pequeña compañía que reúne a algunos investigadores en torno a las técnicas para la condensación del agua, quienes han mostrado una impresionante tecnología que permite, en palabras simples, crear una botella que sin intervención se llene sola con agua.

La ciencia detrás de aquello es la extracción del líquido a partir del aire, algo que no es nuevo pero ahora se habría perfeccionado gracias a la inspiradora idea que escarabajos del desierto dieron a la gente de NBD Nano, quienes vieron cómo uno de estos insectos era capaz de subir a una duna por la mañana, ponerse contra el viento y llenarse de agua.

El mismo concepto se aplica a la nueva nano-tecnología, la que llena una botella con agua utilizando la energía de un par de baterías, sirviendo también para su uso en invernaderos de plantas y obviamente, en países del tercer mundo donde es difícil conseguir el vital elemento. Por el momento, se aplicará a la novedosa botella, que podría ser utilizada en campañas militares y saldrá a la venta el año 2014.

Link: Inspired by a beetle that draws water from the air, scientist creates self-filling water bottle (The Next Web)

 

Enhanced by Zemanta

for the love of wood from the style files by danielle

whitewood21.jpg

Another post that shows my love for wood. Wooden bowls, a table made from old wood, an entire wall of wood .. I love it all! The Pure Nature wooden stool, the Bau pendant light and the Meow print (image above) are all available from BODIE and FOU.

woodenspoons.jpg

blw1.jpg

woodenbowl.jpg

woodenwall.jpg

(image credits: 1. Bodie and Fou, 2. Janne Peters, 3. Cote Maison, 4. Les Interieurs 5. Archilovers)

 

Enhanced by Zemanta

Soma Pick Up Artist Cargo Bike by brad

Soma entered the cargo bike market with the short wheelbase cycletruck style Tradesman  last year, and has found enough success to make a few runs of the frames, and to introduce the Pick Up Artist  long wheelbase cargo bike for 2013. The bike has a 26″ rear wheel and 20″ front wheel with a 1350 mm wheelbase overall for the extended frame, roughly 350 mm longer than most road bikes. The smaller front wheel keeps the load lower to the ground, and directly over the front wheel. The steering linkage doesn’t have any slop, and on a quick ride around the parking lot it was clear that the bike was longer than usual but it wasn’t downright boat-like. Officially it is limited to 150 lbs of cargo, but I’d bet that people will attempt much more than that with production versions. The front section has a simple plate bolt pattern for attaching a flatbed, basket, or whatever custom cargo loading box your needs may require. Dual disc brakes handle the stopping, with conventional parts all around besides the frame making it an easy to build up, easy to service bike. Available with a similar but slightly different spec for 2013 (different shifters, includes a rear rack), expect the complete bike to retail around $1500, with a frame only option also available.

soma_pick_up_artist_001  soma_pick_up_artist_002  soma_pick_up_artist_003  soma_pick_up_artist_004  soma_pick_up_artist_005  soma_pick_up_artist_006

 

Enhanced by Zemanta

RaceBRAID bike by Jacob Haim by James Thomas

RaceBRAID carbon fiber road bike designed by Jacob Haim German Industrial designer Jacob Haim recently completed a new racing bike design as his final student project. His RaceBRAID bike was built in cooperation with Munich Composites GmbH , using the company’s innovative carbon braiding technology . The shaped braided top tube and down tube both feature visible red fiber textures… a signature feature of Braid bikes according to Jacob.

His goal with the project was to challenge the way high-end composite bicycles are constructed today, and he went with a lugged construction that allows for a range of frames sizes (50cm to 60cm) using the same parts.  Jacob points out a few of his reasons for the construction- “no material waste, low error rate, customized to the individual needs.” He also feels that it creates “a connection between high class engineering and the spirit of design.”

He mentions that the frame could be manufactured by an automated process in Germany (similar to the way the BMC Impec  is constructed I assume). The prototype frame weighs in at 900 grams making for a very light 5 kilogram complete build. Jacob does mention that weight of a production bike would vary though since the prototype is 80% hand crafted.

It is definitely an interesting student project. If you have any questions about it for Jacob, feel free to leave them in the comments.

 

Enhanced by Zemanta

Los buscadores de genomas persiguen el ADN marciano by J.A. Llorente Lomikovsky

Artículo publicado por Antonio Regalado el 18 de octubre de 2012 en Technology Review 

Dos destacados empresarios afirman que quieren llevar una secuenciadora de ADN a la superficie de Marte para intentar demostrar la existencia de vida extraterrestre.

En lo que podría llegar a ser una carrera por descubrir el primer genoma extraterrestre, el investigador J. Craig Venter afirmó el pasado martes que su Instituto de Educación Maryland (Maryland Academic Institute) y su compañía Synthetic Genomics, desarrollarán una máquina capaz de secuenciar y retornar datos de ADN desde el planeta.

Marte © by USDAgov

Por otra parte, Jonathan Rothberg, fundador de Ion Torrent, una empresa dedicada a la secuenciación de ADN, está trabajando para intentar adaptar su ‘Máquina Personal Genómica’ para que pueda hacer el mismo trabajo.

“Queremos asegurarnos de que un ‘Ion Torrent’ viaje a Marte”, comentaba Rothberg a la revista Technology Review.

A pesar de que ninguno de estos equipos tiene todavía un puesto asegurado en un cohete con destino a Marte, sus planes reflejan la convicción de que la forma más sencilla de demostrar que hay vida en Marte es enviar una máquina secuenciadora de ADN.

“Allí habrá formas de vida con ADN”, predecía Venter el pasado martes en Nueva York, en una charla en la Wired Health Conference.

Venter afirmó que los investigadores que trabajan con él ya han iniciado pruebas en un entorno similar a Marte en el desierto de Mojave. Su objetivo, indica, es conseguir una máquina que de forma autónoma pueda aislar y recoger microbios del terreno, secuenciar su ADN, y transmitir esta información a un ordenador remoto, tal como se necesitaría en una misión no tripulada a Marte. Heather Kowalski, la portavoz de Venter, confirmaba la existencia del proyecto pero indicaba que el prototipo no era todavía autónomo al 100%.

Mientras, la ‘Máquina Personal Genómica’ de Rothberg está siendo adaptada a las condiciones marcianas como parte del proyecto financiado por la NASA en Harvard y MIT (Massachusetts Institute of Technology), denominado SET-G (‘búsqueda de genomas extaterrestres’).

Christopher Carr, científico investigador involucrado en el proyecto, afirma que su laboratorio está trabajando para reducir la máquina de Ion Torrent desde los 30 kilogramos actuales hasta los tres kilogramos, y que así pueda caber en un róver de la NASA. Otros tests, ya llevados a cabo, han confirmado lo bien que el dispositivo puede soportar la elevada radiación que se encontraría en su viaje hacia Marte.

La NASA, cuyo róver Curiosity aterrizó en Marte en agosto, no enviará otra misión de un róver al planeta antes del 2018 y no hay garantías de que vaya a bordo un dispositivo de secuenciación de ADN. “Lo más complicado de llegar a Marte es cumplir con las especificaciones de la NASA”, afirma George Church, investigador de la Universidad de Harvard y miembro destacado del equipo SET-G. “Venter no está por delante de nadie”.

Muchos científicos están presionando a la NASA para lo que se conoce como una misión de “recogida de muestras” (una misión de ida y vuelta, trayendo tierra y rocas para su análisis). Sin embargo, llevar una máquina secuenciadora de ADN a Marte podría ser una mejor opción para la búsqueda de vida.

“La razón de transportar un dispositivo hasta Marte y no traer de vuelta la muestra es por la contaminación. Nadie te creería”, confirma Tessi Kanavarioti, químico que llevó a cabo un pionero trabajo teórico sobre biología marciana y formó parte de los estudios de las muestras de roca traídas de la luna en la década de 1970. Las máquinas secuenciadoras son tan sensibles que si un solo germen terrestre aterrizase en la muestra proveniente de Marte, podría arruinar todo el experimento.

“Esto solo funcionará si el ADN de Marte es exactamente igual en su estructura fundamental que en la Tierra”, afirma Steven Benner, presidente de la Fundación para la Evolución Molecular Aplicada (Foundation for Applied Molecular Evolution) en Gainesville, Florida. Se muestra escéptico con que este sea el caso: “Es muy poco probable que el ADN terrestre sea la única estructura posible para soportar la evolución Darwiniana”.

“Descubrir y secuenciar vida extraterrestre sería un logro científico inmenso. La secuenciación podría revelar si la vida evolucionó de forma similar en la Tierra y Marte, o quizá, se transfirió de un planeta a otro. Durante toda la serie de colisiones espaciales masivas que se produjeron hace cuatro mil millones de años, los dos cuerpos intercambiaron alrededor de mil millones de toneladas de roca y detritos”.

Hasta el momento, los investigadores de la NASA han estado buscando restos de agua en Marte (un requisito imprescindible para la vida tal como la conocemos), así como indicios indirectos de que la vida haya existido allí eones atrás. Teniendo en cuenta que las moléculas de ADN no sobreviven más allá de un millón de años, incluso en la Tierra, nadie que envíe una secuenciadora de ADN a Marte puede pensar en encontrar ahora microorganismos vivos.

“El enfoque actual de la NASA es la búsqueda de vida pasada. Mucha gente es reticente a hablar de posible vida existente en estos momentos”, afirma Carr. “Estamos corriendo riesgos, pero queremos dar ese salto”.

La vida, probablemente, no pueda sobrevivir a la radiación en la superficie marciana, pero podría existir a un metro o más bajo tierra, donde se encontraría protegida. En la Tierra, por ejemplo, se pueden encontrar microorganismos vivos a varios kilómetros bajo tierra.

Carr entiende el envío de una secuenciadora de ADN a Marte como un experimento de “alto riesgo y elevados beneficios”. Podría no encontrarse nada, pero si se descubriese ADN, esta sería una prueba casi irrefutable de la existencia de vida extraterrestre.

Las pocas opciones de conseguirlo se pueden atribuir a Venter y Rothberg, dos de los pincipales empresarios del sector biotecnológico. Hace una década, Venter provocó más de un dolor de estómago a investigadores docentes con sus intentos por secuenciar el genoma humano con fondos privados. Rothberg, también una celebridad en los medios de comunicación, se ha dado a conocer por secuenciar el ADN de personalidades como James Watson, así como el de los neandertales.

“Queremos dejar nuestro nombre ahí fuera”, afirma Rothberg. “(Marte) Es una oportunidad para toda la comunidad, pero pensamos que nuestra tecnología es más rápida, y también mejor”.

En una comunicación por correo electrónico enviado por la portavoz de Venter, esta desmintió que hubiese ninguna competición para descubrir en primer lugar ADN extraterrestre. “Yo no diría que hay una carrera”, indicaba. “Sí, la idea es que lo haremos, pero eso no implica que no haya otros que también puedan hacerlo”.

Venter también dijo que podría ser viable en un futuro reconstruir organismos marcianos en un laboratorio superseguro desde la Tierra, usando solo su secuencia de ADN. La idea sería utilizar la información del ADN para reconstruir sus genomas y a partir de aquí inyectarlos en una célula artificial o similar. Es una idea que el ha bautizado como el “teleportador biológico”.

La gente está preocupada por un posible fenómeno tipo “Andromeda Strain (La amenaza de Andrómeda)” afirma Venter. “Podemos reconstruir a los marcianos en un laboratorio espacial P-4 en lugar de dejar que aterricen sobre el océano”.


Autor: Antonio Regalado
Fecha Original: 18 de octubre de 2012
Enlace Original 

 

Enhanced by Zemanta

De Joseph Priestley a John B. Spark, dos visiones del tiempo y el espacio by alpoma

La forma de entender el mundo en diversas culturas tiene mucho que ver con cómo se representa el tiempo y el espacio de forma visual. Naturalmente, esas formas de crear representaciones de la realidad son muy diversas y han cambiado a lo largo del tiempo, por lo que a alguien acostrumbrado a uno de esos “tipos de realidad” le puede resultar muy complicado comprender otro diferente, aunque a nosotros nos parezca lo más normal del mundo. Sucede por ejemplo con la estructura narrativa de los cómics, a los que estamos tan acostumbrados en occidente, pero que resultan extraños en muchas culturas. Cuando se crea una representación del mundo que alcanza mucha popularidad, la importancia que llega a tener en muchos ámbitos es tal que se suele identificar a la propia representación con el objeto representado. Ejemplos así pueden encontrarse por doquier, como por es el caso de la célebre proyección de Mercator o en las coordenadas cartesianas.

Durante mucho tiempo, e incluso hoy día, la huella que dejó la forma de representar la historia por parte de Joseph Priestley  ha sido profunda. Priestley, que vivió entre 1773 y 1804, es recordado por ser codescubridor del oxígeno, por sus obras filosóficas y sobre educación y, también, por los muchos líos teológicos y políticos en los que se metió y que le obligaron a abandonar Inglaterra rumbo a los Estados Unidos. En una de sus obras más ambiciosas, Lectures on History and General Policy que data de 1769 a Priestley se le ocurrió dibujar en algo que hoy día llamaríamos infografía toda una visión de la historia del mundo para que el contenido del libro fuera más accesible. Se le ocurrió situar un eje para el tiempo y otro para diversas culturas, es más, contempló el mundo en su totalidad y no sólo a occidente, aunque éste ocupa el lugar más importante. Y, de esta forma, nació algo sorprendente para la época pero que hoy nos parece de lo más normal, a saber, los gráficos cronológicos que sirven para la enseñanza en historia, economía y en tantos otros ámbitos. He aquí esa pequeña maravilla, A New Chart of History, que mantuvo su reinado como representación de la historia humana durante buena parte del siglo XIX (pincha en la imagen para ampliar).

Esta influencia llegó hasta bien entrado el siglo XX, siendo recogida por John B. Spark, un historiador aficionado que pasó años desarrollando su propia historia de 4.000 años “de un vistazo”. El resultado fue tan bueno que la gran editorial de Atlas geográficos Rand McNally lo publicó en 1931. He aquí ese célebre Histomap , que fue reeditado en multitud de ocasiones (pincha en la imagen para ampliar y ver la versión completa).

 

Enhanced by Zemanta

Stairway Navigation (A jQuery Plugin?) by Chris Coyier

On a whim the other day I thought I’d build out an idea for navigation I had. It’s nothing but a visual effect in which the hovered (or active) navigation item becomes the tallest “stair” and other items before and after it step down. It’s simple, but it’s not something you see very often. Probably for one major reason: you can’t select “previous” elements in CSS.

 

stairwaynav View Demo 

You can select “next” elements in CSS. You’d use the general sibling combinator  to get all the next elements or theadjacent sibling combinator  to get the very next one (which you could chain). Neither of those allow you to get the previous elements which, as you can see by the image above, is needed to do this effect justice.

In pseudo code, we’re trying to do this:

/* Not Real Code */

a:hover { /* top stair stuff */ }

a:hover-1,
a:hover+1 { /* second stair stuff *}

a:hover-2,
a:hover-2 { /* third stair stuff *}

Rather than get too tricky for our own good with CSS, let’s rely on a technology that can select previous elements: jQuery. jQuery has a .prev()  function (and a few other related functions) that we can use to get what we need. Our psuedo code would become more like this real code:

$("nav a").hover(function() {
  $(this)
   .addClass("stair-1")
   .prev()
     .addClass("stair-2")
     .prev()
       .addClass("stair-3")
       .end()
     .end()
   .next()
     .addClass("stair-2")
     .next()
       .addClass("stair-3");  
});

Presumably we’d clear all classes on all nav elements on a mouseleave event as well. That means to be most efficient we’d already have a pointer to all those elements.

var navEls = $("nav a");

navEls
  .on("mouseenter", function() {
     // add classes as above
  })
  .on("mouseleave", function() {
     navsEls.removeClass("stair-1 stair-2 stair-3);
  })

So now that we have a set, we might as well get a bit more efficient. Using .next() and .prev() means a lot of jQuery going back out to the DOM to figure out what to select (I think, correct me if I’m wrong there). Rather than do that, we can just select based on the set we already have selected based on it’s position within that set. The .index() function helps us figure that out and .eq() let’s us grab the element based on its index.

navEls
  .mouseenter(function() {

    $(this).addClass("stair-1");

    var index = $(this).index();
    
    allLinks.eq(index+1).addClass("stair-2");
    allLinks.eq(index-1).addClass("stair-2");

    allLinks.eq(index+2).addClass("stair-3");
    allLinks.eq(index-2).addClass("stair-3");

  })

That’ll do the trick.

CSS does the design work

Notice that all the jQuery is doing is adding and removing classes. That’s how UI and JavaScript should hang out the majority of the time. JavaScript is in charge of knowing about and changing states – CSS does the work of making the page look different.

The entire “stairway” visual effect comes in now, when we apply styles based on those classes.

.stair-1 {
  transform:
    scale(1.10)
    translateX(24px)
  box-shadow: 0 0 10px rgba(black, 0.75);
  z-index: 3;
}
.stair-2 {
  transform:
    scale(1.07)
    translateX(12px)
  box-shadow: 0 0 10px rgba(black, 0.5);
  z-index: 2;
}
.stair-3 {
  transform:
    scale(1.04)
    translateX(4px)
  z-index: 1;
}

The “top” stair (stair-1) enlarges, moves to the right, and has a deep shadow. Each of the subsequents stairs does a bit less of all those things. You could also change colors here or do anything else that would make sense to your own application.

A jQuery Plugin?

I put those words in the title of this post because I think this is interesting territory.

Does this kind of thing “deserve” to be pluginized? For one thing – this is heavily dependent on CSS. Calling it a “Stairway Navigation” plugin isn’t descriptive of what the actual jQuery code is doing. It also doesn’t make use of any of jQuery’s built-in features that are built for this, like it’s ability to animate things – we instead leave that to CSS.

Anyway – we are going to pluginize it because it makes things more interesting.

Plugin Options

We’ll make it the simplest set of options possible: how many stairs do you want stepping down? You’ll call it on a navigation element that contains only anchor links:

$(".main-nav").stairwayNav({
  stairs: 2
});

Then in the plugin, we make sure we have access to a “stairs” variable that is either the passed in value or some default.

$.fn.stairwayNav = function(options) {
  
  var defaults = {
     stairs: 3
  };
  this.options = $.extend({}, defaults, options);
  var stairs = this.options.stairs;

I love that pattern. It means we don’t have to do any fancy crap checking if the object contains certain keys and ensuring they aren’t blank and blah blah. If you pass in a value for “stairs”, that’s what ends up in the options object. If you don’t, it gets a default value. Cool.

Looping

To honor that option, we now just run a little for loop as many times as there are stairs. We adjust the index value the more iterations it runs, just never selecting negative values.

navEls
  .mouseenter(function() {
    $(this).addClass("stair-1");
    var index = $(this).index(), i, bef, aft;
    for(i = 1; i < stairs; i++) {
      
      bef = index - i;
      aft = index + i;
     
      allLinks.eq(aft).addClass("stair-" + (i+1));
      if (bef > 0) {
        allLinks.eq(bef).addClass("stair-" + (i+1));
      }
    }   
  })

Stairway Navigation Demo

Here is the demo on CodePen .

 

Stairway Navigation (A jQuery Plugin?)  is a post from CSS-Tricks

 

Enhanced by Zemanta

Take Your Lane Illustration by Urban Jeff

 

This illustration was created for a cyclist who was pulled over by a police officer who claimed that the 12ft lane he was in was shareable. I offer it to anyone who needs to make the case that a 12ft lane is not wide enough to share and is thus exempt from any FTR requirement. The lanes is too narrow to share and riding too far right compromises the bicyclist’s safety.

Read more and see other illustrations on the Commute Orlando Facebook page .


Austerity protests

Matters of the economy are forefront in many minds, with economic issues dominating the recent American election and the leadership change in China. But in several countries in Europe, economic debate is played out on the streets with protests, petrol bombs, and strikes. As the Eurozone struggles with the global financial crisis, many member countries have turned to a series of spending cuts to health, education, and other services and social programs. Widespread protests against these so-called austerity measures have erupted in several countries. Gathered here are photographs from the most heavily impacted nations in recent months, including Spain, Greece, Portugal, and Italy. —Lane Turner (31 photos total )

A riot police officer is engulfed by petrol bomb flames in front of parliament during clashes in Athens on November 7, 2012. (Dimitri Messinis/Associated Press)

 

Enhanced by Zemanta

Suprimida la copia extra del cromosoma que produce el Síndrome de Down by Capitan Tomate

gen

Científicos de la Universidad de Washington han eliminado con éxito la copia extra del cromosoma 21 en cultivos de células derivadas de una persona con síndrome de Down, una condición en la que las células del cuerpo contienen tres copias en dicho cromosoma, en lugar de la pareja habitual.

Tres ejemplares de cualquier cromosoma es una grave anormalidad genética llamada trisomía. Las trisomías representan casi una cuarta parte de los abortos involuntarios, según el equipo de investigación.

Además del síndrome de Down (trisomía 21), algunas otras trisomías humanas son: el síndrome de Edwards (trisomía 18) o el síndrome de Patau (trisomía 13), con unas tasas de mortalidad en recién nacidos extremadamente altas. En nacidos vivos, el síndrome de Down es la trisomía más frecuente.

El informe, publicado en Cell Stem Cell , describe cómo corregir la trisomía 21 en líneas celulares humanas que crecieron en laboratorio.

 

La eliminación selectiva de una trisomía humana puede significar mucho tanto a nivel clínico como de investigación.

Ciertamente no estamos proponiendo que el método que describimos pueda conducir a un tratamiento para el síndrome de Down. Lo que estamos viendo es la posibilidad de que los científicos médicos podamos crear terapias celulares para algunos de los trastornos que acompañan al síndrome de Down

Dijo el Dr. David W. Russell, profesor de medicina y bioquímica e investigador de alto nivel del estudio.

La formación de trisomías también es un problema en medicina regenerativa con células madre. Russell y su equipo pudieron observar que su enfoque también se podría utilizar para revertir las trisomías no deseadas que se presentan a menudo en la creación de cultivos de células madre.

Descubrir las técnicas exactas para eliminar el cromosoma extra era difícil, pero el equipo trabajó duro para resolver varios retos durante sus primeros intentos en derivar las líneas celulares.

Los investigadores utilizaron un virus adeno-asociado como vehículo para suministrar un gen extraño, llamadoTKNEO, en un punto particular del cromosoma 21. El transgén TKNEO fue elegido debido a su respuesta predicha a la selección positiva y negativa en determinados medios de crecimiento en laboratorio.

Los investigadores de terapia génica han de tener cuidado de que sus planteamientos no causen toxicidad genética. Esto significa, por ejemplo, que la eliminación de un cromosoma no debe romper ni cambiar el código genético restante. Este método no debe hacer eso

Concluye Russell.

Vía | Sciencedaily

 

Enhanced by Zemanta

Electrical Experimenter by alpoma

Hugo Gernsback , uno de los mayores impulsores de la ciencia ficcion allá a principios del siglo XX, siempre estaba ideando nuevas formas de hacer avanzar la tecnología. La radio le apasionaba, consiguió decenas de patentes e inventó varios instrumentos musicales animados por electricidad y fomentó la divulgación de la ciencia a través de diversas publicaciones. Célebre fue Amazing Stories que puede considerarse como una de las revistas de ciencia ficción más importante de la primer época dorada del género, allá por los años veinte del siglo pasado. Pero, en un plano divulgativo más serio, Gernsback también alumbró publicaciones míticas como Electrical Experimenter.

electrical_experimenter 

Para mí Electrical Experimenter es algo muy especial. Cada vez que repaso alguna de sus páginas no dejo de maravillarme por el optimismo tecnológico casi enfermizo que aparece por doquier en su contenido y por su detalle a la hora de plantear temas divulgativos. Hay que tener en cuenta que la electricidad, la radio y, en general, la ciencia, estaban empezando a popularizarse y la pasión que demuestran las páginas creadas por Gernsback sigue siendo asombrosa.

Electrical Experimenter, que desde julio de 1920 pasó a llamarse Science and Invention, nació en 1913 comoModern Electrics y fue publicándose mensualmente hasta su desaparición a principios de los años treinta. Se trataba de una curiosa revista mezcla de ciencia, tecnología, planos y detalles para construir circuitos y proyectos técnicos junto con un toque de ciencia ficción e infografías que a veces rozan lo entrañable. En esta revista publicó Nikola Tesla varios artículos divulgativos y hasta dio a conocer su autobiografía, que apareció en varias entregas. Si hoy me he acordado de esta añeja revista ha sido porque me he cruzado con un website en el que aparecen diversos documentos PDF con varios números completos, algo no muy común pues no son revistas sencillas de encontrar. Sé que ese tipo de websites suelen tener vida efímera, así que si estás interesado en la tecnología de principios del siglo XX, o en la figura de Nikola Tesla o, simplemente, sientes curiosidad, aquí tienes este pequeño baúl del recuerdo: The Electrical Experimenter .


Safety Bike 2.0 by Byron

Ms. High Viz in traffic, commanding the lane

The Sorry, Didn’t See You Mate  article from London Cyclist raises a lot of interesting points and we’ve seen some of them before in cyclist visibility studies ; as well as that YouTube video with the basketball gorilla . It also reminds me about a safety focus, or lack thereof in the industry. Related too is a product like the ICEDot , that’s seeking community funding. Because, I guess, the product is a nonstarter with helmet manufactures.

We are the result of hundreds of thousands of years of evolution. Our eyes, and the way that our brain processes the images that they receive, are very well suited to creeping up on unsuspecting antelopes and spotting threats such as sabre-toothed tigers.

These threats are largely gone and they’ve been replaced by vehicles traveling towards us at high speeds. This, we’ve not yet adapted to deal with.

The London Cyclist article convincingly makes the point that drivers don’t see us for evolutionary reasons. Humans aren’t built to go that fast and see that much; especially a slim object like a cyclist on the side of the road. The ICEDot phones home when the sensors detect a hard impact. I’ve been in an unusual number of crashes this year and one left me immobile for a time on the ground. Colleagues like Patrick Brady , Cruftbox  are hurt too, a teammate broke his neck, and Wiggo just got hit by a van.

ICEDot

ICEDot Sensors phone home

Sure, cycling injury statistics are low in comparison to driving. I’m not arguing numbers, but anecdotally do get asked about safety. Why I’d ride downtown or in traffic.

Considering this further, I’ve asked why commuter bikes don’t ship with running lights connected to dynamo hubs, a proximity detector to alert a cyclist to a car closing in, or other safety features like a phone home? There are reflectors in the box when a bike ships and I never see them on a bike outside of a bike shop. Lawyer tabs too that get filed off.

There’s either no market or a reluctance to admit there’s danger riding in traffic, as so many more cyclists are doing. Would mass-marketing a product like the ICEdot alleviate concerns of a worried potential cyclist? Don’t know, but it’s worth asking and discussing. It’s time for a next-generation safety bike . This bike would focus on the daily commute, like how the last one replaced one big wheel and a little wheel with the double-triangle design we all ride today.

safe on sundays

Riding safe on a safety bike with few cars around

Note: I don’t want to set off a helmet debate here, that’s a personal choice, and ICEDot devices are also placed elsewhere on the body or bike.

 

Enhanced by Zemanta

5 talks that are all about lying by Kate Torgovnick

The average person lies once or twice a day. And as Cornell psychology professor Jeff Hancock shares in today’s fascinating talk , given at TEDxWinnipeg, the anonymity and ambiguity of technology give us a whole new arsenal of ways to fib. He and his team have identified three new types of lies made possible by text messages, email and online comments.

  1. The Butler. These are lies that draw lines in the 24/7 nature of our relationships, while maintaining friendships. For example: “I’m on my way” or “Sorry I didn’t respond earlier. I didn’t see the message.”
  2. The Sock Puppet. These are lies that preserve identity, like when someone idealizes themselves in their online dating profile.
  3. The Chinese Water Army. These are lies which seek to build a reputation en masse, like when a company posts hundreds of positive ratings of their own product.

But Hancock has noticed something even more interesting — that people are actually far more honest online than they are face-to-face. Studies show that very few people gild the lily on online resumes. Even in online dating profiles, when people lie, the fibs are small — a person rounding up an inch or down 10 pounds, but giving a number close to the truth. In fact, in Hancock’s studies, people were found to tell more lies over the phone than in email. Why? It may be because communication mediated by technology leaves a record, one that is both searchable and verifiable.

To hear more, watch Hancock’s talk . After the jump, watch four more great talks about the phenomenon of lying. And while you’re at it, check out TEDWeekends, which this week is themed “Understanding Deception.” 

 

 

 

 

Pamela Meyer: How to spot a liar
 
Pamela Meyer believes that we are facing a pandemic of deception. While Hancock says that lying happens regularly, Meyer’s estimates for the frequency are higher — she says that every person is lied to 10 to 200 times a day. In this talk from TEDGlobal 2011, she gives tips for spotting when a lie is in progress.

 

 

 

Marco Tempest: The magic of truth and lies (and iPods)
 
In this talk from TEDGlobal 2011, illusionist Marco Tempest uses three iPods for a meditation on the meaning of truth and lies. While magic involves deception, he explains why it is also the most honest profession around.

 

 

 

Dan Ariely: Our buggy moral code
 
Why do human beings continually cheat, lie and steal? At TED2009, behavioral economist Dan Ariely shares his studies about when — and why — human beings fall on their moral faces. As he explains, it’s not as simple as a cost-benefit analysis.

 

 

 

Michael Shermer: The pattern behind self-deception 
From UFOs to déjà vu, human beings hold many inexplicable beliefs. In this talk from TED2010, Michael Shermer attributes our tendency to believe to something quite basic: survival. Our need to find meaning in the meaningless is based on patterns our ancestors developed to avoid danger. As we evolved, so did our patterns — leading us from taking the same path everyday to avoid predators to subscribing to a long list of superstitions.

 


About normalize.css

…things by Nicolas Gallagher

Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.

Normalize.css is currently used in some form by Twitter Bootstrap,HTML5 BoilerplateGOV.UKRdioCSS Tricks, and many other frameworks, toolkits, and sites.

Overview

Normalize.css is an alternative to CSS resets. The project is the product of 100′s of hours of extensive research by @necolas and @jon_neal on the differences between default browser styles.

The aims of normalize.css are as follows:

  • Preserve useful browser defaults rather than erasing them.
  • Normalize styles for a wide range of HTML elements.
  • Correct bugs and common browser inconsistencies.
  • Improve usability with subtle improvements.
  • Explain the code using comments and detailed documentation.

It supports a wide range of browsers (including mobile browsers) and includes CSS that normalizes HTML5 elements, typography, lists, embedded content, forms, and tables.

Despite the project being based on the principle of normalization, it uses pragmatic defaults where they are preferable.

Normalize vs Reset

It’s worth understanding in greater detail how normalize.css differs from traditional CSS resets.

Normalize.css preserves useful defaults

Resets impose a homogenous visual style by flattening the default styles for almost all elements. In contrast, normalize.css retains many useful default browser styles. This means that you don’t have to redeclare styles for all the common typographic elements.

When an element has different default styles in different browsers, normalize.css aims to make those styles consistent and in line with modern standards when possible.

Normalize.css corrects common bugs

It fixes common desktop and mobile browser bugs that are out of scope for resets. This includes display settings for HTML5 elements, correctingfont-size for preformatted text, SVG overflow in IE9, and many form-related bugs across browsers and operating systems.

For example, this is how normalize.css makes the new HTML5 searchinput type cross-browser consistent and stylable:

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

Resets often fail to bring browsers to a level starting point with regards to how an element is rendered. This is particularly true of forms – an area where normalize.css can provide some significant assistance.

Normalize.css doesn’t clutter your debugging tools

A common irritation when using resets is the large inheritance chain that is displayed in browser CSS debugging tools.

A common sight in browser debugging tools when using a CSS reset

This is not such an issue with normalize.css because of the targeted styles and the conservative use of multiple selectors in rulesets.

Normalize.css is modular

The project is broken down into relatively independent sections, making it easy for you to see exactly which elements need specific styles. Furthermore, it gives you the potential to remove sections (e.g., the form normalizations) if you know they will never be needed by your website.

Normalize.css has extensive documentation

The normalize.css code is based on detailed cross-browser research and methodical testing. The file is heavily documented inline and further expanded upon in the GitHub Wiki. This means that you can find out what each line of code is doing, why it was included, what the differences are between browsers, and more easily run your own tests.

The project aims to help educate people on how browsers render elements by default, and make it easier for them to be involved in submitting improvements.

How to use normalize.css

First, download normalize.css from GitHub. There are then 2 main ways to make use of it.

Approach 1: use normalize.css as a starting point for your own project’s base CSS, customising the values to match the design’s requirements.

Approach 2: include normalize.css untouched and build upon it, overriding the defaults later in your CSS if necessary.

Closing comments

Normalize.css is significantly different in scope and execution to CSS resets. It’s worth trying it out to see if it fits with your development approach and preferences.

The project is developed in the open on GitHub. Anyone can report issues and submit patches. The full history of the project is available for anyone to see, and the context and reasoning for all changes can be found in the commit messages and the issue threads.

Related reading

Detailed information on default UA styles: WHATWG suggestions for rendering HTML documentsInternet Explorer User Agent Style Sheets andCSS2.1 User Agent Style Sheet Defaults.

Translations

Enhanced by Zemanta

¿Sabes distinguir un neuromito? Más del 75% de la población no.

 
 
Los juguetes que compramos y el entorno que creamos para los bebés. Desayunar o no. Excusas sobre el modo en que se presenta la información para justificar la falta de estudio. El efecto de la igualdad entre los sexos y lo políticamente correcto en el rendimiento escolar de niños y niñas. Dejar de intentar aprender algo “porque ya no tengo edad”. Juegos para entrenar el cerebro. La importancia del ejercicio físico para el rendimiento intelectual…. Estas y otras muchas cuestiones basan su resolución en nuestro conocimiento del funcionamiento del encéfalo. Pero, ¿hasta qué punto lo conocemos? ¿Sabemos distinguir lo verdadero de lo falso?
 
Para averiguarlo diseñamos este experimento  tan sencillo. Nos basamos en un trabajo reciente de Dekker et al. orientado a profesionales de la enseñanza de donde extrajimos el cuestionario, aunque nosotros le hemos dado un uso ligeramente distinto. A este respecto recomendamos la lectura de Learning seen from a neuroscientific approach (OCDE, 2002) [PDF ] 
 
El objeto, obviamente, no puede ser obtener un perfil de una persona en particular, pero sí capturar el de un grupo. Por ello algunos comentaristas decían que no encontraban sentido al experimento, porque pensaban que era un test de revista de adolescentes. No, lo que nosotros pretendíamos era obtener un retrato de una muestra significativa de usuarios de Internet, a sabiendas de que esa muestra estaría compuesta en un proporción relevante por lectores de este blog y que, por lo tanto, no representan al conjunto de la población (la muestra hay que suponer que es más inteligente y está más formada que una muestra de igual tamaño de población general escogida al azar).
 
Este retrato, pues, no es más que un indicio del nivel de credulidad a groso modo de esta muestra. En el cuestionario había 16 afirmaciones correctas y otras tantas incorrectas, mezcladas al azar (y no 15 como alguien comentó en Menéame basándose en las notas de prensa sobre el estudio de Dekker at al.). Por lo tanto, la distribución de respuestas nos dirá cómo de crédula (o excesivamente escéptica) es nuestra muestra.
 
Resultados
 
Se han analizado 1026 respuestas, de las que se han descartado 100 por distintos motivos, siendo el principal la repetición de la respuesta por parte de la misma persona (debido probablemente al funcionamiento del sistema de comentarios de Blogger).
 
De las 926, 27 han respondido que todas las cuestiones eran falsas y 3 que todas son verdaderas lo que no es lógicamente consistente, ya que #1 y #32 no pueden ser ciertas o falsas a la vez. Ello indicaría que estos datos no tienen calidad suficiente, por lo que he decidido descartarlos. Nos quedan pues 896 respuestas válidas.
 
673 personas han respondido que son falsas 15 afirmaciones o menos, esto es, el 75,11 % de las respuestas válidas cree que al menos una afirmación falsa es verdadera.
 
161 personas han respondido que son falsas 17 afirmaciones o más, es decir, el 17,97% de las respuestas válidas cree que al menos una afirmación verdadera es falsa.
 
Finalmente, 62 personas han respondido que había 16 respuestas falsas; de ellas no podemos afirmar nada.
La respuesta más común ha sido 13, con 103 respuestas, seguida de 12 con 96 y 14 con 92.
 
 

 

Comentario
Si bien este experimento carece de validez científica alguna sí creo poder afirmar con cierta contundencia lo siguiente.
 
Los resultados anteriores indicarían que un porcentaje significativo de la población general no tiene un conocimiento adecuado de cómo funciona el encéfalo en términos que le afectan en su día a día. Este conocimiento no adecuado puede ser usado en provecho de terceros, dificultar el rendimiento académico óptimo de los individuos o alterar el comportamiento basándose en realidades que son falsas.
 
Podemos discutir en los comentarios lo que consideréis oportuno. Muchas gracias a todos los participantes.
 
Los neuromitos
 
Finalmente las afirmaciones son las siguientes: en rojo incorrectas.
 
1 Usamos nuestros cerebros 24 horas al día
 
2 Los niños deben adquirir su lengua nativa antes de aprender una segunda. Si no lo hacen así nunca terminarán de dominar ninguna de las lenguas
 
3 Los chicos tienen encéfalos mayores que las chicas
 
4 Los estudiantes que no beben suficientes cantidades de agua (de 6 a 8 vasos al día) pueden sufrir una reducción del tamaño del cerebro
 
5 Se ha probado científicamente que los suplementos de determinados ácidos grasos (omega-3 y omega-6) tienen un efecto positivo en el rendimiento académico
 
6 Cuando un área del cerebro se ve dañada otras partes pueden asumir su función
 
7 Sólo usamos el 10% de nuestro cerebro
 
8 Los hemisferios derecho e izquierdo siempre trabajan juntos
 
9 Las diferencias en el dominio hemisférico (cerebro derecho, cerebro izquierdo) pueden ayudar a explicar las diferencias individuales entre estudiantes
 
10 Los encéfalos de chicos y chicas se desarrollan al mismo ritmo
 
11 El desarrollo cerebral ya ha terminado para cuando los niños llegan a secundaria
 
12 Hay períodos críticos en la niñez después de los cuales hay ciertas cosas que ya no se pueden aprender
 
13 La información se almacena en el encéfalo en una red de células distribuida en todo el encéfalo
 
14 El aprendizaje no se debe a la adición de nuevas células al cerebro
 
15 Las personas aprenden mejor cuando reciben información en su estilo de aprendizaje preferido (p.ej., auditivo, visual, kinestésico)
 
16 El aprendizaje se debe a la modificación de las conexiones neuronales en el encéfalo
 
17 El rendimiento académico puede verse afectado por no desayunar
 
18 El desarrollo normal del encéfalo humano implica el nacimiento y muerte de células cerebrales
 
19 La capacidad mental es hereditaria y no puede ser cambiada por el ambiente o la experiencia
 
20 El ejercicio intenso puede mejorar la función mental
 
21 Los entornos ricos en estímulos mejoran los cerebros de los niños preescolares
 
22 Los niños están menos atentos después de consumir bebidas o aperitivos dulces
 
23 Los ritmos circadianos (“relojes corporales”) se desplazan durante la adolescencia, lo que hace que los estudiantes estén cansados durante las primeras clases de la mañana.
 
24 La ingesta regular de bebidas con cafeína reduce el estado de alerta
 
25 Los ejercicios que ensayan la coordinación de las capacidades perceptivo-motoras pueden mejorar las capacidades de aprendizaje
 
26 La repetición continua a lo largo del tiempo de algunos procesos mentales pueden cambiar la forma y estructura de algunas partes del encéfalo.
 
27 Los estudiantes individuales muestran preferencias por el modo en el que reciben la información (p.ej., visual, auditiva, kinestésica)
 
28 Los problemas de aprendizaje asociados con diferencias en el desarrollo de la función cerebral no pueden ser solucionados por la educación
 
29 la producción de nuevas conexiones en el encéfalo puede continuar en la vejez
 
30 Las tandas cortas de ejercicios de coordinación pueden mejorar la integración de las funciones cerebrales de los hemisferios derecho e izquierdo
 
31 Hay períodos en la infancia en los que es más fácil aprender cosas
 
32 Cuando dormimos el cerebro se detiene

Another CSS image replacement technique

…things by Nicolas Gallagher

A new image replacement technique was recently added to the HTML5 Boilerplate project. This post explains how it works and how it compares to alternative image replacement techniques.

Here’s the CSS behind the recent update to the image replacement helper class in HTML5 Boilerplate. It has also made its way into the Compassframework.

.ir {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

What does each declaration do?

  • font:0/0 a – a shorthand property that zeros out the font size and line-height. The a value acts as a very short font-family (an idea taken from theBEM implementation of this method). The CSS validator complains that using 0/0 in the shorthand font property is not valid, but every browser accepts it and this appears to be an error in the validator. Usingfont:0px/0 a passes validation but it displayed as font:0/0 a in the code that the validator flags as valid.
  • text-shadow:none – makes sure that any inherited text shadow is removed for the text. This prevents the chance of any text shadow colors showing over the background.
  • color:transparent – needed for browsers than don’t completely crush the text to the point of being invisible. Safari 4 (extremely rare) is an example of such a browser. There may also be mobile browsers than require this declaration. IE6/7/8 don’t recognise this value for color, but fortunately IE7/8 don’t show any trace of the text. IE6 shows a faint trace.

In the HTML5 Boilerplate image replacement helper, we’ve also removed any border and background-color that may be on the element. This makes it easier to use the helper class on elements like button or with links that may included background or border properties as part of a design decision.

Benefits over text-indent methods

The new technique avoids various problems with any text-indent method, including the one proposed by Scott Kellum to avoid iPad 1 performance problems related to large negative text indents.

  • Works in IE6/7 on inline-block elements. Techniques based on text indentation are basically “broken”, as shown by this test case:http://jsfiddle.net/necolas/QZvYa/show/
  • Doesn’t result in any offscreen box being created. The text-indentmethods result in a box being drawn (sometimes offscreen) for any text that have been negatively or positively indented. It can sometimes cause performance problems but the font-based method sidesteps those concerns.
  • No need to specify a text-alignment and hide the overflow since the text is crushed to take up no space.
  • No need to hide br or make all fallback HTML display:inline to get around the constraints of using a text indentation. This method is not affected by those problems.
  • Fewer styles are needed as a result of these improvements.

Drawbacks

No image replacement hack is perfect.

  • Leaves a very small trace of the text in IE6.
  • This approach means that you cannot use em units for margins on elements that make use of this image replacement code. This is because the font size is set to 0.
  • Windows-Eyes has a bug that prevents the reading of text hidden using this method. There are no problems with all other screenreaders that have been tested. Thanks to @jkiss for providing these detailed results and to@wilto for confirming this technique works for JAWS 12 in IE 6/7/8 and Firefox 4/5/6.
  • Like so many IR methods, it doesn’t work when CSS is loaded but images are not.
  • Text may not be hidden if a visitor is using a user style sheet which has explicitly set important font-size declarations for the element type on which you have applied the IR class.

It’s worth noting that the NIR image replacement technique avoids these drawbacks, but lacks support in IE6/7.

Closing comments

I’ve been using this technique without significant problems for nearly a year, ever since Jonathan Neal and I used it in a clearfix experiment. The BEM framework also makes use of it for their icon components. The core idea was even proposed back in 2003 but the browser quirks of the day may have prevented wider use.

If you come across any problems with this technique, please report them at the HTML5 Boilerplate GitHub issue tracker and include a test case when appropriate.

Translations

 

Enhanced by Zemanta

Off Canvas Menu with CSS :target by Chris Coyier

“Off Canvas” patterns  are different ways to approach layout where content on the web isn’t just laid out in a vertical column. For instance, navigation could be positioned hidden off the left edge of the “canvas” (visible browser window) and slid in on demand. Anthony Colangelo created jPanelMenu  to do just that. Hakim El Hattab’s Meny  is fancier but similar in what it accomplishes.

They both use JavaScript. I thought it would be fun to try and recreate Anthony’s jPanelMenu using only CSS. It’s do-able – with several advantages and disadvantages.

 

cssPanelMenu
View Demo 

Two Columns, One Collapsed

The layout technique here is essentially a two column grid. Only the left column is 0% wide and the right column is 100% wide by default. The left column is the navigation we intend to reveal as needed. With hidden overflow, this column is completely hidden.

<!-- I am collapsed by default -->
<nav id="main-navigation">
   <a href="#">Nav Links</a>
   <!-- more -->
</nav>

<!-- I am full width by default -->
<div>
  <header>
    <a href="#main-navigation">Menu</a>
    <h1>Title</h1>
  </header>

  <!-- content -->
</div>
.navigation {
  
  /* Collapsed */
  width: 0; 

  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
}

.page-wrap {
  width: 100%;
  float: right;
}

Open Menu State with :target

Notice that this link:

<a href="#main-navigation">Menu</a>

Matches the ID of:

<nav id="main-navigation">

That’s a regular ol’ hash-link. The page will “jump” to that element. More importantly to us, it will make this selector match:

#main-navigation:target {

}

So when that link is clicked, we can un-hide the menu by increasing it’s width. Might as well make it slide out nicely.

.navigation {
  transition: width 0.3s ease;
}
#main-nav:target {
  width: 20%; 
}

We could leave it at that, and the menu would overlap the content (make sure it has a higher z-index). That would be perfectly fine. But we do have options. We could “push” the content off the right edge of the content instead. That’s what, for example, Facebook does in their mobile app when the left menu is revealed. Or we could squish up the main content making a 20%/80% grid. That’s what we’ll do here.

But wait… how do we select the .page-wrap only in the particular state when the menu is open? We can use anadjacent sibling combinator !

#main-nav:target + .page-wrap {
  width: 80%;
}

It’s that easy.

To close the menu, we just need to remove the hash-link in the URL. Essentially, provide an link like this anywhere:

<a href="#">Close Menu</a>

If you wanted to get real fancy you could hide/show different links positioned in the same exact place to create a “toggle link”.

Advantages

It’s all CSS! Less code overall. Less resources to load. Works without JavaScript. Transition smoother than JavaScript transition.

Disadvantages

Limited browser support. :target  is IE9+ (the whole thing fails if :target doesn’t work). Transitions  are IE 10+. Changing classes or hide/showing/animating with JavaScript can overcome any browser limitations. Also you’ll have more freedom in how the markup can be arranged instead of being forced into the specific order presented here. Also possibly slightly better semantics, not needing separate links for opening and closing the menu.

Off Canvas Menu with CSS :target  is a post from CSS-Tricks


Why Ems? by Chris Coyier

I’ve long sized text only in px. Even when it was patently uncool to do so – the days in which smart people cared about the fact that text set in px couldn’t be resized in IE 6-8. I’ve switched over to using ems now. I haven’t moved every single project over yet, but my mind has switched. Why? I finally found some compelling reasons that I now grok.

 

You’re going to need to change font sizes for different screen sizes

The same size body type that looks good on a phone sized screen does not look good on a widened desktop layout. Look at Trent’s site  for a good example of this. Text should be a bit bigger on large screens.

Let’s say you look through your stylesheet and find 50 different font-size declarations in px. That’s 50 places you need to change that font size through a media query when the screen size changes. That’s 50 suck points.

First of all 50 places is too many for all but the most enormous of websites. But let’s say those 50 places were all in em. Now through media queries you only need to change the font-size on the body and that change will cascade all the way through the document and adjust the sizes accordingly.

body {
  font-size: x-large;
}
@media (max-width: 1000px) {
  body { font-size: large; }
}
@media (max-width: 500px) {
  body { font-size: medium; }
}

It’s arbitrary anyway

Devices do try to normalize the physical size that “1px” is despite their screen density. What a funny thing. A pixel has nothing to do with a real pixel on your screen. It’s actually an angular measurement .

You might feel more comfortable sizing in px because you’ve done it longer, but that doesn’t make it more intuitive. You’re picking a value that looks right on the screen. What does it matter if it’s 1.35 or 17?

Relative Space

Let’s say you are going to use image icons in your design. You want to apply them to headers at will. You want the size of those icons to be commensurate with the size of the header. You can’t reserve space like padding-left: 20px, because that will always been 20px regardless of the font-size of the header. If you set that padding in ems, you can reserve an amount of space relative to the current font-size of that header.

Relationships

If you go all-in with ems, you can start setting things like margin and padding with ems. That means when you notch that body font-size down, spacing around your site also notches down. This ties the design of your site to the typography, which is some major ying/yang #synergy action.

Minor Blahs

There are still a few obnoxious things with ems, like the cascading. If you decide that list items should be font-size: 1.1em and then have nested lists, it will cascade and grow the font size of the child lists. You probably didn’t want that. You can fix it with li li { font-size: 1em; } but that’s the kind of thing that can grind your gourd. That’s where rem’s can come in , but that can be tricky as well since there is less browser support is less (IE 9+).

Why Ems?  is a post from CSS-Tricks


The Web Designer’s Roadmap from Today Books – PDFCHM Online

9780987247841 (0987247840), SitePoint Pty Ltd, 2012 

Welcome to another book about web design! Well, actually, this one’s different. This book will also delve into the creative side of designing for theWeb, including a look at art history and some sources of inspiration for the intrepid web designer. In the main, we’ll be discussing the phases of the design process and how to incorporate them into your workflow. 

Some of these stages are tried-and-true, industry-strength sweet magic that the majority of designers use, even if they fail to realize it. We’ll talk about these stages in great detail because they’re going to be your bread and butter as a web designer. Much of what a web designer does is industry-specific and requires a great deal of technical knowledge (so you’ll need to know some HTML), but the process is far more important as the vehicle that allows us to complete complex tasks without pulling out our hair. 

Each step of the design process laid out in this book is something that you can adopt, change, or ignore. I personally believe that designers should work in whatever way best suits their skills. Some prefer to work in the browser with HTML and CSS. Others use Fireworks and create their wireframes and designs in the same project document. Some designers sketch thumbnails, while others don’t. 

I want you to be able to communicate your ideas, so that you can interact effectively with clients and the rest of your team. What I don’t want is for you to treat this book as a step-by-step guide for how to be an “awesome-sauce” designer. You already have the awesome sauce. I’m just here to talk about the details. 

I hope you enjoy the book, that you learn something new, and that you continue to grow as a designer. Many people have helped me reach this point. My only desire is to give something back.


Sonos Play:3 y Play:5 [FW Labs] by Rafa Garcia

La difunta cadena de tiendas Tower Records solía decir: “No Music, No Life” lo cual es muy cierto pero, si la música no la escuchas como se debe, entiéndase un sistema de sonido o audífonos de buena calidad, tampoco sirve de mucho que te pongas a escuchar tus bandas favoritas si la experiencia no va a ser la optima.

Equivocadamente la gente cree que un sistema de audio “bueno” es aquel que tiene mil luces al frente, que tiene un diseño como de discoteca de mala muerte y que tiene 2,500 watts PMPO pero la realidad es que el audio debe ser una experiencia agradable en todo momento, no solo cuando escuchas a volumen medio.

Sonos es una solución de audio inalámbrico inteligente para las personas que gustan sentarse a escuchar música con la mejor calidad posible, aparentemente son solo bocinas, pero en conjunto con tus dispositivos inalámbricos y una conexión a internet se vuelven mucho más.

Especificaciones

  • Amplificador: Tres amplificadores Clase-D digitales (Play:3), Cinco amplificadores Clase-D digitales (Play:5)
  • Parlantes (Play:3): Sistema de tres drivers, un tweeter, dos drivers de rango medio y un radiador de bajos.
  • Parlantes (Play:5): Sistema de 5 drivers, dos tweeters, dos drivers de rango medio de 3”y un woofer de 3.5”. Cada driver está alimentado individualmente por un amplificador dedicado.
  • Par estéreo (Solo Play3): Te permite agrupar dos Play:3 un sirviendo como canal izquierdo y el otro como canal derecho.
  • Sistemas operativos: Windows XP SP3; Mac OS X v10.6, NAS (Network Attached Storage)
  • Servicios musicales (varían por región): Amazon Cloud Player, AUPEO!, Deezer, iHeartRadio, JB Hi-Fi NOW, JUKE, Last.fm, MOG, Pandora, Radio, Rhapsody, SiriusXM Internet Radio, Slacker Radio, Songl, Songza, Spotify, Stitcher SmartRadio, TuneIn, Wolfgang’s Vault, WiMP.
  • Internet Radio: Streaming MP3, WMA
  • Formatos de audio: MP3, iTunes Plus, WMA, AAC (MPEG4), AAC+, Ogg Vorbis, Audible (format 4), Apple Lossless, Flac (lossless) music files, WAV y AIFF. Soporte para 44.1kHz. Soporte adicional para 48kHz, 32kHz, 24kHz, 22kHz, 16kHz, 11kHz, y 8kHz. Nota: Apple “Fairplay”, WMA DRM and WMA Lossless no tiene soporte.
  • Soporte para arte de álbum: JPEG, PNG, BMP, GIF
  • Modos: Crossfade, shuffle, repeat
  • Playlist soportado: iTunes, Rhapsody, WinAmp, Windows Media Player y MusicMatch (.m3u, .pls, .wpl)
  • Puerto de Ethernet: 1
  • Conectividad inalámbrica: SonosNet,
  • Energía: AC 120/240V, 50-60Hz, auto-switchable
  • Peso: Play:3 2.6 kg, Play:5 4.15 kg.
  • Dimensiones: 132 x 268 x 160 mm (Play:3), 217 x 365 x 123 mm (Play:5)
  • Idiomas (Software): Danés, Alemán, Inglés, Francés, Holandés, Italiano, Japonés, Noruego, Chino simplificado, Español y Sueco.

Diseño

El diseño de todos los componentes de Sonos es elegante y discreto, ya sea desde el bridge hasta el Play 5, no hay una sola pieza que desentone con el ambiente. Las bocinas (Play 3 y Play 5) vienen en dos colores, blanco y negro. Particularmente prefiero las color negro porque combinan mejor y si la habitación es muy clara, hace un buen contraste. Créanme, son bocinas que quieres que luzcan en tu recamara, sala u otra habitación de tu casa.

El Play 3 es el mas pequeño de la familia de sistemas de sonido Sonos pero no por eso el más débil, de hecho, es el sistema más versátil. Colocado horizontalmente y pegado contra la pared (para sacar el mayor provecho de los bajos que tiene en la parte de atrás) te da una buena calidad de audio en estéreo, cuando lo colocar de manera vertical te da calidad de audio monoaural pero, si colocas otro Play 3 en esta misma posición tendrás un audio estéreo muy bueno.

El Play 5 es un poco más grande y no hay mas que una forma de colocarlo, afortunadamente el diseño de esta bocina incluye una salida de subwoofer / agarradera para que lo puedas mover a otras partes. Por ser más grande tienes mayor alcance y mayor potencia pero, la calidad es idéntica a la del Play 3.

Audio

No importa que te guste el rock, clásica, jazz, pop, metal (si, incluso eso que canta el Pitbull), todo se va a escuchar perfectamente aún al 100% de volumen. Como el nombre de cada uno lo indica el Play 3 tiene tres amplificadores clase D y el Play 5 tiene cinco amplificadores clase D.

Los expertos en audio con justa razón podrán argumentar que clase D siempre pierde fidelidad, pero creo que en este caso no pasa tan drásticamente. A diferencia de otros sistemas de audio, aquí pudimos subir todo el volumen de algunas canciones y en ningún momento detectamos distorsión, es probable que existiera un poco pero, en comparación con muchos sistemas de audio caseros este fue prácticamente imperceptible.

WiFi

Todos los componentes Sonos son 95% Wi-Fi y es que, entre ellos mismos, no requieren estar conectados a ningún cable pero, al menos uno de los componentes debe estar conectado por cable de red a tu modem / router para poder establecer una conexión a internet y con tus dispositivos o computadora.

Lo molesto de esto es que si tienes una sola bocina, digamos la Play 5, tendrás que colocarla cerca de tu modem para que tenga acceso a tu red Wi-Fi. ¿Cómo se soluciona? Con el Sonos Bridge. Este pequeño aparato te permite administrar tus demás componentes Sonos inalámbricamente, de hecho es altamente recomendable que tengas uno de estos si piensas adquirir dos o más equipos Sonos. De esta forma podrás colocarlos donde quieras, sin preocuparte por lo cables o el acceso a internet.

Hay otros accesorios Sonos que puedes conectar a tu estéreo o tu Home Theater y de esta manera enviar a cada rincón de la casa (donde tengas un equipo Sonos) el audio que estos aparatos transmiten.

El app de Sonos (para Android y iOS) es muy simple de usar y de hecho es muy recomendable ya que desde ahí puedes hacer todo: agrupar equipos, programar música para cada uno de manera individual, controlar el volumen, buscar música por internet, el único pero es que, para poder escuchar la música de tu iPhone / iPod, necesitas comprar la cuna (Sonos) para esto, lo que obviamente limita tu movilidad dentro de tu casa si es que desde ahí estabas controlando todo.

Servicios

Instalar y configurar tus Sonos no es nada del otro mundo, tanto el modelo Play 3 como el modelo Play 5 incluyen un disco instalador y cables de red para hacer la respectiva conexión al modem (en caso de no contar con un Bridge).

Play 3 y Play 5 no pueden reproducir música por si solos, necesitan tener acceso a una librería que puede ser la música de tu Laptop o lo que tengas en tu iPod / iPhone. De hecho, los equipos Sonos no tienen más que tres botones: volumen arriba, volumen abajo y mute.

El software que usas para controlar los equipos es relativamente simple de usar, puedes buscar música desde tu equipo de computo, por internet o desde un dispositivo móvil; el único pero que le pongo a este software es que no puedes hacer doble clic sobre una canción y tampoco puedes arrastrarla hasta la ventana del reproductor, si no está en la carpeta de música que agregaste, no podrás escucharla.

Una de las ventajas de estar conectado a internet es poder escuchar música en línea, gracias a servicios como Deezer esto es posible y no tienen ningún costo adicional. En el caso de México les puedo decir que vienen prácticamente todas las estaciones de radio nacionales que tienen transmisión de su señal por internet, así que no importa si quieres escuchar música de tu PC, música por internet que no tengas en tu librería o escuchar la radio local, puedes hacerlo.

Conclusiones

Es una inversión fuerte, de verdad que no es un equipo barato y lo peor es que no te conformas solo con una bocina. Si ya compraste una Play:3 para tu recamara vas a querer regresar por una Play:5 para la sala, y si ya compraste una para la sala es probable que quieras otras más para compartir con tu hermano o hermana, y si ya compartes con la familia entonces vas que querer agregar una más para el cuarto de la TV y así. El “pero” real que tienen estas bocinas son el software que usan, la aplicación de Sonos no es tan amigable como uno quisiera y a veces eso resulta un poco desesperante; fuera de esto, no hay mas quejas.

Lo Imperdible

  • La calidad del audio
  • Diseño elegante y discreto
  • No se distorsiona el audio aun al máximo volumen
  • Puedes controlar desde tu laptop, PC, Smartphone o tablet

Lo Impresentable

  • El software podría ser más amigable
  • Son muy costosas
  • Ojalá hubiera una base para teléfonos con Android
  • Por el momento no hay app para Windows Phone

Sonos 1  Sonos 2  Sonos diagrama  Sonos app  SONOS Familia  S1  S2  S3  S4  S5  S6  S7  S8  S9  S10  S11  S12  S13  S14  S15  S16  S17  S18  S19  S20  S21  S22  S23  

 

Enhanced by Zemanta

The Adventures of Accordo by brad

http://vimeo.com/52526029

This is an awesome, light hearted short film about how a bike chooses its owner. The Nixon brothers filmmakers say it best, “Life always seems sweetest when we stumble upon a new experience, whether it be a new trial, an open road, rush hour traffic, a freshly tamped set of rollers or in this case a fixer upper project bike.”

Enhanced by Zemanta

PowerPac- a pedal powered charging unit by Ideso by James Thomas

Just a few days ago, I mentioned bicycles being used to charge cell phones in post-storm Manhattan . That task could have been made easier for more people with a product like the PowerPac designed by Ideso , a South African product design consulting firm. The PowerPac is the “world’s first product to offer a removable power storage unit that becomes a portable charging unit for use anywhere in the home or office”, and it recently beat thousands of other international products to win the Red Dot ‘Best of the Best 2012’ Design Award.

Ideso industrial designer, Jared Vorster, receiving the red dot design award in Singapore. Photo by Alice Walsh.

Ideso founder Marc Ruwiel explains that their “aim was to create an aesthetically pleasing, user friendly and functional design that marries the fluidity of cycling with dynamic power generation. It can be used by avid cyclists who can reduce CO2 emissions and generate their own electrical power, while enjoying a good workout at home.”He points out that an average cyclist can fully charge the battery with 80 minutes of cycling. The resulting 132Wh of charge/potential energy can be stored in the battery and used to fully charge or power a smartphone, computer, tablet, camera, or even something like a power tool.

According to Ideso, “The PowerPac features two housings to contain the required components. The larger housing is split into a front and a back cover that contains the permanent magnet DC generator and the charge controller. The smaller battery housing is split into a top and a base cover and contains the 12V battery with a capacity of 11Ah, a DC to AC inverter and various energy output options: 220V AC (conventional plug), 12 DC (cigarette lighter) and 5V DC (USB).”

PowerPac human-powered portable charging unit by IDESO

It looks like a very useful product, but you can’t buy one just yet. Currently, Ideso is seeking an investment partner with a presence in the cycling industry to help develop the PowerPac and get it into production. If you know of a company that might be interested, contact Ideso through their website .