1

OSMPlayer, reproductor de vídeo web de código libre

Publicado por Copán Galel el Apr 26, 2010 en: Entretenimiento, Html, Informatica, Javascript

OSMPlayer

HTML5 sigue posicionándose como una buena alternativa a los reproductores basados en Flash. Hoy conocemos una aplicación que no sólo es una buena idea, sino que además, funciona.

Esta aplicación se llama OSMPlayer, y es un reproductor de vídeo escrito en HTML5 y JavaScript, usando la biblioteca jQuery. Soporta vídeos de YouTube y Vimeo, además de archivos de vídeo alojados en tu servidor. También tiene una opción para añadir listas de reproducción y cambiar su aspecto por medio de temas. Puede reproducir los formatos de audio y vídeo más populares, y cuenta con un reproductor Flash para formatos no soportados.

OSMPlayer está liberado bajo la licencia GPL, y se puede usar como reproductor en solitario o integrado con Drupal, aunque próximamente añadirán integración con otros CMS como Wordpress o Moodle.

Vía: FayerWayer
Sitio oficial: Mediafront.org

Tags: , , ,

 
0

Probamos Adobe Dreamweaver CS5: simplificación y ayuda para los usuarios noveles

Publicado por Copán Galel el Apr 15, 2010 en: Diseño Web, Html, Informatica, Javascript, Mac, Software, Windows

La llegada de Dreamweaver CS5 ha sido muy esperada por todos los desarrolladores y maquetadores web, y tras una larga espera ya podemos ver si ésta ha valido la pena. Lo cierto es que el nuevo Dreamweaver nos trae algunos detalles que se agradecen mucho, enfocándose en que el usuario no tenga que usar varios programas adicionales además de Dreamweaver para poder desarrollar de forma efectiva toda una página web. Según los mismos desarrolladores, “es la mejor versión de Dreamweaver hasta la fecha”

Hay que decir que en Dreamweaver CS5 es donde he notado más el aumento de rendimiento gracias a la versión de 64 bits nativa en Mac OS X: El programa arranca rápidamente y su comportamiento es ligero y rápido en comparación con las otras aplicaciones que trabajan con gráficos de gran peso, como Photoshop CS5 o Illustrator CS5.

dreameaver adobe creative suite cs5 browser lab

Leer mas…

Tags: , , , ,

 
0

31 trozos de código de jQuery que te harán ser un profesional en JavaScript

Publicado por Copán Galel el Apr 14, 2010 en: Informatica, Javascript, Lenguajes de Programación

Código de jQuery

jQuery se ha convertido por mucho en el Framework de desarrollo en Javascript más popular de internet, por eso es indispensable saber al menos las bases de jQuery para poder resolver los posibles problemas que se nos presenten a la hora de desarrollar un sitio web, y es que jQuery ha hecho que programar algo en Javscript sea tan fácil que existen cientos de plugins y scripts que aprovechan sus bondades.

En el blog de Addy Osmani han recopilado una excelente y útil colección de 31 Snippets (trozos de código) para jQuery que te harán la vida más fácil a hora de programar con jQuery.

Enlace a: 31 jQuery Snippets That Will Help Make You A JavaScript Pro

Tags: , , ,

 
0

FFhardener: mejora la seguridad de tu navegación con Firefox

Publicado por Copán Galel el Apr 11, 2010 en: Informatica, Javascript, Seguridad, navegadores

FFHardener

Los compañeros de Security by Default, blog dedicado a la seguridad, la criptografía y a recomendaciones sobre navegación segura, han creado FFhardener, una sencilla herramienta que permite modificar automáticamente ciertos parámetros de la configuración de Firefox y mejorar su seguridad.

Se trata de una pequeña aplicación portable, disponible para Windows y Linux, que modifica nuestro perfil de usuario en Firefox y edita ciertas opciones que mejoran los aspectos criptográficos, de privacidad, y de seguridad. Antes de hacer los cambios, guarda una backup de nuestra configuración original, por si las moscas.

Por ejemplo, en cuanto a criptografía, obliga a que Firefox utilice siempre algoritmos robustos en las conexiones SSL. Por defecto, Firefox permite que se use RC4-128 bits, y con el cambio fuerza a usar AES-256 bits en todas las conexiones SSL.

En seguridad, deshabilita ciertas opciones de JavaScript que estando habilidadas facilitan modificar el aspecto de las ventanas. Este cambio ayuda a detectar algunas técnicas de phishing bastante extendidas.
Leer mas…

Tags: , ,

 
0

Projekktor: Un reproductor de video para HTML 5

Publicado por Copán Galel el Mar 30, 2010 en: Diseño Web, Html, Informatica, Javascript, Lenguajes de Programación, Programacion

Projekktor

Si estás desarrollando un sitio web donde necesitas reproducir video y quieres usar lo último en estándares como el HTML 5 pero sabes que no todos los usuarios van a usar un navegador compatible con HTML 5, Projekktor es una excelente herramienta porque se trata de un reproductor de video basado en HTML 5 que está construido con JavaScript pero que detecta si tu navegador no soporta el fornato H.264 y HTML 5 entonces usar un reproductor Flash, lo cual hace que el usuario ni siquiera note la diferencia y no lo molestes haciéndolo cambiar de navegador.

El reproductor puede personalizarte fácilmente y de una manera muy flexible ya que todo se puede hacer desde un simple archivo CSS.

Teniendo en cuenta las incompatibilidades entre los navegadores con HTML 5, los navegadores pueden actuar de manera diferente mientras se muestra el reproductor (puedes ver más detalles en su página web). Sin embargo, Projekktor está en activo desarrollo y las nuevas características y correcciones se añaden regularmente.

A continuación te dejo el enlace para que descargues el código de Projekktor, además podrás encontrar algunos ejemplos.

Enlace; Projekktor
Vía: Techtastico

Tags: , , , ,

 
0

Las 10 mejores extensiones para Google Chrome que un diseñador web debe tener

Publicado por Copán Galel el Mar 4, 2010 en: Diseño Web, Html, Informatica, Javascript, Programacion, navegadores

Extenciones de Google Chrome

Si eres un diseñador (desarrollador) web seguramente usas el navegador Chrome ya sea para probar tus desarrollos o como tu navegador de cabecera, ahora que soporta extensiones sería buena idea que pruebes estas extensiones que sin duda alguna te serán de mucha utilidad.

  1. Firebug Lite – Una de las extensiones más populares entre los diseñadores web, te permite editar el HTML, CSS y Javascript de cualquier página al vuelo.
  2. IE Tab – Agrega una pestaña que usa el motor de renderización de Internet Explorer.
  3. Eye Dropper – Para obtener información de cualquier color en una página web.
  4. Chrome SEO – Muestra información importante sobre SEO acerca de cualquier sitio.
  5. Lorem Ipsum Generator – Esta genera texto Lorem Ipsum para rellenar lo que quieras.
  6. Resolution Test – Prueba las páginas web con diferentes resoluciones.
  7. Speed Tracer – Te ayuda a medir los tiempos de carga de un sitio web.
  8. MeasureIt! – Te proporciona una regla para medir cualquier elemento de una página web.
  9. Pendule – Tiene varias herramientas como deshabilitador del CSS, validar el código, etc.
  10. BuiltWith – Te brinda información acerca de con cuales herramientas fue creado un sitio web.

Vía: Techtastico

Tags: , , ,

 
0

Mozilla lanza las APIs para Weave

Publicado por Copán Galel el Feb 9, 2010 en: Diseño Web, Informatica, Javascript, Linux, Mac, Programacion, Windows, movil, navegadores

APIs para Weave

Weave, la herramienta de Mozilla para sincronizar un conjunto de aspectos de sus navegadores, acaba de estrenar una API y una serie de recursos que pueden ser tremendamente útiles para las aplicaciones que las usen tras ser presentada su versión 1.0 hace escasos días: documentación oficial, librerías en Python y Javascript…

Estas nuevas herramientas permitirán que los usuarios consulten clientes desde los cuales podrán consultar los datos que Weave tiene almacenados para la sincronización entre navegadores, como pestañas abiertas, favoritos e historial de navegación. Para demostrarlo, los desarrolladores han puesto a disposición de los usuarios el prototipo de un cliente web y otro basado en comandos, una aplicación para WebOS y otra para el iPhone.

Las posibilidades son amplias: las aplicaciones que usen las APIs podrán acceder (previa cesión de permisos) a los datos de Weave para generar, por ejemplo, recomendaciones basadas a partir del historial de búsqueda y de navegación del usuario. Un buen avance, sin duda, para toda la infraestructura de aplicaciones de Mozilla.

Vía: Twitter de @eventoblog
Más información: Weave’s new APIs and resources for developers
Sitio oficial: Mozilla Weave

Tags: , , , , ,

 
0

Chrome añade soporte nativo para scripts de Greasemonkey

Publicado por Copán Galel el Feb 6, 2010 en: Informatica, Javascript, navegadores

Greasemonkey en Chrome

Muchos de los lectores ya conocerán Greasemonkey, una extensión de Firefox que nos permite añadir scripts escritos en Javascript para mejorar determinadas páginas, como por ejemplo PBTweet, Better GMail o Greased Lightbox.

Pues bien, el desarrollador de esta extensión ha anunciado en el blog de desarrollo de Chromium que este navegador soportará de forma nativa los scripts de Greasemonkey. Serán gestionados como las extensiones, ya que de hecho, Chrome los convertirá internamente a extensiones.

Sin duda, un paso muy útil e importante dentro de Chrome, aunque, según el autor, aproximadamente el 15-25% de los scripts no funcionen debido a diferencias en la API entre Firefox y Chrome. Esperemos que, dentro de poco, estos fallos se resuelvan y podamos disfrutar de todo el potencial de Greasemonkey en Chrome.

Vía: Chromium blog
Descarga: Userscripts.org

Tags: , , ,

 
0

HighCharts: Graficas en JavaScript

Publicado por Copán Galel el Jan 15, 2010 en: Informatica, Javascript

HighCharts en Javascript

HighCharts, un interesante script para la creación de gráficos escrito puramente en JavaScript. Brinda una forma muy fácil y atractiva para añadir estos gráficos a nuestras web, además de múltiples opciones si nos enfocamos en los estilos. Gráficos de barras, circulares, lineales, son algunas de las opciones por las que podremos optar. Su licencia es gratuita para uso personal, podrán encontrar soporte en línea y demos para nuevas ideas.

Enlace HighCharts
Vía: Xyberneticos
Fuente wwwhatsnew

Tags: , , , ,

 
0

Cuarta beta de Google Chrome

Publicado por Copán Galel el Nov 4, 2009 en: Informatica, Javascript, Software, navegadores

Ayer se publicó una nueva beta del navegador de Google. Chrome beta 4 incorpora dos interesantes novedades y demuestra que la versión final de este navegador está cerca.

La novedad más anunciada, como puede verse en el vídeo, es la sincronización de marcadores entre varios ordenadores. De esta manera, se pueden disponer de los marcadores en los distintos ordenadores que utilicemos: en el trabajo, casa, el portátil.. para implementar esta funcionalidad han utilizado XMPP, tal y como ya hace GTalk.

La nueva beta, además ha visto incrementada su velocidad a la hora de ejecutar Javascript, incrementándose un 30% sobre la beta anterior y hasta un 400% desde la primera versión.

Vía: Google Chrome Blog y Genbeta
Enlace: Google Chrome

Tags: , , , ,

 
0

Chrome arregla dos fallos de seguridad graves

Publicado por Copán Galel el Aug 28, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Seguridad, navegadores

Google Chrome

Google acaba de solucionar dos vulnerabilidades graves en la versión estable de Chrome, que pueden hacer que un usuario malicioso tome el control del ordenador afectado.

Con un ataque dirigido al motor JavaScript de Chrome, un código malicioso insertado en una web permite al atacante tener acceso a información privada e incluso ejecutar código arbitrario.

El otro fallo explotaba información formateada en XML que causaba un bloqueo en la pestaña que la cargaba, y permitía la ejecución de código arbitrario, pero sólo dentro del sandbox del navegador.

Tan sólo hay que instalar la última versión de Chrome para tapar los boquetes. Puede hacerse desde el cuadro “Acerca de Chrome” en el menú de ayuda, o bien descargarlo desde el enlace al pié del artículo. Comprobad que la versión instalada es la 2.0.172.43 o posterior.
Leer mas…

Tags: , , ,

 
0

La Beta de Chrome 3 ya se puede descargar

Publicado por Copán Galel el Jul 28, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Programacion, Software

Chrome

Google acaba de lanzar la primera Beta de Chrome 3. Dentro de las novedades que apreciamos en esta nueva release de Chrome están la implemetanción de algunas partes del HTML5 (específicamente, se da soporte al tag < video >), la actualización del motor Javascript V8, y mejoras en las Developers Tools, las cuales ahora incoporan las pestañas Scripts y Profiles, y además puden ser ancladas en la ventana principal de Chrome para que trabajar con ellas sea menos dificil.

Asimismo, hay mejoras de usabilidad en la “Omibarra” (la barra de de direcciones de Chrome que también funciona como caja de búsqueda), la cual ahora muestra diversos iconos de acuerdo a si las sugerencias ofrecidas son elementos del historial, búsquedas, o sitios recomendados por Google.

Y por supuesto, está la flamante página de “nueva pestaña” . Lo mejor de todo es que en ella ya está completamente operativa la función de “tips y sugerencias” que nos recomienda sitios webs en función de las páginas que visitamos frecuentemente.

Vía: Genbeta
Más información: Chrome Releases
Enlace de descarga: Google Chrome

Tags: , , , , ,

 
0

Paste question, comunidad de preguntas y respuestas para programadores

Preguntas y Respuestas

Cuando uno revisa cualquier código de programación que le está planteando problemas, habrá ocasiones en las que no encuentra respuesta, y tendrá que acudir a foros, a mensajes de correo electrónico a determinados contactos, o resolver como buenamente pueda esos problemas. Es por ello por lo que existe Paste Question.

Se trata de una comunidad de preguntas y respuestas para programadores, donde unos plantean los problemas que tienen en sus códigos, añadiendo un fragmento de los mismos, para que otros les ofrezcan las mejores soluciones posibles. O sea, podíamos verlo como una comunidad tipo Yahoo Answers, aunque más simple y enfocado a los problemas que tienen los desarrolladores en los códigos de programación en los que están trabajando. Hay que señalar que Paste Question dispone de coloreado de sintaxis, lo que permite trata mejor los códigos expuestos.
Leer mas…

Tags: , , ,

 
2

prettyPrint, visualiza tus variables javascript

Publicado por Copán Galel el Jun 8, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Programacion

Tips de Programación

James Padolsey nos deleita con una nueva aplicación Javascript que nos ayudará a depurar nuestros scripts. Se trata de un sistema visual para mostrarnos el contenido de nuestras variables.

// HTML
<div id=”debug”></debug>

// Javascript
var Objeto = {
uno: function(){
return “Esto es una función”
},
dos: [1,2,3,4,5],
tres:{
uno: “UNO”,
dos: [{
uno: “uno”
},{
dos: “dos”
}]
},
cuatro: “CUATRO”
};

var prettyObject = prettyPrint(Objeto,{/* Opciones */});

document.getElementById(”debug”).appendChild(prettyObject);

Leer mas…

Tags: ,

 
0

Google Chrome 2.0 deja la fase Beta

Publicado por Copán Galel el May 23, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Negocios, Software

Google Chrome

Solamente un par de meses han sido necesarios para que Google Chrome 2.0 deje atrás la fase beta, pues desde hoy ya está disponible para descargar su versión estable para sistemas Windows. Mejoras en sus motores de renderizado web y JavaScript son las principales novedades, pero no las únicas.

Así pues, además de aumentar hasta un 30% más la velocidad de su V8 y beneficiarse de la última versión de WebKit, Google Chrome 2.0 también mejora su estabilidad, pues a 300 asciende la cifra de errores que soluciona esta versión.

Leer mas…

Tags: , , , , ,

Copyright © 2010 Maya Lab Derechos Reservados. Tema por www.grupomayal.com.