iPod o libertad?

Como muchos fui uno de los que compré el famoso iPod Touch. Estaba maravillado con sus prestaciones y todas esas cosas que todos sabemos.

Después de un tiempo lo primero que no me gustó fue la duración de la batería, aunque con el upgrade mejoró un poco.

Luego de bajar juegos, navegar, usarlo como calculadora y cuanta cosa se me ocurrió gracias a appstore y cydia; cuestioné el principal uso de este dispositivo: como reproductor. Además de darme cuenta que era un chiche... Y si tienes un laptop el uso de este dispositivo disminuye notablemente.

Bueno lo siguiente hizo darme cuenta que no es mejor que cualquier reproductor del mercado.
("la mano es más rapida que el ojo")

El shuffle es horriblemente repetitivo. ¡¿Para qué tenía más de 900 canciones si solo se daba vuelta en menos de doscientas!?. Además me di cuenta que al ser touch ( oo q cool!!! y poca accesibilidad ) cambiar de una cancion es aburrido a la larga ( dos click al home y siguiente, que incomodo...)

El sonido... realmente NO es bueno y no tiene equalizador personalizado!!!
Es un reproductor que te hipnotiza visualmente descuidando mucho el sonido.

Los videos... bueno como la mayoria de los reproductores, es una lata convertirlos para verlos en una pantallita... prefiero grabar un DVD...

Además de tener que cargar los videos de youtube cada vez que los quería ver... tomando en cuenta la lentitud de carga... bueno mxtube fue la solución.

Y lo peor! transferencia de archivos de música. iTunes no es un buen reproductor de música como winamp por ejemplo, entonces ¿porque me obligas a usarlo apple? AH!?
Y porque no puedo transferir MI música de MI equipo y de MI laptop también. Y porqué tú decides que no puedo compartir la musica de MI iPod... absurdo.

A fin de cuentas es buen dispositivo para alardear... pero ¿que es mejor? tener algo para ser cool o ¿tener algo que cumpla tus necesidades? opto por lo segundo...

Bueno listo las diferencias de porqué opté por cambiar mi iPod a otro más simple. Espero ayude a otros: (además por el precio de un iPod Touch 8GB compro 3 gogear 8GB!!!)

	gogear SA3285	iPod Touch
Radio FM	si	no
Microfono	si	no
Ecualizador personal	si	no
Facilidad de uso sin mirar (sólo tacto, accesibilidad)	si	no
Atado a iTunes	no	si
Compartir Música	si	no
Shuffle FULL	si	no
Visualizar textos	si	si
alta duración de batería	si	no

mi experiencia...

Conectar wifi WEP en ubuntu

Bueno, después de investigar y darme cuenta que hay varias soluciones para este problema, publico mi solución para ayudar a los amantes del click y no tanto de la línea de comandos... (Sé que más de alguno criticaría esta solución, pero mucha gente [como yo] necesita soluciones triviales para mejorar la producción).

La solución:

1. Un click en ícono de red que está al lado del reloj.
2. Configuración Manual
3. Desbloquear
4. Seleccionar la conexión inalámbrica
5. Propiedades
6. Desactivar Modo Itinerante
7. Seleccionar la red
8. Tipo WEP (hexadecimal) #Si tienen problemas prueben (ASCII)
9. Lo demás usteden sabrán ;)

Espero les sirva ;)

Maquetación CSS

Bueno tengo el agrado de informarles que fui invitado a realizar una charla en mi universidad. Esta fue la primera de muchas que vendrán (espero). Porque me encantó la experiencia y espero tener la oportunidad de volver a realizar muchas más.

Bueno publico la presentación que utilizé para exponer el tema.

itunes cambia la hora de iPod/iPhone [SOLUCIONADO]

Este simple post indica cómo solucionar el molesto problema que tenemos al sincronizar nuestro ipod/iphone con itunes en windows.

Es bastante fácil hacerlo, bueno, manos a la obra:

Solo deben ir a "Propiedades de Fecha y Hora" (2 clicks en el reloj) luego a zona horaria, y verificar si está correcta de acuerdo a su zona geográfica.
Ahora el truco; deben marcar o desmarcar el check que dice "Cambiar la hora automáticamente según el horario de verano". Esto dependerá de cómo funcione en su caso, en el mío tuve que marcar el check y santo remedio.

Que fácil no?

Convertir tamaño de imagenes de píxeles a ems

Los desarrolladores web sabemos que hacer una página es relativamente fácil, pero hacerla cumpliendo la mayoría de las exigencias de las normas internacionales a veces nos da dolores de cabeza, sobre todo al trabajar con medidas relativas como es la em.

Por eso creé este script que convierte los tamaños de las imágenes de una página a ems, sin tener que hacerlo por css, y me he dado cuenta que facilita bastante el trabajo. He pensado también ampliarla a las capas, es decir, nosotros seguir utilizando píxeles y que esta librería se encargue de hacer el trabajo duro, aunque no sé si sería conveniente.

Este script lo creé en la fecha que publico el post, así que si tienen más ideas o reparaciones me informan para cambiarlo.

Algunos datos técnicos:

• Utiliza mootools 1.2
• Está basado en yui css foundation, tamaño fuente 13px (aunque se puede cambiar)
• Para no aplicar el script a una imagen determinada deben asiganarle la clase (fantasma) 'no-convert'
• La página debe pasar la prueba w3c.

El script: (nota: imágenes extraídas aleatoriamente desde google images.)

Descargar convertImgSizes

Reproductor Audio Ubuntu (Audacious+XMMS)

Bueno inicio esta nueva categoría (Ubuntu) ya que me decidí migrar a este SO que me ha impresionado bastante por su rapidez y funcionalidad. Conozco muy poco sobre linux y sus distribuciones pero publicaré mis descubrimientos en este blog para quien le sirva...

Después de una búsqueda con varias decepciones en cuanto a reproductor de música que se parecira bastante al winamp me topé con este simple reproductor pero que con sus pugins podemos hacer muchas cosas. Aunque lo que no he encontrado es la opción de rankear mis temas (asignarle estrellas).

La apariencia es muy similar al winamp y la funcionalidad igual.


Cómo instalarlo:

Primeros debemos instalar el XMMS, abrimos synaptic y buscamos xmms. Les dejo un screen de lo que instalé...
Cuando seleccionen los plugin para audacious les dirá que también es necesario instalarlo, aceptamos.
Si quieren agregar más plugins a audacious, sólo deben buscar en sinaptic 'audacious' y eligen los que quieran, lo mismo con xmms. suerte!


Y si activan los plugin 'echo plugin' y 'Extra Stereo Plugin' no extrañarán al DFX para winamp... ;)

Firefox: css background image, height:100%, height:auto SOLUCIONADO!!!

Este es un problema que tenemos cuando queremos darle fondo a una capa con contenido y que en Internet Explorer se ve bien pero en Firefox no, cuando usamos una altura dinámica o al 100%.

Bueno la solución es tan simple que no requiere ejemplo. Sólo deben agregar este atributo al estilo de la clase o identificador:

overflow:auto;


Qué fácil ¿no?

fuente

Haz magia con realtive absolute!!!

Todos sabemos que trabajar con tablas está obsoleto por muchos motivos; accesibilidad, carga de contenido, estándar, etc.

Ahora lo común es usar XHTML strict con CSS. Esto trae muchas ventajas, por la potencia de CSS, pero también nos da muchos dolores de cabeza, y uno de ellos es la posición de los elementos.

Bueno he estado practicando y probando esta técnica por bastante tiempo, y lo bueno es que pasa las pruebas de W3C y accesibilidad, se ve igual en la mayoría de los navegadores (IE 6-7, FF 1-2, Opera, Safari, entre otros) y es muy fácil de aprender a usarla.

La técnica:
Esto no es algo nuevo ni una revolución pero quiero divulgarla por si alguien no la conoce. En mi caso yo la descubrí iterando con los valores de la propiedad position.

El código:
Es muy simple de implementar, debemos usar un div que contenga todo, aplicarle position:relative y darle el ancho del diseño de la página, y a cada div interior position:abolute.
Y si quieren que el contenido se vea centrado sólo deben usar el modo que explico en mi anterior post de centrado.
Que fácil no?!
Si usas Dreamweaver es mucho mas fácil trabajar ya que en modo de diseño sólo arrastras las capas.

Descarga el ejemplo



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>relative absolute</title>
<style type="text/css">
#contenedor {
position:relative;
width: 940px;
margin-right: auto;
margin-left: auto;
}
#cabecera {
position:absolute;
top:0px;
width: 940px;
height: 76px;
left:0px;
color: #FFFFFF;
background-color: #003366;
}
#menuIz {
position:absolute;
top:79px;
left:1px;
width: 117px;
height: 163px;
background-color: #CCCCCC;
}
#contenido {
position:absolute;
top:79px;
left:125px;
width: 816px;
height: 163px;
background-color: #99CC99;
color: #333333;
}
#pie {
position:absolute;
top:246px;
left:1px;
width: 940px;
height: 77px;
background-color: #666666;
color: #FFFFCC;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<h1 align="center">Cabezcera</h1>
</div>
<div id="menuIz">
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<div id="contenido">Contenido del documento...</div>
<div id="pie">
<div align="center">
<h3>Pie de página</h3>
</div>
</div>
</div>
</body>
</html>

Botones accesibles

Explicaré como hacer un botón con comportamiento sin perder la accesibilidad.

Existen varias maneras de crear un botón con rollover, por ejemplo con javascript y/o css.

Bueno la pregunta es ¿Que pasa si el navegador no soporta javascript?. Usamos CSS.
¿Y si tampoco soporta CSS? ¿Se nos acabaron la opciones?

Aquí una solución simple:

En realidad seguimos usando CSS pero preocupandonos de que el link siga "visible" aún si el navegador no soporta CSS.

EL código HTML:


<a href="#" title="Click Ac&aacute;!" id="miBoton"><span>Click Ac&aacute;!</span></a>



El CSS:


<style type="text/css">
#miBoton {
background-image: url(botonAccesible.gif);
height: 30px;
width: 130px;
display: block;
}
#miBoton:hover {
background-image: url(botonAccesibleH.gif);
}
#miBoton span {
display: none;
}
</style>


Explicación

El truco es la utilización de la etiqueta span, ya que al utilizarla tenemos la seguridad de que el usuario podrá ver el botón incluso cuando su navegador no soporte CSS.

Además estamos generando codigo compatible con las exigencias del W3C y WCAG AAA, algo muy importante en estos tiempos.

Para este ejemplo usé un botón pero puede ser aplicado a varios elementos con una clase CSS.
Deben preocuparse de que el tamaño del link debe ser igual que la imagen a utilizar.

Descarga el ejemplo

Mootools, ¡Que Fácil!

Colegas les dejo un archivo de ejempplo de cómo usar esta fantástica librería.

No es un manual de uso o un tutorial, sólo un ejemplo más de los tantos que hay. Solo deben ser observadores y se darán cuenta lo fácil que es manipular este framework.

Los métodos que utilicé:

• effects
• Slide
• addEvents
• addEvent
• makeDraggable
• makeResizable
• toggleClass
• funciones simple $ y doble $$
  

Si saben manejar bien CSS no tendrán muchos problemas al utilizar mootools ya que los efectos trabajan sobre las propiedades de estilo de los elementos.

Además fijense que no toqué el html para añadir eventos, la libreria se encarga de eso, quedando una página más limpia y estandar.

No quiero decir que esta es la unica y mejor, pero luego de probar y tratar de aprender a usar otras me quedo con esta. Imagínense sólo me costo unas horas para entender la lógica y empezar a jugar con la librería.

Y una de las cosas que encontré muy buena fue que puedes mezclarlo con javascript directamente, cosa que con otros frameworks no lo puedes hacer.

El archivo:
Ejemplo mootools

Y mi del.icio para compartir lo que he encontrado:
http://del.icio.us/porquero/mootools

Conocer el país de origen según dirección IP

Generalmente queremos saber el país de origen de nuestro visitante para mostrar una banderita o simplemente el nombre de éste.

Bueno he encontrado hace un tiempo este sitio que facilita bastante el trabajo y es completamente gratis.

Existen dos maneras de utilizarlo:

• Puedes descargar la base de datos y tu manejar el resultado.
• O usar la API de este. Es muy simple de usar.

Algunos ejemplos:

Este es tu país




Sólo texto

http://api.hostip.info/country.php
US

http://api.hostip.info/get_html.php?ip=12.215.42.19
Country: UNITED STATES (US)
City: Sugar Grove, IL

http://api.hostip.info/get_html.php?ip=12.215.42.19&position=true
Country: UNITED STATES (US)
City: Sugar Grove, IL
Latitude: 41.7696
Longitude: -88.4588

http://api.hostip.info/?ip=12.215.42.19
[use the URL above for an example - XML too long to paste below]

La banderita (dentro de IMG)

Flag of visitor's location:

 SRC="http://api.hostip.info/flag.php" BORDER="0" ALT="IP Address Lookup"

Flag of any IP address:

SRC="http://api.hostip.info/flag.php?ip=12.215.42.19" ALT="IP Address Lookup"

Mas info

www.hostip.info
La base de datos