Archive for the ‘ Tendencias ’ Category

jQuery Retina display plugin

La pantalla del iphone 4 es revolucionaria ya que es el primer dispositivo mobil que utiliza una densidad de pixeles superior a cualquier otra. Es gracias a ésto que la lectura es mucho más fina.

Ahora el problema es que en general cuando uno crea gráficos para pantallas, especialmente para la web lo hace en 72 dpi cuando los nuevos gráficos para retina debieran ser en 326.

Otro problema es que todavía hay dispositivos sin la nueva pantalla retina, lo que se traslada a que necesitamos duplicar la cantidad de gráficos: los comunes y los de mayor densidad de pixeles. Aún más necesitamos una manera de decidir cual mostrar, osea detectar que es un dispositivo con retina y mostrar los gráficos correspondientes de lo contrario seguir usando los gráficos comunes.

Con éste problema en mente encontré un plugin de jQuery que soluciona éste problema. Su implementación es súper sencilla.

<script src="js/jquery.retina.js" type="text/javascript"></script> 
<script type="text/javascript">  
     $(document).ready(function() { 
          $('img').retina(); 
     }); 
</script>
más información:

http://troymcilvena.com/post/998277515/jquery-retina

Jquery para mobiles

Ya he hecho varios post sobre distintos frameworks para desarrollo para mobiles, pero ésto siempre camba, se van actualizando o incluso desaparecen. Nosotros como parte de Grupo Quantum hemos desarrollado sitios para mobiles usando distintas tecnologías. La que personalmente más me gusta en jqTouch, pero sin embargo tiene varios problemas para hacer cosas medias epsecificas como por ejemplo usar google maps. También es bastante “pesada” para algunos dispositivos, si bien en iPhone y en Android se ejecuta muy bien hay varios otros navegadores que no funcionan tan bien. Es por esto que me tiene muy entusiasmado ell lanzamiento de jQuery para mobiles, que si bien todavía no está disponible parece prometer mucho, esperemos que cumpla. Todavía no hay fecha de lanzamiento pero prometen que va a ser antes de fin de año. más información http://jquerymobile.com/

north kingdom did it again

No recuerdo sitio de North Kingdom que no me haya gustado, la verdad que siempre son impresionantes. Lo que no daria yo aunque sea por hacer una pasantia en ese estudio, en verano claro!!!
Ayer lanzaron un nuevo sitio promocionano Cheetos. se trata de un juego totalmente hecho en Flash y utilizando Flash Media Server. Me impresionó la tecnología que usan, sobre todo comp capturan pantallas en tiempo real de otros sitios, seguramente con una bitmapdata Class y algun programa corriendo en el fondo haciendo capturas de los sitios. La estetica está genial y es súper adictivo. Si no tienen al menos 20 minutos no entren ;-)

http://battleofthecheetos.com/

RollOver con JQuery

Ayer pubiqué una librería muy buena para hacer las etiquetas en formularios con Jquery. De ese mismo desarrollador encontré una forma muy fácil de hacer rollover. La idea es hacer una lista en HTML y el javascript opaca o cambia de color todos los siblings del objeto que estemos posicionado.

Más información y demos en: http://o2v.net/blog/easy-rollovers

Etiquetas para campos de formularios con javascript

Encontré algo que me pareció súper útil para formularios, es algo que yo en flash hago mucho: que es poner el nombre o etiqueta del campo dentro de la caja input o text, y una vez que se hace clic en el campo el texto en el interior se atenua o desaparece. como por ejemplo en esta demo: click aqui

<input title="Email Address" name="email" type="email" />
<input title="Password" name="password" type="password" />
<input title="Secret Word" name="password" type="text" />
<textarea title="Comments..." name="comments"></textarea>

Y lo único que hay que inicializar en javaScript es:

<script type="text/javascript"><!--mce:0--></script>

Para utilizar éste plugin se necesita jQuery 1.4 y jQueryUI 1.8

más información en : http://o2v.net/blog/jquery-formlabels-plugin

Fuentes web safe.

Revisando la librerías de Google Font que nombre en el post anterior para ver exactamente que fuentes son soportadas, me encontré con una tabla con los porcentajes de tipografías disponibles en distintos sistemas operativos. Espero que les sea útil.

Font Win. OS X Linux Total
Courier 99.71 98.87 66.14 98.6
Verdana 99.76 97.46 62.66 98.5
Times 99.47 98.02 65.19 98.3
Arial 99.33 97.74 67.72 98.2
Trebuchet 99.38 94.63 62.03 98.0
Lucida 98.76 100 77.86 97.9
Georgia 99.04 95.76 62.66 97.8
Impact 99 91.24 61.08 97.5
Arial Black 98.52 94.07 62.66 97.2
Tahoma 99.9 79.1 0 97.0
Palatino 98.76 78.81 0 95.9
Arial Narrow 88.95 90.11 0.71 87.4
Century Gothic 88.04 40.4 0 83.9

Wordpress 3.0 review

Hoy salió Wordpress 3.0, me contuve todos estos meses y no instalé ninguna de laa betas así que no sabia de que se trataba, si había estado leyendo y escuché en Wordcamp que el usuario iba a tener mucho más control sobre el layout.

La instalación es exáctamente igual de fácil y amigable que todas las versiones de todos éstos años. Apenas me loguee por primera vez pense esto es exactamente igual, realmente esperaba que el escritorio cambiase drásticamente, pero es muy muy parecido, lo único que diferencié rápidamente fue la opción menús dentro de Apariencia. Básicamente éste es el punto fuerte que tiene el nuevo sistema ya que ahora en vez de generar automáticamente el menú según las paginas, ahora hay un paso extra que es agregar la página creada al menú. También permite crear links en el menú que apunten a cualquier otro lado, ya sea a post internos, categorías o incluso direcciones externas. También deja arrastrar el orden de cada botón para determinar su posición. El otro punto fuerte del menu Apariencia es la posibilidad de cambiar el fondo, ya sea con una imagen o un color. de ser una imagén te permite elegir la posición, y como se repite. También hay una opción para cambiar la cabecera, muy similar al sistema que trae el template K2. La verdad que esperaba más de esta versión, estoy seguro que hay mucho avance abajo del capot de los cuales no estoy consciente, si alguien sabe de alguna cualidad nueva que quiera compartir bienvenido sea. Sólo espero que los templates viejos sigan siendo compatibles, así también como los plugins.

Project Natal se llamará Kinect

Bajo el marco de la E3 ayer se dió a conocer el nombre del proyecto Natal. Kinect será la nueva forma de interactuar con la consola de Microsoft. Kinect convierte todo tu cuerpo en el control remoto, también toma acciones por comando sonoros. Por ahora lo juego que hemos visto han sido juego muy parecidos a la lúdica de la Wii, me gustaría probar que tan preciso será, no creo que salgan títulos como Halo o juegos donde hay demasiadas combinaciones de teclas para acceder a diferentes acciones, de todos modos parece divertido, no creo vender mi Wii para cambiar a X-box pronto, pero como amante de las interfaces me parece que esto es un paso hacia donde nos estamos dirigiendo y es bueno ver que la gente lo adopta con facilidad. El world premier será esta tarde, las 3:30 EDT con participación de Cirque du Soleil más información: http://www.xbox.com/en-US/kinect/

Xampp – Problemas ejecutando PHP en win 7

Cuando descargúe la última version de Xampp para instalarla en Win 7, tuve algunos problemas con la ejecución de PHP, sobre todo en las lineas que debía utilizar el metodo abreviado para poder insertar una variable en HTML “<?=$variable ?>“, investigando encontre en varios post con la solución. El problema está en la configuración de php.ini y httpd.conf, les dejo los dos archivos con la solución para que descarguen desde este link. xampp Fixed

Es importante para que esto funcione que xampp esté desconectado, que guarden por las dudas los archivos originales. Una vez que copiaron los nuevos archivos recien allí iniciar nuevamente xampp.

La versión que estoy utilizando de xamp es: 1.7.3 !

Probando demos de HTML5 de Apple

Leyendo la revista online NeoTeo, me enteré que Apple publicó en su Web bajo el título “HTML5 and web standards”, algunas demos de esta nueva tecnología, lo cual me pareció muy bueno y entusiasmado las quise probar.

Cuando ingresé a la web  y seleccioné algún ejemplo, me apareció un PopUp, indicándome que sólo podía acceder a ellos desde Safari, lo cual me pareció un poco selectivo.

Creo que si HTML5 va a ser una tendencia en cuanto a los estandares web, debería permitirse el acceso a estos ejemplos desde cualquier navegador, y no obligar a descargar uno en particular. La elección de cual usar, debería ser del usuario final. Creo que es un grabe error de Apple definir a HTML5 como standard mientras sus ejemplos solo se pueden acceder desde con su navegador nativo “Safari”.
Creo que la intención no es la correcta, si bien yo soy consumidor de apple y me parecen que sus productos son muy buenos, creo que esto es demasiado y su estrategia de asociar a la fuerza html5 (standard web = safari) es muy evidente y exagerado..

Uno podría hacer la siguiente lectura: el futuro es HTML5 y solo safari esta preaparado para esto, lo cual deja muy mal parado a los otros navegadores, mientras que se supone que va a ser un standar WEB.

Entiendo la razón por la cual Apple quiere atrubuirse el merito ya que los ejemplos después de probarlos en un Iphone, están bastante buenos.

Creo que el problema fue la forma de presentar y comunicar la novedad.