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

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

Descarga ahora la preview de Internet Explorer 9

Publicado por Copán Galel el Mar 18, 2010 en: Html, Informatica, Programacion, Windows, navegadores

preview de Internet Explorer 9

Hace unas horas Microsoft presentó en el MIX 10 las novedades que ofrecerá Internet Explorer 9 de cara a los desarrolladores, y lo mejor de todo, también liberó para la descarga una preview de esta nueva versión de su navegador.

Todo indica que Microsoft está aplicando una estrategia inversa a la que usó con IE8. Para esa ocasión, en Redmond privilegiaron las mejoras en la interfaz y nuevas funcionalidades como las WebSlices o los Aceleradores, antes que centrarse en cambios a fondo en el motor de renderizado (que históricamente ha sido el punto débil de Internet Explorer). Ahora están poniendo el foco en las “entrañas” del navegador, creando un nuevo motor de JavaScript llamado Chakra, el cual ofrece mayor soporte para estándares como HTML5, CSS y SVG2 y mejor rendimiento.

Es importante mencionar que esta Preview de IE9 solo incluye el motor del nuevo navegador, y que su único fin es permitirle a los desarrolladores (o a los usuarios en general) conocer y experimentar con las mejoras relativas al renderizado de páginas. No se incluyen ni características de seguridad, ni interfaz de usuario, por lo que podemos olvidarnos de la idea de usar esta preview para la navegación del día a día.

Por último, hay que notar que ni esta preview, ni la versión final de IE9 funcionarán en Windows XP. El General Manager de Internet Explorer justifica esta limitación diciendo que “un navegador moderno requiere de un sistema operativo moderno”, y que la aceleración por hardware que ofrece IE9 requiere de características como las API Direct2D y DirectWrite, ninguna de las cuales está disponible en XP.

Pronto estaremos analizando a fondo las novedades que promete esta versión de Internet Explorer, y comparándolo con lo que ofrecen actualmente el resto de los navegadores.

Más información: Windows Team Blog
Enlace de descarga: IE Test Drive
Vía: Genbeta

Tags: , , ,

 
0

Notepad++ el mejor editor de código para programadores

Publicado por Copán Galel el Mar 9, 2010 en: Html, Informatica, Lenguajes de Programación, PHP, Programacion, Software

Notepad++

Nuestro amigo Carlos Leopoldo del Blog Techtastico nos comenta sobre el mejor software para escribir código HTML y PHP, sin duda que Coda, pero este es solamente para MacOS X y sé que muchos necesitan uno pero para Windows, y este es Notepad++, cuando necesito escribir código y estoy en Windows prefiero mil veces más usar Notepad++ en lugar de el clásico Dreamweaver que si es bueno pero es lento y pesado para mi gusto.

Además Notepad++ se puede extender por medio de plugins, graba macros y reproduce de las pulsaciones de teclado, también tiene una poderosa búsqueda y reemplazo por medio de  expresiones regulares, y lo mejor de todo es que no solo nos sirve para programar HTML y PHP sino que tiene soporte para muchos lenguajes de programación.

Las verdad es que no podría dejar de hablar bien de este editor que tiene más características de las que he mencionado, además tiene una versión Portable de Notepad++ y es totalmente gratis bajo licencia GPL.

Enlace: descargar Notepad++.
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

Google Translate ahora traduce documentos

Publicado por Copán Galel el Jul 13, 2009 en: Diseño Web, Html, Informatica, Lenguajes de Programación, Negocios

Google Translate

Hasta el momento, Google Translate permitía traducir un texto concreto, o una página web proporcionando su URL. La competencia ofrecía ya los mismos servicios, como el Babelfish de Altavista, aunque éste le superaba claramente en frikismo. Pero ahora han añadido una novedosa opción que los sitúa un paso por delante: traducción de documentos completos.

Pulsando en Upload a document, podemos enviar documentos de Word, presentaciones de PowerPoint, PDFs, archivos HTML o en texto plano. Google Translate convierte automáticamente ese archivo a HTML y te lo muestra traducido al idioma que quieras. Eso sí, no se mantendrá el formato o estilo del texto, pero para traducciones rápidas resulta bastante cómodo y rápido.

Pero le pongo, para mi gusto, una gran desventaja… es una pena que Google se haya limitado a los formatos propietarios de Microsoft, y no haya tenido el detalle de ofrecer el servicio para ODF, que sí es un estándar. He probado suerte con un archivo ODF, y para colmo el mensaje de error no puede ser más críptico: “Lo sentimos, no hemos podido traducir la página solicitada”.

Vía: Lifehacker y Genbeta
Enlace: Google Translate

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: , , ,

 
0

Outlook 2010 seguirá usando un motor de HTML obsoleto

Publicado por Copán Galel el Jun 24, 2009 en: Html, Informatica, Lenguajes de Programación, Programacion, Seguridad, Software

Outlook 2010

Echadle un vistazo a la imagen superior. A la izquierda tenemos un email formateado en HTML visualizado en Outlook 2000, mientras a la derecha tenemos el mismo email visualizado en Outlook 2010. ¿Cuál es la razón de este gigantesco paso atrás? La decisión de Microsoft de cambiar el motor de renderizado de HTML de Outlook 2007, que anteriormente utilizaba el de IE y ahora utiliza el de Word. Este reemplazo se debe a razones de seguridad, para aislar a Outlook de todos los agujeros de seguridad de IE, pero con la gran desventaja de que ahora usa un motor de HTML obsoleto que tan siquiera reconoce gran parte de CSS.

Las betas de Office 2010 mantienen ese motor, y además el motor de Word sigue siendo tan limitado como antes, ya que no ha mejorado sustancialmente. Así que los usuarios de Outlook se han cansado, y con el proyecto Estándares de Email a la cabeza han lanzado una campaña para que Microsoft atienda a sus peticiones. Esta campaña se apoya en Twitter y está teniendo bastante éxito, siendo un ejemplo genial de cómo usar Twitter para este tipo de acciones. Personalmente, la página de la campaña me parece excelente, con los iconos de los usuarios apareciendo a medida que se van uniendo a la campaña. Otra cosa es que tengan éxito, pero por probar nada se pierde.

Vía: Microsiervos y Genbeta
Enlace: Blog de la campaña
Enlace: FixOutlook.org

Tags: , , , ,

 
0

Disponible Firefox 3.5 Release Candidate 1

Publicado por Copán Galel el Jun 17, 2009 en: Diseño Web, Html, Informatica, Programacion, Software

Firefox 3.5

Aunque el desarrollo de la versión final se ha ido retrasando un poco en las últimas semanas, ya tenemos entre nosotros la primera versión candidata de Firefox 3.5, disponible para ser descargada para cualquier plataforma y en más de 70 idiomas. El nombrarla Release Candidate 1 hace pensar que habrá una segunda RC próximamente, antes del lanzamiento de la versión final, el cual ya se espera con muchísima ansia por parte de los usuarios del genial navegador de código abierto.

En esta versión candidata se ha mejorado el sistema de navegación privada y se ha continuado mejorando tanto la estabilidad como el rendimiento del motor Javascript Tracemonkey. Se incluye soporte para transformaciones de gráficos vectoriales SVG, geolocalización, fuentes descargables y mejoras en el soporte de las últimas propiedades CSS y HTML5, incluyendo la capacidad para reproducción de audio y video sin tener el plugin de Flash instalado en el sistema.

Por supuesto Firefox 3.5 RC1 es una versión en pleno desarrollo y no se recomienda su instalación en entornos que requieran estabilidad. Los usuarios que ya estén usando versiones beta anteriores pueden actualizar automáticamente desde el menú de ayuda del navegador.

Enlace: Firefox 3.5 Release Notes

Tags: , , ,

 
0

eyeOS lanza un creador de interfaces gráficas y un concurso

Publicado por Copán Galel el Jun 5, 2009 en: Html, Lenguajes de Programación, Programacion

Los chicos de eyeOS han dado un nuevo paso en el increíble proyecto que están realizando dentro de nuestras fronteras, que lamentablemente no recibe todo el apoyo que merece. Tal y como puedes ver en el vídeo, ahora se pueden crear de manera totalmente gráfica (estilo Visual Basic) las interfaces para aplicaciones de eyeOS. Y todo ello sin salir de eyeOS, sin salir del navegador. Impresionante, y más si tenemos en cuenta que todo es HTML.

Para potenciar el uso de esta herramienta (eyeDesigner) y en general para fomentar la creación de aplicaciones para eyeOS, se ha anunciado un concurso para desarrolladores para este verano. Si tienes algo de experiencia en el desarrollo de aplicaciones web sinceramente se los recomiendo. Además de aprender a programar en esta interesante plataforma, podrás ganar un ultraportátil, un disco duro de 1TB o una pantalla de 20 pulgadas.

Vía: Genbeta
Blog Oficial: eyeOS: eyeDesigner, el constructor de GUIs
Blog Oficial: eyeOS: Concurso de desarrolladores

Tags: , ,

 
0

DailyMotion crea un portal para ver videos sin Flash usando HTML5

Publicado por Copán Galel el Jun 4, 2009 en: Diseño Web, Html, Informatica, Lenguajes de Programación, Negocios, Programacion, Software

Daily Motion

Hace solamente unos días comentábamos algunas de las mejoras más importantes que vienen con la versión 5 de HTML, el lenguaje de la web actual, y la nueva página que Youtube había publicado como una especie de borrador que utiliza esta última tecnología. Hoy Dailymotion nos sorprende a todos creando el sitio OpenVideo.Dailymotion.com, una sección de su portal de videos que utiliza HTML5 y la etiqueta <video /> para mostrar los archivos multimedia en una web estándar sin necesidad de utilizar plugins de Flash.

El nuevo portal no sólo es un pequeño borrador en pruebas, sino que es plenamente funcional y se pueden visualizar los videos siempre que se acceda utilizando un navegador que soporte estas últimas versiones de HTML. La imagen que acompaña este post la he capturado con Firefox 3.5 Beta 4 sobre Ubuntu sin ningún plugin de Flash instalado, y el streaming del audio y video funcionan perfectamente, pudiendo pausar la reproducción con algunas animaciones agradables y recorrer la barra de duración del video para posicionarlo en un momento concreto.

Leer mas…

Tags: , , , ,

 
1

HTML5: mejoras importantes en el lenguaje de la web

Publicado por Copán Galel el May 31, 2009 en: Html, Informatica, Lenguajes de Programación, Programacion

HTML5HTML son las siglas de HyperText Markup Language, el lenguaje de etiquetas de hipertexto que se utiliza para crear y poder visualizar los contenidos de las páginas web. Este no es un lenguaje estancado y definitivo, sino que a medida que va evolucionando internet se van exigiendo ciertas mejoras y la W3C regula todo su desarrollo.

Ahora Youtube nos sorprende con una versión de su página web creada con HTML5, a la que lógicamente sólo puede accederse para ver el contenido correctamente desde un navegador que soporte el nuevo lenguaje de marcas. Entre ellos, las versiones Beta de Firefox 3.5, Opera o Safari 4 servirán sin problemas.

Leer mas…

Tags: , ,

 
0

< video > en Google Chrome 3.0

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

Video en Google Chrome

Poco tiempo después de la salida a la luz pública de Chrome 2.0, desde Google ya están empezando a mostrar que es lo que podemos esperar de Google Chrome 3, en el cual destacará la implementación de distintas partes de HTML 5.

Una de ellas es la etiqueta <video> que quiere conseguir que no necesitemos utilizar Flash para reproducir vídeos en Internet. Una vez se haga de uso común, páginas como Youtube o Dailymotion no necesitarían que tuvieramos Flash instalado en nuestro ordenador para funcionar.
Leer mas…

Tags: ,

 
0

Ozone, nuevo navegador para móviles Symbian

Publicado por Copán Galel el May 11, 2009 en: Ajax, Diseño Web, Html, Informatica, Software

OzoneOzone (O3) es un nuevo navegador de Internet para móviles con sistema Symbian S60 y UIQ. Está basado en WebKit y aunque acaba de ser publicado como versión alfa, ofrece algunas características muy atractivas.

Por ejemplo dispone de dos modos de renderizado de páginas, el modo móvil o el modo ordenador, admite múltiples ventanas, soporta autocompletado de direcciones, gestión de favoritos, zoom o desplazamientos. Funciona en dispositivos con poca memoria RAM, incluso con menos de 64 megas, y es compatible casi por completo con HTML dinámico y AJAX, admitiendo el modo off-line de la última versión de Gmail.

Ozone alcanza una puntuación de 94 sobre 100 en el Acid Test y es bastante rápido a la hora de cargar páginas, según sus autores, más rápido incluso que Opera Mobile. Esta versión no admite contenidos en Flash, y se observan ciertos aspectos que destacan que estamos ante una versión alfa. Sin embargo, para tratarse de una versión inicial Ozone se plantea como un muy buen navegador en móviles Symbian.

Enlace: Ozone
Vía: Xataka Movil

Tags: , , , , , ,

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