uvedobles.com » FireFox http://uvedobles.com de webmaster a webmaster Wed, 16 May 2012 11:19:48 +0000 en hourly 1 http://wordpress.org/?v=3.3.2
Slider con hashtag bajo jQuery http://uvedobles.com/slider-con-hashtag-bajo-jquery/ http://uvedobles.com/slider-con-hashtag-bajo-jquery/#comments Tue, 16 Nov 2010 06:59:26 +0000 dedavid http://uvedobles.com/?p=1671
  • Visor de imágenes con efectos y jQuery
  • Otro slider o accordion pero este gratis
  • El mejor slider que he visto
    • ]]>     Slider con hashtag construído bajo jQuery, la propiedad hashtag permite que desde cualquier enlace previo o cualquier enlace en la propia página puedas ir directamente a la diapositiva que quieras.

    A nivel de efectos es sencillito pero muy efectivo, meter más efectos es meter más ruido y perder elegancia, puede modificarse prácticamente del todo via CSS.  No obstante estos efectos son totalmente ampliables mediante la configuración de diferentes easeIn y easeOut, puedes ver los efectos disponibles en:

    http://gsgd.co.uk/sandbox/jquery/easing/

    Además este slider permite que se desplace su contenido interior a través de la rueda de scroll del mouse, genera la paginación automática y permite cualquier tipo de contenido, todo en 2,2Kb. (Sin contar las librerías jQuery).

    A nivel de compatibilidad hemos encontrado algún problema menor con Google Chrome, donde el indicador de paginación está sobre el contenido y la capa flotante pisa algo el contenido, bajo FireFox funciona perfectamente, quizá en una nueva versión corrijan estos problemas.

    La licencia de este slider es totalmente free, es decir puedes incorporarla en tus propias aplicaciones sean comerciales o no.

    Enlace: http://mgoys.com/lab/hashslider

    Páginas relacionadas con este artículo:

    1. Visor de imágenes con efectos y jQuery
    2. Otro slider o accordion pero este gratis
    3. El mejor slider que he visto

    ]]>     http://uvedobles.com/slider-con-hashtag-bajo-jquery/feed/ 0     Internet Explorer 8 incompatible con max-width http://uvedobles.com/internet-explorer-8-incompatible-con-max-width/ http://uvedobles.com/internet-explorer-8-incompatible-con-max-width/#comments Fri, 17 Sep 2010 06:19:30 +0000 dedavid http://uvedobles.com/?p=1528
  • ¡Abajo explorer!
  • Rotación de una imagen con CSS3
  • Estilos CSS del cursor
    • ]]>     bug max width ie8 Internet Explorer 8 incompatible con max width

    Esto es un post rápido o apunte para tenerlo a mano pues tras darme de cabezazos durante un par de horas con una hoja de estilo y la compatibilidad entre diversos navegadores.

    En especial esta compatiblidad afecta a Internet Explorer 8, el navegador que tristemente usa la mayor parte del planeta, y que hoy Microsoft pretende jubilar con su nueva versión, si bien es cierto que Internet Explorer 9 tiene buena pinta lamentablemente no es compatible con Windows XP, es decir, sólo funciona bajo Vista y Windows 7.

    El Internet Explorer versión 8 o IE8 tiene un bug, y van fosfocientos mil, en fin, aunque quizá no sea tan bug sino una excentricidad o exceso de compatibilidad.

    El bug es que Internet Explorer 8 no soporta los estilos max-width, min-width, max-height, min-height propiedades de estilo que como ya sabrás o habrás deducido con tu prodigiosa mente ceceseada sirven para definir el máximo ancho, mínimo ancho y altos de por ejemplo una caja de texto aka DIV.

    Esta propiedad funciona perfectamente bajo FireFox, Chrome, Safari etc.

    Fíjate en este trozo de código, donde ya te aviso que no funcionará bajo IE8.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

    Y ahora en este otro, que es el que funciona bajo IE8, la diferencia, es que defines el tipo de documento html sin especificación alguna con el tag DOCTYPE, es decir, no lo haces estricto tal y como se hace en documentos bajo HTML5, y por tanto, max-width funciona bajo IE8

    <!DOCTYPE html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

    Páginas relacionadas con este artículo:

    1. ¡Abajo explorer!
    2. Rotación de una imagen con CSS3
    3. Estilos CSS del cursor

    ]]>     http://uvedobles.com/internet-explorer-8-incompatible-con-max-width/feed/ 3     Error grave en WordPress 3.0 http://uvedobles.com/error-grave-en-wordpress-3-0/ http://uvedobles.com/error-grave-en-wordpress-3-0/#comments Fri, 18 Jun 2010 16:14:30 +0000 dedavid http://uvedobles.com/?p=1413
  • Portfolio para WordPress
  • Error con LOAD DATA LOCAL INFILE en MySql
  • Sacar WordPress del Maintenance Mode
    • ]]>     Menudo bugazo de metro y medio que nos trae hoy la actualización a WordPress 3.0 nada más y nada menos que no deja subir fotos ni archivos ni nada, al clickar en el icono para subir en lugar de abrirse el típico pop-up te renderiza el componente en la propia página perdiendo todo lo que habías escrito y no dejando insertar imágenes ni fotos. Grande el bug!

    No he podido probar mucho más a fondo, está testado bajo FireFox y bajo Chrome, me han dejado el blog cojo cojo cojo.

    Vamos chicos! arreglenlo!

    Páginas relacionadas con este artículo:

    1. Portfolio para WordPress
    2. Error con LOAD DATA LOCAL INFILE en MySql
    3. Sacar WordPress del Maintenance Mode

    ]]>     http://uvedobles.com/error-grave-en-wordpress-3-0/feed/ 0     Arrastrar y soltar en JavaScript http://uvedobles.com/arrastrar-y-soltar-en-javascript/ http://uvedobles.com/arrastrar-y-soltar-en-javascript/#comments Sat, 12 Jun 2010 12:16:15 +0000 dedavid http://uvedobles.com/?p=1405
  • Motor para videojuegos bajo HTML5 y JavaScript
  • Reproductor de vídeo en HTML5
  • Google Native Client
    • ]]>     arrastrar y soltar Arrastrar y soltar en JavaScript

    Hace mucho que no posteo!, Esto no puede ser!!!

    Bueno, para enmendar la falta de posteo hoy os traigo algo chachi piruli juan pelotillas, se trata de un componente JavaScript para realizar interficies de arrastrar y soltar, de esas que se llevan tanto gracias a “eipel”

    Este conjunto de funciones es compatible con Firefox, Chrome, Safari, Internet Explorer e incluso, atention plis, con dispositivos móviles basados en interficies touch, tales como iPhones, HTC bajo Android y el nuevo famoso y que mola montón iPad de Apple.

    Aplicaciones que le podemos dar… pues para temas de zoom progresivo en las tipos de la página, movimiento de imágenes, copia de archivos, carritos de la compra etc.

    Enlace: http://code.ovidiu.ch/dragdealer/

    Descarga del componente: Arrastrar y soltar en Javascrip (104)

    Páginas relacionadas con este artículo:

    1. Motor para videojuegos bajo HTML5 y JavaScript
    2. Reproductor de vídeo en HTML5
    3. Google Native Client

    ]]>     http://uvedobles.com/arrastrar-y-soltar-en-javascript/feed/ 0     Google Native Client http://uvedobles.com/google-native-client/ http://uvedobles.com/google-native-client/#comments Wed, 19 May 2010 06:14:40 +0000 dedavid http://uvedobles.com/?p=1340
  • Tienda de aplicaciones web
  • Los lenguajes de programación más conocidos
  • Programas gratis alternativos
    • ]]>     chromazo Google Native Client

    Buenooo, ahora quieren que los webmaster nos pasemos al lenguaje C???

    ¡Qué miedo! a mi ahora mismo no me apetece volver a C en absoluto, adoro mi php mysql javascript css y html, además si todo avanza hacia una capa web carente de plugins y descargas, donde tan sólo debes URLear y listos, carece de sentido que el cliente deba descargar un archivo e instalarlo en su sistema, muchos no saben hacer eso.

    Correr código nativo a través del navegador es muy muy peligroso, en manos de mucha gente eso es una auténtica bomba de relojería, no quiero ser negativo pero este movimiento de la todopoderosa no me gusta ni un pelo.

    Además los recursos de proceso con código nativo corriendo en nuestros navegadores van a ser enteramente nuestros, suponemos que eso es lo que pretende los señores de Google que deben ir algo cortos de rendimiento en sus servidores actuales donde corren las aplicaciones. No se han dado cuenta de que la gente navega con netbooks que van escasísimos de CPU, o iPads, iPhone y sucedáneos que tienen procesadores que rondan el 1Ghz. y que deben soportar resoluciones muy altas.

    Los de Google pretenden presentarnos esto como la nueva panacea del desarrollo, nos prometen que vamos a poder desarrollar juegos en 3D y editores de vídeo, pero el usuario debe descargar esa aplicación, de momento sólo es soportada por su propio navegador, Chrome, nada de Firefox ni de Safari, y ni mucho de Explorer. Esto es como un plugin de Flash pero ya a lo bestia y sin contemplaciones.

    Eso sí de momento está disponible tanto para Windows como Mac, y Linux, un gran paso pero que también nos da una visión sobre sus limitaciones ya que cada dia que pasa navegamos con más cosas, pronto el teletexo de los TV será un navegador, además de los ya siempre presentes iPhones y Androids para los que de momento correr aplicaciones en C desde navegador no es posible.

    No se, esto parece una estrategia a largo plazo pero creo que se van a darse de morros a menos que esté yo muy equivocado, mira el caso de Adobe AIR que es el mismo cuento pero que partió de la gran base ya instalada Flash y no ha obtenido el éxito esperado. Huele a que es la antesala de su sistema operativo Chrome o al deseo de Google de canibalizar a la AppStore donde se venden aplicaciones a millones.

    ¿Vosotros, qué opináis?

    Eblace: http://code.google.com/p/nativeclient-sdk/

    Páginas relacionadas con este artículo:

    1. Tienda de aplicaciones web
    2. Los lenguajes de programación más conocidos
    3. Programas gratis alternativos

    ]]>     http://uvedobles.com/google-native-client/feed/ 0     Iconos botones y elementos para reproductores http://uvedobles.com/iconos-botones-y-elementos-para-reproductores/ http://uvedobles.com/iconos-botones-y-elementos-para-reproductores/#comments Thu, 29 Apr 2010 13:16:46 +0000 dedavid http://uvedobles.com/?p=1267
  • Iconos para páginas web
  • Mini iconos para aplicaciones
  • Reproductor de vídeo en HTML5
    • ]]>     Hoy os traemos un conjunto de iconos para el diseño de reproductores de vídeo y audio para vuestros proyectos, haber quien se anima y saca ya, de una vez, un buen reproductor de vídeo bajo HTML 5 compatible con FireFox, Chrome, Safari, Linux, Mac y Windows, que sencillamente aunque muchos rezan de serlo parece que no, en especial el que muestra problemas es FireFox 3.6 con cositas bajo HTML5.

    Peticiones a parte y volviendo al tema de este post, estos estilizados iconos muestran un acabado metalizado y ambient blu a medio camino entre los controles vistos en el sistema operativo del iPhone y los de algunas tablas de mezcla modernas.

    Los iconos please (pulsa para ampliar y grábate la imagen):

    elementos interficie estilo mac iphone 325x480 Iconos botones y elementos para reproductores

    Páginas relacionadas con este artículo:

    1. Iconos para páginas web
    2. Mini iconos para aplicaciones
    3. Reproductor de vídeo en HTML5

    ]]>     http://uvedobles.com/iconos-botones-y-elementos-para-reproductores/feed/ 0     Instalar iTunes en Ubuntu http://uvedobles.com/instalar-itunes-en-ubuntu/ http://uvedobles.com/instalar-itunes-en-ubuntu/#comments Fri, 09 Apr 2010 07:48:57 +0000 dedavid http://uvedobles.com/?p=1154 iTunes es sobradamente conocido por la inmensa mayoría de usuarios pues este software se encuentra presente en la mayoría de ordenadores del planeta, tanto Windows como Mac lo utilizan como una de las mejores formas para gestionar la biblioteca musical desde el ordenador si bien los usuario de Linux no disponemos de este software de Apple listo para instalarlo en nuestro sistema lo podemos virtualizar con el maravilloso Wine.

    Alternativas a iTunes en Linux

    Existen otras alternativas para ordenadores Linux que permiten realizar prácticamente las mismas tareas, estas son Amarok, Banshee, Rythmbox si bien nosotros no hemos encontrado ninguna lo suficientemente buena gestionando nuestros podcast favoritos, probablemente porque estos se encuentren tan sólo bajo iTunes.

    Instalar iTunes en Ubuntu

    Descarga de iTunes desde la web de Apple

    Antes de comenzar a preparar nuestro Wine para albergar iTunes en nuestro Ubuntu vamos a proceder a ir descargando iTunes desde la web de Apple pues ocupa nada más y nada menos que 93Mb. así que esto te llevará un ratito a menos que tengas una buena ADSL mientras podremos ir configurando Wine.

    Descarga con tu navegador el instalador de iTunes desde la web de Apple: http://www.apple.com/itunes/download/

    instalar itunes en ubuntu 01 479x354 Instalar iTunes en Ubuntu

    Instalar Wine

    Para instalar Wine lo puedes realizar desde la aplicación Synaptics para instalar programas. Busca Wine e instala todos los paquetes

    Configura Wine

    Una vez instalado Wine deberemos configurar los aspectos referentes a la configuración del sonido.

    Lanza la configuración de Wine, para ello deberías tener un nuevo grupo en el menú de Aplicaciones. En nuestro caso el grupo se llama Wine y el icono es una copa de vino, presiona sobre él y selecciona Configura Wine, te emergerá una nueva ventana.

    Dirígete a: Pestaña Aplicaciones > Windows XP > Drivers > Autodetect

    Si no figura esta pestaña ve directamente a:

    Pestaña Audio

    En ella marca la pestaña ALSA y desmarca OSS Driver, si no hay ninguna marcada n te preocupes esto puede ser normal.

    En este punto Ubuntu, o mejor dicho Wine nos tira un error en pantalla como el que te mostramos a continuación:

    instalar itunes en ubuntu 02 Instalar iTunes en Ubuntu

    Presiona sobre el botón “Aceptar”, ahora ya podemos ir nuevamente a la pestaña de Audio donde nos debería quedar algo así como lo que te mostramos a continuación:

    instalar itunes en ubuntu 03 359x480 Instalar iTunes en Ubuntu

    Es decir dejamos marcado el “Manejador Alsa”

    Ya puedes pulsar el botón “Aplicar” del configurador de Wine de forma que se cierre la aplicación Wine, ahora vamos a instalar iTunes, asegúrate que se ha descargado completamente y que lo tenemos en la carpeta de Descargas.

    Instalando que es gerundio

    Abre un terminal de línea de comando y desde allí ejecuta el siguiente comando:

    wine iTunesSetup.exe

    instalar itunes en ubuntu 04 480x278 Instalar iTunes en Ubuntu

    NOTA: El instalador de Wine necesita ser ejecutado desde el usuario que descargó la aplicación, no desde un usuario root, por raro que esto parezca. El error que te tirarará Ubuntu si no estás con el usuario correcto será algo así como:

    directorio_de_descarga/.wine is not owned by you

    Así que si recibes este error, abre un nuevo terminal y esta vez sin cambiar el usuario ni anteponer el modificador de usuario sudo vuelve a ejecutar el iTuneSetup.exe

    Ahora Wine comenzará la instalación de iTunes, quizá veas algunos errores o rarezas en la ventana del terminal, no te preocupes, pronto te aparecerá una ventana como la que te mostramos a continuación:

    instalar itunes en ubuntu 05 480x361 Instalar iTunes en Ubuntu

    Presiona sobre Next y continuará la instalación hasta que te aparezca en escasos segundos un nuevo diálogo como el que te mostramos a continuación y en el que por motivos de compatibilidad deberías desactivar todas las opciones

    instalar itunes en ubuntu 06 480x362 Instalar iTunes en Ubuntu

    Presiona sobre “Install” y en la nueva ventana que te aparecerá responde que no se autoejecute al introducir un CD pulsando No.

    instalar itunes en ubuntu 07 Instalar iTunes en Ubuntu

    Ahora comenzará el proceso de instalación de verdad, en nuestro caso ha tardado poco más de 20 segundos eso sí nos ha corrompido la pantalla un par de veces dejando de redibujar numerosas áreas, todo muy al estilo “Hola soy Windows y no se lo que es la multitarea”, cosa que hemos solucionado moviendo el mouse por la pantalla o al utilizar alguno de los efectos Compiz que tenemos instalados en nuestro Ubuntu.

    Aquí lo tenemos: Tachán!!!

    instalar itunes en ubuntu 08 480x365 Instalar iTunes en Ubuntu

    Ahora podrás lanzar tu iTunes desde Aplicaciones > Wine > Programas > iTunes.

    En la primera ejecución deberás aceptar los términos de la licencia y posiblemente recibas una advertencia como la que te mostramos a continuación, eso es normal, pues le habíamos dicho que no importara los CD .

    instalar itunes en ubuntu 09 Instalar iTunes en Ubuntu

    Si pulsas sobre Finish, comenzará el proceso de importación de música hacia la biblioteca, dependiendo del número de canciones que tengas esta tarea puede tardar bastante.

    A nosotros nos ha recuperado absolutamente toda la música, podcast e incluso las aplicaciones que teníamos instaladas en el iPhone, ha tardado más de media hora pero he aquí el resultado.

    instalar itunes en ubuntu 11 480x384 Instalar iTunes en Ubuntu

    Funciona prácticamente perfecto a excepción del iPhone que no ha sido reconocido y del acceso a la iTunes Store que cuelga la aplicación, podemos actualizar los podcast incluídos nuestros favoritos, acceder a toda nuestra biblioteca musical etc.

    Consumo de recursos de iTunes

    Si bien todo nos ha ido como la seda  parece que el consumo de recursos del conjunto Wine  + iTunes parece alto según el monitor de sistema de la captura anterior,y el detalle de la siguiente gráfica de sistema. Además de iTunes tenemos corriendo simultáneamente Chrome, FireFox, la plataforma de desarrollo NetBeans, un Transmission activo, doble pantalla una 4:3 a 1280 x 1024 píxeles y la otra a 1680 x 1050 píxeles. Todo en un Core i5 2,66Ghz. con 4Gb de Ram.

    instalar itunes en ubuntu 12 479x372 Instalar iTunes en Ubuntu

    No related posts.

    ]]>     http://uvedobles.com/instalar-itunes-en-ubuntu/feed/ 3     Reproductor de vídeo en HTML5 http://uvedobles.com/reproductor-de-video-en-html5/ http://uvedobles.com/reproductor-de-video-en-html5/#comments Tue, 06 Apr 2010 15:34:32 +0000 dedavid http://uvedobles.com/?p=1120
  • Google Native Client
  • Compatibilidad del HTML5 entre navegadores
  • Compatibilidad HTML5 con diferentes navegadores
    • ]]>     reproductor video en html5 480x354 Reproductor de vídeo en HTML5

    Os comentamos una noticia de aquellas que sin llamar en exceso la atención pueden iniciar un antes y un después en cuanto a programación web, ¿por qué? Pues porque con el nuevo reproductor de vídeo en HTML5 se cae al suelo otro de los grandes pilares que justifican la existencia del plugin propietario Adobe Flash para navegadores.

    Este pilar es uno de los que aún mantiene vivo a Flash, la reproducción de contenidos en vídeo, hasta ahora vetada para su uso exclusivo, exigiendo sí o sí la presencia del plugin y por ende la obligación para todos los desarrolladores webs de trabajar bajo Flash en aquellas webs con alguna porción de vídeo entre sus contenidos.

    Si bien el reproductor de vídeo bajo HTML5 que os mostramos en este post aún se encuentra en fase Alpha y contiene algunos fallos e incompatibilidades con navegadores antiguos o pseudonavegadores como Internet Explorer el camino no ha hecho nada más que comenzar.

    No se trata de un desarrollo que excluya Flash al 100% pues Flash se utiliza si el navegador no soporta HTML5 o en el caso de que el reproductor HTML5 no detecte la presencia de un vídeo con la correspondiente codificación OGG, theora vorbis H.264 lanzará un microreproductor bajo Flash para asegurar que la lectura de casi todo tipo de vídeos y su funcionamiento en casi todos los navegadores.

    Por nuestra parte lo hemos testeado con éxito bajo FireFox, Chrome, No funcionando para iPhone donde Safari iPhone te muestra un botón para abrir el reproductor quicktime con el objeto de ver ese clip, una vez pulsado funciona correctamente, pero con la sensación de que “has salido” de Safari.

    Alguno de los bugs que hemos encontrado es que el botón de pantalla completa no ejecuta su función, maximiza el vídeo siempre dentro de los límites del navegador, si este no se encuentra maximizado a tope tan sólo ocupará el área del navegador, al contrario que Flash que permite realizar un fullscreen de verdad.

    Aún con estos pequeños falos y limitaciones la idea, el concepto de reproducir vídeo sin plugins de por medio será el futuro sí o sí.

    Enlace: http://www.filenew.org/projekktor/

    Código fuente: http://code.google.com/p/projekktor-zwei/source/browse/trunk/index.php

    Páginas relacionadas con este artículo:

    1. Google Native Client
    2. Compatibilidad del HTML5 entre navegadores
    3. Compatibilidad HTML5 con diferentes navegadores

    ]]>     http://uvedobles.com/reproductor-de-video-en-html5/feed/ 0     Capturar webs largas con Firefox http://uvedobles.com/capturar-webs-largas-con-firefox/ http://uvedobles.com/capturar-webs-largas-con-firefox/#comments Fri, 02 Apr 2010 15:09:56 +0000 dedavid http://uvedobles.com/?p=1111
  • Complemento FTP para FireFox
  • Reproductor de vídeo en HTML5
  • Google Native Client
    • ]]>     captura de pantalla firefox Capturar webs largas con Firefox

    Muchas veces habrás tenido que capturar webs muy largas y con el PRINTSCREEN de tu ordenador o con software para captura habrás sido incapaz de hacer buenas capturas cuando la web es más larga que la pantalla, para eso existen programas especiales como Paparazzi para OSX pero si tu máquina no es Mac y es por ejemplo un Ubuntu, ¿qué?

    Pues nada, tenemos otra solución que funciona genial, abre tu Firefox, el navegador navaja suiza que sirve “pa un roto y un descosío” e instálate el plugin Screengrab, ya verás que fácil es hacer ahora capturas de webs extralargas y todo sin salir de tu navegador.

    Enlace: http://www.screengrab.org/

    Páginas relacionadas con este artículo:

    1. Complemento FTP para FireFox
    2. Reproductor de vídeo en HTML5
    3. Google Native Client

    ]]>     http://uvedobles.com/capturar-webs-largas-con-firefox/feed/ 0     Compatibilidad CSS3 con diferentes navegadores http://uvedobles.com/compatibilidad-css3-con-diferentes-navegadores/ http://uvedobles.com/compatibilidad-css3-con-diferentes-navegadores/#comments Wed, 31 Mar 2010 07:21:57 +0000 dedavid http://uvedobles.com/?p=1100
  • Compatibilidad HTML5 con diferentes navegadores
  • Compatibilidad del HTML5 entre navegadores
  • Internet Explorer 8 incompatible con max-width
    • ]]>     compatibilidad de css3 con navegadores 497x1024 Compatibilidad CSS3 con diferentes navegadores

    Hoy te traemos una tabla realizada por la gente de findmebyip con el listado de propiedades para hojas de estilo bajo CSS3 y su correspondiente compatibilidad con sistemas Mac, Windows y con los navegadores:  Chrome, Firefox, Opera, Safari e IE, en diferentes versiones.

    Enlace: http://www.findmebyip.com/litmus/#target-selector

    Páginas relacionadas con este artículo:

    1. Compatibilidad HTML5 con diferentes navegadores
    2. Compatibilidad del HTML5 entre navegadores
    3. Internet Explorer 8 incompatible con max-width

    ]]>     http://uvedobles.com/compatibilidad-css3-con-diferentes-navegadores/feed/ 0