Linea de Codigo

Los grupos de conversación de Facebook sobre lenguajes de programación en español están lanzados y rodando a la perfección. Me alegra mucho ver que la gente está interactuando e intercambiando preguntas, ideas, cursos, manuales,... Qué es lo que perseguíamos. Espero que siga así durante mucho tiempo.

En breve asignaremos administradores a los grupos, para que se pueda diversificar más la actividad y el control de los grupos.

Pero echemos un vistazo a las últimas conversaciones...

HTML5 en Español
https://www.facebook.com/groups/html5.es/
75 miembros

• HTML5 Rocks, un catalogo que contiene mucha información sobre recursos en HTML5.
• HTML5 y Accesibilidad, un buen artículo de Olga Carreras.
• Una Infografía que compara HTML5 y Flash para el desarrollo de VideoJuegos.
• Una buena chuleta sobre las posibilidades del Canvas en HTML5.
• ¿Alguien se ha pegado con el atributo designMode de HTML5?
• ¿Alguien ha probado Adobe Edge?
• Información sobre el centro de recursos HTML5 por Sourceforge y Microsoft.
• Un vídeo sobre el framework PhoneGap para el desarrollo de aplicaciones móviles.
• Foro para HTML5
• ¿Alguien ha probado Aptana?
• Un libro para aprender sobre HTML5 y la accesibilidad.
• ¿Alguien fue al evento CodeMotion?
• Cómo crear un banner con HTML5.
• Un grupo para charlar sobre HTML5 en Madrid.
• Uso del Canvas por Microsoft.
• HTML5 BoilerPlate, buenas prácticas y librerías sobre HTML5.
• Niveles de soporte del HTML5 en dispositivos móviles.
• BlueGriffon, una herramienta de desarrollo en HTML5 sobre Firefox.
• Un juego creado por Mozilla para demostrar el uso de HTML5 con Canvas y Websockets.
• Alguien ayuda a Freddy Flores a cómo crear una aplicación para Android.
• Ulises Esquivel busca ideas para elaborar un foro.
• Capitulo 4 del Manual HTML5 y CSS3 por Jorge Vargas V.
• Nos presentaron la web Desarrollandola.com con un montón de videotutoriales.
• Ayudar a Disan García para empezar desde 0 con HTML5.
• Freddy Flores nos pregunta sobre cómo hacer una venta automática en un website.
• Ayuda a Ulises Esquivel a maquetar elementos DIV
• Un tutorial para aprender CSS desde cero.
• Edita y prueba ejemplos directamente con HTML5 Playground.
• Una web de mucha utilidad. When Can I Use?
• Información sobre Canvas y WebGL.
• Ayuda a Ulises Esquivel a ordenar los post de su página.
• Streaming de Adobe CS6 y Creative Cloud.

Java en Español
https://www.facebook.com/groups/java.es/
90 miembros

• Charla sobre Java ME en Madrid
• ¿Qué Manual Java recomendáis para empezar?
• Libro Java 2, la Biblia del Java.
• Ayudar a Marcos Daniel Monge con Tutoriales para empezar con Java.
• Revisión del libro Introducción a la programación orientada a objetos.
• Ayuda a Mava Vargas con ejemplos sobre NetBeans y PostgreSQL
• Daniel Andrada nos plantea una duda sobre el uso de tablas en NetBeans con Swing
• Lo que viene en Java 9 y Java 10
• Rellena nuestra encuesta sobre si es buena idea eliminar los tipos de datos primitivos en Java.
• Descubriendo la declaración de argumentos variables en Java.
• Emmanuel Ramos nos pide una recomendación sobre un libro del framework Spring y nos pregunta sobre los métodos de notificación en los midlets.
• Ayuda a José Andrés con un problema de textfield y un scrollbar.
• Ayuda a Jose Cota para combinar radiobutton y combobox y para explicar métodos de ordenación por mezcla.
• El curso de Java SE 7 por Oracle.

Javascript en Español
https://www.facebook.com/groups/javascript.es/
66 miembros

• El imprescindible MDN - Mozilla Developer Network
• Contesta nuestra encuesta sobre si hay que aprender solo Javascript y ser un experto o jQuery es un gran complemento.
• Libro jQuery: The Write Less, Do More, Javascript Library
• Artículo para saber qué evento se ha producido.
• Edder Rodriguez comparte unos artículos para saber que plugins de jQuery se utilizan en una web y para saber qué versión de framework se utiliza.
• Artículo de Opera sobre el manejo de eventos.
• 6 librerías para desarrolladores Javascript.
• Conferencia Internacional sobre Javascript en Madrid el 6 y 7 de Julio.
• Vídeo de las herramientas de Firefox para desarrolladores
• Jose Eduardo nos pregunta sobre cómo eliminar la barra horizontal del navegador y el responsive design.

jQuery en Español
https://www.facebook.com/groups/jquery.es/
82 miembros

• Descargarnos la librería jQuery
• Artículo para crear un slider con jQuery
• jQuery TextExt Plugin, Fernando Sebastian nos comenta un plugin para los campos input.
• Joan Fuste comparte un artículo sobre formularios tabulados con animación.
• Como adaptar jQuery Mobile a los proyectos en Rails.
• Pablo Ruiz comparte la revisión del libro Aprende jQuery 1.3

CSS en Español
https://www.facebook.com/groups/css.es/
60 miembros

• El Test CSS3 y algunos de los resultados de nuestros miembros (1, 2, 3,...). Puedes añadir tus pruebas en el documento Soporte CSS3 por los navegadores.
• Artículo para poner varios fondos en CSS3.
• Publicados documentos de trabajo de la W3C sobre CSS Transforms y CSS Fragmentation Module 3.
• Se ha actualizado el documento de trabajo de CSS3 para la definición de los valores de las propiedades, así como del tipo de unidades que se pueden utilizar.
• ¿Cómo modifica el fondo la web Conversege? Impresionante!!!
• CSS Reset para HTML5
• Minix en LESS para CSS3

PHP en Español
https://www.facebook.com/groups/HypertextPreprocessor.es/
63 miembros

• Liberado PHP 5.4.0
• RelampagoPHP y sus videoconferencias sobre Responsive Design y HTML5.

XML en Español
https://www.facebook.com/groups/xml.es/
32 miembros

• Artículo sobre como construir tu primer XSLT.

SVG en Español
https://www.facebook.com/groups/svg.es/
21 miembros

• Artículo que explica como hacer un Hola Mundo en SVG
• ¿Alguna aplicación para hacer animaciones en SVG? Al estilo de Radi.

Cuando cargamos un vídeo en HTML5 el navegador buscará el origen del vídeo, comprobará si puede visualizar el tipo de vídeo que se le indica como origen y validará si los codecs son correctos. Un vez hecho eso empezará la descarga del vídeo, es decir, empezará a descargar el contenido del vídeo hasta el final del mismo.

Pero qué pasa si no queremos seguir visualizando el vídeo, si queremos parar la descarga con el fin de que no se consuma ancho de banda de nuestra conexión.

Veamos como hacerlo. De primeras veremos que en el DOM nos encontramos el elemento HTMLMediaElement con un método .pause(). Si ejecutamos dicho método solo pararemos la ejecución del contenido multimedia, pero no se parará la descarga del vídeo, es decir, la imagen la veremos congelada, pero el navegador seguirá descargándose el contenido.

var v = document.getElementById("mivideo");
v.pause();

Pero para poder parar la descarga de un vídeo en HTML5 no nos valdrá solo con el método .pause(), si no que tenemos que jugar con el atributo .src, al cual desasignaremos el valor, es decir, le daremos el valor de una cadena vacía. Una vez parado el vídeo y desasignado el valor de su atributo .src conseguiremos parar la descarga.

var v = document.getElementById("mivideo");
v.pause();
v.src="";

En el caso de Firefox no sirve solo con desasignar la cadena .src, si no que tendremos que realizar la carga del nuevo valor mediante el método .load(). Esto producirá que se envíe el evento abort del HTMLMediaElement. Si bien habremos conseguido parar la descarga de un vídeo en HTML5.

var v = document.getElementById("mivideo");
v.pause();
v.src="";
v.load();

Gracias a CSS3 podemos redondear los bordes de los elementos. Y es que para redondear los bordes con CSS utilizaremos la propiedad border-radius.

La sintaxis general de border-radius es la siguiente:

border-radius: [tamaño|porcentaje];

De esta forma podemos indicar el tamaño o porcentaje en el que se redondeará cada una de las esquinas de la capa. El valor corresponde con el radio de la circunferencia trazada en la esquina.

Así, si utilizamos:

border-radius: 15px;

Veremos el siguiente resultado:

Podemos especificar un radio para cada una de las esquinas. En este caso se aplicará el orden de las agujas del reloj, empezado por la esquina superior izquierda, siguiendo por la esquina superior derecha, esquina inferior derecha y esquina inferior izquierda.

border-radius: 5px 30px 45px 60px;

Si bien tenemos la capacidad de indicar el tamaño de cada de las esquinas por separado mediante:

border-top-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
border-bottom-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
border-top-right-radius: [tamaño|porcentaje] [tamaño|porcentaje];
border-bottom-right-radius: [tamaño|porcentaje] [tamaño|porcentaje;

Cuando identificamos los radios de las esquinas por separado podemos indicar de forma diferente los dos radios que conforman la esquina. Por ejemplo, podríamos modificar la esquina superior izquierda de la siguiente forma:

border-top-left-radius: 400px 200px;

Y obtendremos el siguiente resultado:

Si queremos modificar los dos radios de todas las esquinas podemos utilizar la versión reducida de border-radius:

border-radius: [tamaño|porcentaje] {1,4} [tamaño|porcentaje] {1,4};

Por último tenemos que ser conscientes del soporte de la propiedad border-radius de CSS3. Ya que no todos los navegadores van a poder ejecutarla. En esos casos, los bordes que hayamos redondeado no se verán.

La implementación de border-radius que hemos visto es la de la W3C. Hay implementaciones propietarias en los motores de renderizado de los browsers. Este es el caso de mozilla. Dónde las propiedades para redondear los borders con CSS están especificadas como:

-moz-border-radius: [tamaño|porcentaje];
-moz-border-top-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-moz-border-bottom-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-moz-border-top-right-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-moz-border-bottom-right-radius: [tamaño|porcentaje] [tamaño|porcentaje;

En el caso de Webkit (sería, por ejemplo, para versiones antiguas de Safari) se soportaba mediante el prefijo -webkit:

-webkit-border-radius: [tamaño|porcentaje];
-webkit-border-top-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-webkit-border-bottom-left-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-webkit-border-top-right-radius: [tamaño|porcentaje] [tamaño|porcentaje];
-webkit-border-bottom-right-radius: [tamaño|porcentaje] [tamaño|porcentaje;

Por lo cual, si queremos buscar compatibilidad con nuestros ejemplos anteriores podemos poner lo siguiente:

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

border-radius: 5px 30px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;

border-top-left-radius: 400px 200px;
-moz-border-top-left-radius: 400px 200px;
-webkit-border-radius: 15px;

Los navegadores a partir de los cuales se empezó a dar soporte a border-radius son:

• Chrome 0.2 (con -webkit) y Chrome 4.0 (con el estándar)
• Opera 10.5
• Safari 3.0 (con -webkit) y Safari 5.0 (con el estándar)
• Firefox 1.0 (con -moz) y Firefox 4.0 (con el estándar)
• Internet Explorer 9

Todavía nos estamos recuperando de la caída en las estadísticas de diciembre y andamos en unos porcentajes del 20% de diferencia con las estadísticas de noviembre. En concreto un -21,06% de visitas en la web. Si bien creo que la reorganización de la web no tiene nada que ver, ya que la caída es tanto de los buscadores como de otros sitios web.

Como lectura positiva podemos afirmar que entran más personas directamente al HOME y que el número de páginas que nos van enlazando va creciendo. Por lo tanto, espero estar solo en un bache.

Ahora solo queda encontrar tiempo para poder escribir un poco más.

Generales

• Visitas: 36.346 (+2,54%)
• Visitantes Únicos: 30.811 (+1,14%)
• Páginas Vistas: 57.087 (+1,06%)
• Page Rank: 4 (+1)

Navegadores

• Internet Explorer:57,77% (-1,63%)
• FireFox:38,93% (+10,31%)
• Opera:1,76% (-14,02%)
• Safari:0,66% (+20,60%)

Sistemas Operativos

• Windows:94,19% (-0,43%)
• Linux:4,56% (+0,38%)
• Macintosh:1,13% (+0.08%)

Terrorífica caída en las estadísticas de la página. Una suma del periodo estival en el que nos encontramos y el cambio estructural de la página (pocas categorías y más tags) han afectado seriamente a las visitas de la página.

Espero que en el mes de Enero y una vez reindexada la página, volvamos a nuestros números habituales.

Por lo demás es curioso que este mes, el sistema operativo que ha subido en visitas, aunque sea mínimamente, es Mac.

Os dejo el resumen:

Generales

• Visitas: 35.445 (-10.447)
• Visitantes Únicos: 30.463 (-8.875)
• Páginas Vistas: 56.490 (-17.154)
• Page Rank: 3 (=)

Navegadores

• Internet Explorer:60,22% (-2,18%)
• FireFox:36,19% (+1,79%)
• Opera: 2,09% (+0,36%)
• Safari: 0,56% (+0,12%)

Sistemas Operativos

• Windows:94,62% (-0,10%)
• Linux:4,18% (-0,14%)
• Macintosh:1,05% (+0,25%)

Si hace dos días, por el poco tiempo que he podido dedicar a Linea de Código, teníamos las estadísticas de octubre, ya estamos aquí con las de noviembre.

Se ve que hay un descenso en el número de visitas. Mezcla entre que noviembre tiene un día menos que octubre y que nuestro ritmo de publicación ha sido muy bajo.

Tímida subida de FireFox ante Intener Explorer. Si bien los márgenes de este siguen siendo un abismo.

Generales

• Visitas: 45.982 (-2.155)
• Visitantes Únicos: 39.338 (-1.740)
• Páginas Vistas: 73.644 (-5.804)
• Page Rank: 3 (=)

Navegadores

• Internet Explorer:62,40 (-2,78%)
• FireFox:34,40 (+2,68%)
• Opera: 1,73 (-0,06%)
• Safari: 0,44 (+0,01%)

Sistemas Operativos

• Windows:94,72 (-0,61%)
• Linux:4,32 (+0,68%)
• Macintosh:0,80 (-0,02%)

Este mes está siendo un poco complicado y llegamos tarde con las estadísticas de Octubre. Pero no quería dejar pasar la ocasión de mostrároslas. Estas son algunas de las estadísticas de Línea de Código para el mes de Octubre.

Generales

• Visitas: 48.137 (+16.461)
• Visitantes Únicos: 41.078 (+13.542)
• Página Vistas: 79.448 (+23.872)
• Page Rank: 3 (-1)

Navegadores

• Internet Explorer: 65,18 (-3,4%)
• FireFox: 31,72 (+3,87%)
• Opera: 1,79 (+0,46%)
• Safari: 0,43 (-0,01%)

Sistemas Operativos

• Windows:95,33 (+0,08%)
• Linux:3,64 (+0,88%)
• Macintosh:0,82 (-0,05%)

esyURL es un acortador URL, el cual nos permitirá convertir URL de gran tamaño en URL pequeñas.

Por ejemplo, la URL http://lineadecodigo.com la transforma en esta otra http://www.esyurl.com/kf

Continue reading esyURL...

El navegador FireFox alcanza los 400 millones de descargas. Y esto desde el 9 de noviembre de 2004.

La progresión de descargas habla por si sola:

• 25M - 100 días
• 50M - en menos de 6 meses
• 100M - en un año
• 200M - en el segundo año

Incrementa el contador. Descargate FireFox.

Vía: Deken Über

Si tuviésemos que catalogar los formatos de vídeo propietarios de Microsoft podríamos hablar de los tres siguientes: AVI, ASF y WMA.

• AVI "Audio Video Interleave" el primero de los formatos. Muy expandido en todas las plataformas Microsoft. Está siendo superado por las nuevas tecnologías.
• ASF "Advanced Streaming Format" utilizado para web streaming.
• WMV “Windows Media Video” que es el formato asociado para ser utilizado con el reproductor Windows Media Player de Microsoft. Este software está disponible en varias plataformas, incluido SUN Solaris y Macintosh.

La idea de este ejemplo es ver como poner uno de estos vídeos dentro de una página web.

Continue reading Cargar un vídeo AVI, ASF o WMV en mi página web...