el pasado viernes 19 de marzo, el Consejo de Ministros aprobó en Sevilla el Proyecto Ley de Economía Sostenible. Dentro de ese proyecto de Ley se encuadraría una disposición especial del Ministerio de Cultura que permitiría el cierre de páginas web por mandato de una comisión creada a tal efecto.

Tras la aprobación del Consejo de Ministros nada hemos sabido sobre el estado de esta disposición que, como sabrá, ha generado gran inquietud entre todos los internautas.

A día de hoy, no sabemos qué ha pasado con esa ley: no hubo ningún comentario al respecto, ninguna pregunta en la rueda de prensa posterior, y ni una sola línea en los textos que han trascendido del anteproyecto.

Así pues, y dado que siempre ha defendido usted la transparencia y que otras partes de la LES sí que han trascendido, nos gustaría saber en qué estado se encuentra el texto referente al cierre de webs.

No pedimos mucho, sólo saber el contenido del proyecto de ley aprobado por usted y su Consejo de Ministros.

Un cordial saludo.

(Nota: copia este texto y publícalo en tu web. También puedes mandar la petición del texto del proyecto de ley al twitter @medidas – cuenta oficial de la Ley de Economía Sostenible -)

La verdad es que me gustaría encontrar algún socio para emprender algún proyecto interesante. Nada de que uno lo haga todo y el otro se lo lleve todo. SOCIO al 50% en todo. En este mundillo te encuentras en muchos foros necesito un programador que trabaje gratis… bla bla bla….

Si alguno esta interesado ya sabe, que me escriba algo.

Me he apuntado 8 números de 0 a 100. El que lo acierte se lo lleva.

No vale mas de un numero por persona eh!!!!!

Empezamos……

Actualización: Bueno chic@s se han acabado las invitaciones. Espero que los afortunados repartan sus respectivas invitaciones con todos los comentarios que habeis dejado aquí. Los afortunados han sido (Llorarles un poco a ver si reparten!! ):

• 6 Fran S.
• 15 Claudio
• 26 Gustavo
• 43 ntls
• 45 A.D.Barbagli
• 84 Juan A. Biforcos
• 98 Chmlls
• 100 Cristian

En este primer evento nos presentaron la cultura y estética pop del 21 en Asia, centrándose sobretodo en Japón. Marta Castro ( diseñadora gráfica, fotógrafa, bloguera… )  y Mario Carranza ( experto en cultura pop japonesa ) fueron los encargados de hacernos esta introducción a la cultura urbana japonesa. Hicieron un recorrido lo mas importante de esta cultura.
Se han centrado en la influencia que ha recibido la vida de Marta, también llamada Kahlo. Esta chica empezó a fascinarse por este mundo a los 14, cuando empezó a conocer este mundillo de internet. Todo su trabajo y vida están afectados por las tendencias japonesas. El punto curioso es que Kahlo nunca ha viajado a Japón!!! Crees que ella conoce Japón por todo lo que ha leído o se ha creado un Japón ideal en su cabeza? Yo me decanto mas por lo segundo y espero que este ideal no provoque que su viaje a Japón sea un fraude para ella.

El manga y el anime son unos de los pilares de esta cultura. Para los japoneses, manga son todos los comics, tanto asiáticos como los de Marvel por ejemplo. Anime son los dibujos animados típicos asiáticos. Muchos de nosotros tenemos una idea equivocada. Por lo menos yo, englobaba todo esto en manga.
En Asia no solo los jóvenes o los frikis consumen manga. Podemos encontrar comics hechos especialmente para ejecutivos, amas de casa, jubilados, hombres, mujeres… Es decir para todos los gustos.
Podemos encontrar también manga y anime de contenido pornográfico, el denominado Hentai. La cultura japonesa es muy conservadora y hay mucha censura. No esta bien visto enseñar las partes genitales. Para pasar esta censura nos encontramos, por ejemplo, con pulpos de enormes tentáculos en lugar de enseñar a hombres desnudos. Aquí, tal vez, se vea como algo extraño pero en la cultura asiática se ha convertido en algo bastante normal.

Otro de los temas tratados ha sido la música. Podemos encontrar grupos prefabricados, y no por eso son mal vistos por la gente. Un grupo que esta moviendo masas ahora mismo es Morning Musume. Se trata de un grupo de chicas monas que cantan canciones bailables y muy pegadizas. Las integrantes tienen poca importancia en el grupo, constantemente entran y salen nuevas chicas. Es un producto pensado por especialistas para vender y parece que hacen un buen trabajo. La gente sabe perfectamente que es un grupo echo en el laboratorio pero les gusta.

Estos solo han sido algunos de los puntos tratados en la charla. Los próximos lunes parece que se centraran en temas mas tecnológicos( internet, juegos, redes sociales… ). Espero poder asistir y los que tengáis oportunidad inscribiros y participar en el evento.

Ya os contare….

Te hemos preparado varios ejemplos en esta página.

Ejemplo 1 – Opacidad imagen

En este efecto puedes ver la transición de dos imágenes. Para ello, necesitamos dos imágenes superpuestas. Una encima de la otra. Al pasar por encima variamos la opacidad de la que queda por encima y así vemos la imagen de abajo.

El código HTML del ejemplo:

<div style=”height: 320px;” >
<div style=”position: relative; margin: 20px;”>
<div style=”width: 400px; height: 300px; position:absolute; top:0; left: 0;”>
<img src=”paisaje.jpg” width=”400″ height=”300″/>
</div>
<div style=”width: 400px; height: 300px; position:absolute; top:0; left: 0;”>
<img src=”paisaje_bn.jpg” width=”400″ height=”300″/>
</div>
</div>

El código js:

<script type=”text/javascript”>
$(“.img_bn”).bind( “mouseenter”, function(e)
{
$(this).stop();
$(this).animate({ opacity: 0.0 }, 500 );
});
$(“.img_bn”).bind( “mouseleave”, function(e)
{
$(this).stop();
$(this).animate({ opacity: 1 }, 500 );
});
</script>

Como puedes ver asociamos los eventos mouseenter y mouseleave a dos funciones que varían la opacidad de la imagen a 0 o 1. Para ello llamamos a la función animate pasando los cambios que queramos aplicar al CSS y el tiempo en milisegundos que ha de tardar el efecto.

La función stop() sirve para parar todos los efectos que están en marcha sobre uno o varios objetos.

Ejemplo 2 – Tamaño de imagen

En este ejemplo aplicamos un cambio de tamaño a la imagen. Para ello el código js es:

<script type=”text/javascript”>
$(“#ej_img”).bind( “mouseenter”, function(e)
{
$(this).stop();
$(this).animate({ height: 300, width: 400 }, 500 );
});
$(“#ej_img”).bind( “mouseleave”, function(e)
{
$(this).stop();
$(this).animate({ height: 150, width: 200 }, 500 );
});
</script>

Ejemplo 3 – Tamaño de texto

Aquí puedes ver como variamos el tamaño de la fuente del texto. El código js es:

<script type=”text/javascript”>
$(“#ej3_p”).bind( “mouseenter”, function(e)
{
$(this).stop();
$(this).animate({ fontSize: 20 }, 500 );
});
$(“#ej3_p”).bind( “mouseleave”, function(e)
{
$(this).stop();
$(this).animate({ fontSize: 10 }, 500 );
});
</script>

Ejemplo 4 – Varios efectos en uno

Podemos hacer que se ejecuten varios efectos. Uno después del otro. Para ello solo iremos concatenando los efectos. En el ejemplo el código js es:

<script type=”text/javascript”>
$(“#ej4_div”).bind( “click”, function(e)
{
$(this).animate({ left: 150 }, 500 )
.animate({ top:50, left:200 }, 250 )
.animate({ top:0, left: 250 }, 1500 )
.animate({ left: 400 }, 500 )
.animate({ top: 400 }, 500 )
.animate({ left: 200 }, 500 )
.animate({ top: 0, left: 0 }, 500 );
});
</script>

Lógicamente no podrás hacer lo mismo que si esta en un teléfono. Pero para hacerte una idea de como es el sistema, o si estas pensando comprarte uno no esta nada mal la idea.

Actualización: Wordpress actualizado. Espero que todo funcione OK

Hay varias formas de asignar una función a un evento. Nosotros usaremos al método bind de Jquery. Este evento recibe ( obligatoriamente ) dos parametros.

bind( evento, funcion )

Los posibles eventos son: blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick,  mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select,  submit, keydown, keypress, keyup, error.

Os hemos preparado cuatro ejemplos para que comprobéis la sencillez de su uso. Podéis verlos en acción en este enlace. Cualquier duda que os surja no dudéis en comentarla.

Ejemplo 1 – Click \ Dblclick

En este ejemplo enlazamos los eventos click y doble click a un div. Cuando se lanza el evento llamamos a una función que cambia el texto que hay dentro del segundo div.

HTML:

<div style=”position: relative; height: 100px; margin: 20px;”>
<div id=”div_ejemplo1″ style=”width: 100px; height: 100px; background:#FF0000; position:absolute; top:0; left: 0;”></div>
<div id=”div_ejemplo1_texto” style=”padding: 10px; height: 80px; position:absolute; top:0; left: 110px; “>Haz click o doble click en el cuadrado</div>
</div>

Javascript:

<script type=”text/javascript”>
$(“#div_ejemplo1″).bind( “click”, function(e)
{
var str = “Has echo click en el cuadrado en el punto (” + e.pageX + “,” + e.pageY + “)”;
$(“#div_ejemplo1_texto”).text( str );
});
$(“#div_ejemplo1″).bind( “dblclick”, function(e)
{
var str = “Has echo doble click en el cuadrado en el punto (” + e.pageX + “,” + e.pageY + “)”;
$(“#div_ejemplo1_texto”).text( str );
});
</script>

Ejemplo 2 – Mouseenter \ Mouseleave

En este ejemplo puedes ver como cambiamos la clase del primer div al entrar y salir en el div.

HTML:

<div style=”position: relative; height: 100px; margin: 20px;”>
<div id=”div_ejemplo2″ style=”width: 100px; height: 100px; position:absolute; top:0; left: 0;”></div>
<div id=”div_ejemplo2_texto” style=”padding: 10px; height: 80px; position:absolute; top:0; left: 110px; “>Pasa por encima del cuadrado</div>
</div>

CSS:

<style>
#div_ejemplo2 { background: #FF0000; }
#div_ejemplo2.over { background: #00FF00; }
</style>

Javascript:

<script type=”text/javascript”>
$(“#div_ejemplo2″).bind( “mouseenter mouseleave”, function(e)
{
$(“#div_ejemplo2″).toggleClass(“over”);
});
</script>

Ejemplo 3 – Añadir \ Eliminar eventos

Igual que enlazamos eventos con el método bind, también puedes eliminar este enlace. Para ello llamaremos al método unbind. En este ejemplo:

$(“#div_ejemplo3″).unbind( “mouseenter” );

Ejemplo 4 – Alternar funciones en Click

La verdad es que no le veo la utilidad a esta función. Con ella puedes ejecutar varias funciones con el evento click de un objeto. Las funciones no se ejecutan a la vez, sino que van alternándose. Una cada vez. Para ello llamaremos a la función toggle. En el ejemplo lo utilizamos para ir cambiando el color de fondo del div. El código js es:

<script type=”text/javascript”>
$(“#div_ejemplo4″).toggle(
function() { $(“#div_ejemplo4″).css({“background”:”#099000″ })},
function() { $(“#div_ejemplo4″).css({“background”:”#00FF00″ })},
function() { $(“#div_ejemplo4″).css({“background”:”#000990″ })},
function() { $(“#div_ejemplo4″).css({“background”:”#0000FF” })},
function() { $(“#div_ejemplo4″).css({“background”:”#900009″ })},
function() { $(“#div_ejemplo4″).css({“background”:”#FF0000″ })}
);
</script>