Entradas marcadas con la etiqueta ‘ui’

Junio 22nd, 2009 | Sin comentarios

Firefox like Mac, disfraza Firefox como el de una Mac #windows2mac

La verdad no tenía planeado postear sobre cómo vestir Firefox de tal forma que pareciera que lo estamos usando en una Mac, por alguna razón no se me pasó por la mente, pero buscando un skin para el sistema, me encontré con uno para Firefox que me pareció bueno, tal vez no tanto, pero el parecido es espectacular.

Mac OS X Theme for Firefox

Mac OS X Theme for Firefox

El único problema que podría verle sería que si en Firefox tienesalgún icono sobre fondo blanco se verá un poco mal: jquery

Fuera de eso, el tema es impecable, claro que cuando usas un nuevo theme para Firefox, te cuesta trabajo adaptarte, pues rara ves encuentras uno que sea claro, no abromador, no sobre cargado, no muy exagerado ni simple, para ejemplo mi colección de themes:

Mi colección de themes

Mi colección de themes

Asi que se los recomiendo, aquí un pequeño ejemplo de como modifica la interfaz:

Ejemplo de interfaz modificada

Ejemplo de interfaz modificada

Freatures

  • Modificación de la interfaz general
  • Nuevo ícono de RSS y favoritos
  • Componente button
  • Fully funcional shoping cart-newtab button
Tab-carrito

Tab-carrito

Para descargar el tema, pueden visitar el sitio web de complementos para Firefox

CategoriasFirefox Tags, , ,
Junio 12th, 2009 | Sin comentarios

WordPress 2.8 disponible, novedades en esta versión

Si es usuarios de WordPress (incluyendome) desde ayer (mas bien antier, pero el post oficial se realizo ayer), la versión oficial (no beta) de WordPress 2.8 a sido liberada, y con ella nuevas interfaces y opciones.

Asi que trato de redactar las nuevas características más importantes.

En general

Básicamente se mejoró la interfaz de usuario, las API’s para desarrollar widgets, el manejo de widgets, leves cambios en el Panel de control y una que otra cosita.

Y algo muy notorio es el aumento de la velocidad.

Además de que según WordPress, se arreglaron más de 790 bugs conocidos en la versión anterior.

El nombre clave

Chet Baker:

Chet Baker: Trompetista y compositor

Empezaré diciendo que se llamará WordPress 2.8 Baker, en honor al trompetista Chet Baker.

El Panel de control

Panel de control

Panel de control

A diferencia del salto a la versión 2.7, esta versión no posee grandes cambios en cuanto al Panel de control, sin embargo, cambió ligramente, como por ejemplo se puede seleccionar el número de columnas que necesitas usar.

Plugins

Navegador de plugins integrado

Navegador de plugins integrado

Se integro una browser de plugins para localizarlos sin necesidad de salir del Panel de plugins.

Instalación de plugins sin FTP

Instalación de plugins sin FTP

También se facilitó la instalación de ellos mediante un nuevo procsedimiento que nos permitirá instalarlos desde el sitio, sin necesidad de subir archivos vía FTP (al igual que los themes).

Themes ó temas

Theme Browser

Theme Browser

Se añadió otra nueva característica llamada Theme Browser que te permitirá buscar un thema de acuerdo a tus necesidades, especificando colores, etiquetas, ancho fijo, núero de columnas, freatures, etc.

Opción de instalar un theme sin FTP

Opción de instalar un theme sin FTP

Además, al igual que los plugins, es posible instalar un theme sin conexión FTP, solo das click a “Intall” y listo, genial! ;)

Edición de scripts en PHP

Coloreado de código

Coloreado de código

Una novedad respecto a la edición de los archivos PHP de themes y plugins es el hecho de que ya poseen coloreado de código, lo que hace más amigable su edición ^____^

Lookup para las funciones de WP

Lookup para las funciones de WP

Y una de las funciones que me agradaron, es que por PHP, el textField del editor de archivos PHP detecta las funciones de WordPress integradas al script y en una dropDownList que al seleccionar un elemento te da un pequeño lookup (información breve) sobre para que se utiliza esa función.

Widgets

Drag & drop para administrar los plugins

Drag & drop para administrar los plugins

Hubo un rediseño en el panel de administración de widgets, que ahora te permite colocarlos en varias sidebar’s y mediante drag & drop (arrastrar y soltar).

Y te permite guardar los que no esten activos para no perder sus opciones configuradas.

Más amplia API para desarrollo de widgets

Más amplia API para desarrollo de widgets

Para los desarrolladores, se les ofrece una más amplia API de desarrollo de widgets, que puedes verla en el Codex

Personalización de las páginas, Improved Screen Options

Panel deentradas a una columna

Panel de entradas a una columna

Edición de entradas sin ciertos elementos

Edición de entradas sin ciertos elementos

Postear algo en una columna

Postear algo en una columna

Mediante jQuery, es posible ahora personalizar más las páginas que visitamos dentro de la administración del blog, cómo escoger el ancho del panelde administración, el número de columnas a usar, el número de post’s que deseamos ver, entre otras muchas cosas más.

A esto sumamos la actualización de varios componentes como jQuery, SWFUploader, PHPMailer, entre otras que aseguran mejor rendimiento y seguridad.

Por ahora no está en español, así que me quedo con mi 2.7.1 ^___^

Junio 9th, 2009 | Sin comentarios

¿Cuál es el mejor navegador, Chrome ó Firefox?

¿Que navegador usar, Chrome ó Firefox?

Una vez más, luego de un pequeño tiempo libre que tuve me dispuse a realizar un pequeño análisis sobre que navegador usar, y en esta ocasión decidí comparar Chrome de Google con Firefox de Mozilla. Muchos usuarios creerán que por lógica Firefox vence por mucho a Chrome, y nada más lejos de la verdad, pero Chrome también tiene sus ventajas sobre Firefox, así como Firefox tiene desventajas frente a Chrome. Primero que nada, veremos porque desde ahora excluir los demás navegadores; empezaremos con el peor de todos: Internet Explorer

(IE).

¿Por qué no usar Internet Explorer?

Seguramente a todos nos viene la idea “Porque es de Microsoft“, y aunque debo admitir que es un argumento con muy buenas bases (XD) hay otras razones más, y una de ellas es su asqueroso metodo de renderizado que causa las peores pesadillas jamás soñadas en la vida de un diseñador web, sobre todo el de IE6, pues es el peor navegador que pudo haber existido, por su falta de soporte para imágenes PNG 24, su mala interpretación de hojas de estilo, entre otros problemas conocido por los diseñadores web. Ahora, luego de verle un lado para los desarrolladores, veamos en que perjudica a los usuarios. Internet Explorer, es el navegador más lento que he probado en mi vida ( y puedo decirles que he probado al menos 8 ) y el más saturado de componentes. Hasta ahora Microsoft presume de las ventajas en la versión 8 de IE, asi que veamos como también hay cosas malas en esta recién salida versión. Empezaré con algo quizá un poco salido de onda, pero es que sinceramente el diseño de IE8 respecto al de IE7 es, Horrible con H (ache) mayúscula, ese azul Windows Vista Home Basic (Sin Aero) es horrible.

Diseño de la barra de herramientas de IE8

Diseño de la barra de herramientas de IE8

Tema: Windows Vista Home Basic

Tema: Windows Vista Home Basic

Ahora, que pasa si abrimos una nueva pestaña…¡Tarda al menos 3 segundo en abrir sin haber solicitado ninguna página en Internet! Mientras que los demás navegadores tardan…¡ni siquiera un segundo!

Pestaña de IE8

Pestaña de IE8

Y otro problema con Microsoft es que quiere mover el “menú archivo” y repartirlo entre botones al lado derecho de la ventana, es algo que esta haciendo en varias de sus aplicaciones (MSN Live, Internet Explorer, Galería fotográfica, etc.).

Botones de la derecha

Botones de la derecha

Además de que al hacer esto revuelven las opciones de un menu con otro, están saturando los menús con demasiadas opciones que confunden al usuario, en mi caso, uso un monitor de 1280px * 800px y el menú “Página” usa más del 80% de lo alto de mi pantalla:

El menú "Herramientas" ocupa el 80% del alto de mi pantalla

El menú "Herramientas" ocupa el 80% del alto de mi pantalla

Y por si fuera poco con saturar los menús de opciones, el usuario que sabe leer cada elemento del menú se confunde porque a todos los elementos del menú al lado izquierdo le ponen un ícono que no ayuda en absolutamente nada al usuario, y solo le causa confusión, simplemente ponte a pensar…si ya sabes que pasará al hacer click sobre un elemento, ¿¡para qué carajo quieres un ícono a un lado de este!? ¿¡para qué!? =___=U

¿Por qué no usar Safari?

Los usuarios que adoran a Safari me van a perdonar, pero yo siempre he creido que Safari no es mas que el IE de la Mac, claro un poco mejor. Empezemos con las desventajas:

  • Tiene aproximadamente la misma velocidad que IE al cargar páginas
  • Consume una cantidad moderada de recursos
  • Siempre se tiene problemas con su renderización al alinear verticalmente el texto en un textField
  • Es muy pesado a diferencia de otros navegadores

Aunque a diferencia de Internet Explorer:

  • Suavisa la tipografías automáticamente
  • Tiene la hermosa interfaz y diseño de una Mac
  • Sus efectos de transición son espléndidos
  • Posee un mejor gestor de RSS
  • Tiene “SnapBack” para regresar rápidamente a la página inmediatamente anterior
  • Se le pueden agregar plugins
  • Te avisa si un enlace se abrirá en un nueva ventana/pestaña a en la misma
Aviso de enlace que abre en nueva ventana

Aviso de enlace que abre en nueva ventana

¿Por qué no usar Opera?

Admitamoslo, nadie usa Opera

¿Por qué usar Firefox?

Firefox, posiblemente el mejor navegador de todos, Firefox es hasta ahora el único navegador que interpreta los sitios como debe ser, de forma estrícta y eficaz. Es súper personalizable gracias a sus varios temas creados por las demás personas. Es muy rápido, el más rápido de los navegadores luego de Chrome, al menos asi funciona en mi PC. Gracias a sus extenciones es super útil, pues extenciones de desarrollo como Web Developer Toolbar ó Firebug lo hacen único, sin contar la infinidad de tipos de extenciones. Puedes navegar en 60 pestañas sin ningún problema:

60 pestañas abiertas

60 pestañas abiertas

Es el navegador que más te protege frente a sitios de pishing, malware y demás software malicioso. Siempre verifica los certificados de seguridad. Al igual que Chrome te permite agregar una página a favoritos con un solo click. Además de que permite seguir un sitio por RSS de forma sencilla pero organizada:

Gestor de RSS y agregar favoritos con un click

Gestor de RSS y agregar favoritos con un click

Y te permite ver información detalla sobre un sitio web, su formato, recursos, canales, permisos, etc. Te permite recuperar las tabs abiertas luego de un cierre repentino, claro que si estas bufereando el video en .mp4 de hora y media y vas a la mitad, te dan ganas de romper a patadas el ordenador XD Es posible configurar que hacer al toparse con cierto formato de archivos, y no solo descargarlo porque si, ó abrirte el Outlook en cada mailto: Su motor de renderizado es Gecko, uno de los mejores (si no es que el mejor)

¿Porqué no usar Firefox?

Luego de hablar de las maravillas de Firefox, veremos porque no conviene usar Firefox. En primera, porque es muy celoso, quiere toda la RAM para el solito, es decir, consume muchos, pero MUCHOS recursos, no se exactamente a que se deba, posiblemente a las extenciones, plugins, y demás beneficios que ofrece. Es uno de los navegadores que no saben que significa “FULL screen”, quitandome 8 pixéles de alto a mi vista directa con el sitio web. Una vez que se cuelga una pestaña, todo se va al carajo. Actualmente tiene el problema GGFFWP: Más información Pero espero que pronto se recupere.

¿Por qué usar Chrome?

Luego de haber hblado de todos los navegadores anteriores, vamos con el último, Chrome de Google. Empezamos con la mejor interfaz de usuario, que solo los “trabajadores” de Google podían crear. Y seguimos con el mejor diseño tanto del logo como de los componentes,son sencillos, totalmente simples pero a la vez elegantes. Hasta donde se, es el único navegador que sabe los que es “Pantalla COMPLETA” Crea tumbnails (al igual que Opera) de los sitios más visitados, facilitando su acceso rápidamente. El Omnibox te permite acceder a una página web por su título, pedazos de URL, palabras clave, visitas según historial, además de que te permite buscar en él, te muestra sitios relacionados visitados recientemente, y muchísimas cosas más.

Omnibox

Omnibox

Si el sitio posee motor de búsqueda es posible realizar una búsqueda por él desde la omnibox tan solo teclando la dirección del sitio, presionando “Tab”y luego escribir lo que queremos buscar:

Omnibox 2: Búsqueda

Omnibox 2: Búsqueda

Omnibox 2: Búsqueda

Omnibox 2: Búsqueda

Te muestra los 3 motores de búsqueda más usados por ti:

Búsquedas favoritas

Búsquedas favoritas

Si cierras la ventana con varios tabs abiertas puedes volver a abrirla desde una nueva pestaña ó reabrir una de las pestañas de la ventana cerrada:

Pestañas cerradas en una ventana

Pestañas cerradas en una ventana

Al descargar archivos, el proceso es muy fácil, rápido y entretenido ^__^

Descargar un archivo...

Descargar un archivo...

Posee la capacidad conocida como sandbox, que aisla las pestaña como un proceso independiente, esto significa que si se cuelga una pestaña solo la cierras y lo demás sigue igual, no se cuelga todo el navegador no pierdes ningún tab.

Consume muy pocos recursos, de hecho Firefox consume 4 veces lo que Chrome, probe abriendo en Firefox el doble de Tabs que Chrome:

Memoria consumidad con el doble de tabs en Chrome

Memoria consumidad con el doble de tabs en Chrome

Y luego con el mismo número:

Memoria consumida con la misma cantidad de tabs

Memoria consumida con la misma cantidad de tabs

Permite crear accesos directos al escritorio para usarlo como aplicación web (Gmail, WordPress, YouTube, Reader, Calendar, etc.)

Tiene Google Gears integrado para almacenar datos de aplicaciones web localmente.

Es una navegador open-source, con lo que eres libre de manipularlo a tu gusto.

¿Por qué no usar Chrome?

En primera porque no tiene una sistema de lector de RSS, y aunque es obvio que es una estrategia de Google para obligarnos a usar Reader, me parece que agregar un gestor como el de Firefox no haría daño, pues si un usuario quiere saber que es RSS y se trata de suscribir a un feed, se aterroriza al ver tanto código.

Si intentas ver una CSS, no es posible si no la descargas.

No se porque, Google al crear un navegador de tabs, no pensó en prevenir al usuario de un erroneo click sobre el botón cerrar, pues no te avisa que tiene varias tabs abiertas, sino que de jalón se cierra todo y pierdes absolutamente todas tus pestañas T____T

Digamos que es un poco parecido a IE6 » Ver más información

Se dice que no es precisamente un navegador seguro.

Y lo que lo hace estar lejos de Firefox es que no posee ni plugins ni addons, es decir, no es personalizable :(

Pues este ha sido mi análisis sobre los navegadores de hoy, espero pronto hacer uno más sobre los buscadores: Google, Yahoo! y el novatillo Bing ^___^

Pero recuerda que en [Ray] Page tu opinión es la más importante ¿crees que algún navegador es mejor ó peor que otro? ¿hay algo más que criticar/hacer notar sobre algun navegador?

Todas tus dudas, opiniones, sugerencias, críticas y demás serán bien recibidos; solo recuerda no faltar al respeto a los demás ó tu comentario podrá no ser publicado ó podrás ser editado para eliminar palabras altisonantes :P

Junio 5th, 2009 | Sin comentarios

Nuevos componentes en la interfaz de JamLegend

Cómo ya dije, es posible jugar JamLegend con un controlador de Guitar Hero ó Rock Band ó del Nintendo Wii.

Pero también, ayer JamLegend estuvo un tiempo sin acceso pero por una buena razón, al parecer porque lo han estado remodelando, y vaya que los cambios han sido muy buenos ^____^

A continuación los detalles…

Nueva navegación para escojer la dificultad de una melodía

Nueva navegación para escojer la dificultad de una melodía

Nueva navegación para escojer la dificultad de una melodía

Si alguna vez anteriormente jugaste JamLegend, habrás visto que la forma de escojer la dificultad de una canción se dividía en 2 páneles:

  • Tap only
  • Tap with strumb

El primero era para jugar solo con las teclas del 1 al 5, y el segundo para jugar además con el strum, que era la tecla “Enter“; en cada uno de los páneles se encontraban 4 botones con los siguientes textos:

  • Normal
  • Skilled
  • Insane
  • Legendary

De esto dependía el número de teclas que usarías (3-6) con lo que la dificultad aumentaba, pero ahora solo se debe de de hacer click sobre el botón “Guitar“, y luego nos aparecerán 2 opciones:

  • Tap only (BeatJam)
  • Tap with strum

Y según demos click nos aparece la opción para elegir el número de teclas a usar, según la categoría que elijamos (Normal, Skilled, Insane, Legendary, etc.). Tal y como se aprecia en la imagen de más arriba.

Con esto escojer la dificultad es mucho más sencillo, ya que nos muestra solo las opciones que queremos ver, paso a paso ;) Thanks!

Escojer entre jugar solo ó contra un bot

Escojer entre jugar solo ó contra un bot

Escojer entre jugar solo ó contra un bot

Esta capacidad no tiene más de un mes y aunque no se acaba de lanzar es muy reciente y vale la pena explicarla :)

Esta opción nos permite (como el nombre lo dice) escojer si jugamos solos ó contra un bot, cuya dificultad es determinada por un jugardor que recientemente haya tocado la canción que nosotros queremos jugar.

Esta opción se agrego tal vez porque, como recordarán, anteriormente se tenía que jugar a fuerza contra un bot, que si llegase a ser un juego perfecto la única forma de poder vencer la pieza sería teniendo un hit de 100% :(

Pero ahora puede jugar sin la presión que causaba el bot al ir arriba de ti :P

Capacidad de calificar una canción (rating)

Capacidad de calificar una canción

Capacidad de calificar una canción

Esta será una función que debió pensarse desde hace mucho, la capacidad de calificar una canción hará que se puedan calsificar por “Rating”, asi sería más fácil saber que canciones son las favoritas de los usuario en general.

Compartir canciones vía Twitter, Facebook & e-mail

Compartir canciones por Twitter, Facebook & e-mail

Compartir canciones por Twitter, Facebook & e-mail

Sin duda alguna las redes sociales son necesarias en cualquier sitio para que se conosca, y aunque en JamLegend ya era posible compartir una canción en varias redes sociales, el acumulo de botones le hacia ruido al usuario, a tal grado que lo condundía; pero ahora se dieron cuenta de que basta con poner las 2 más importantes:

  • Twitter
  • Facebook

Además de el clásico e-mail, ahí tengo una sugerencia…

Si yo voy a compartir una canción por e-mail, pienso que con dar click puedo enviar el correo a mis amigos, pero, ¿que pasa en verdad al dar click sobre el botón?…¡Juas! Te abre Outlook (en Windows) y el usuario no sabe que hacer U__U

Seguro que algunos confuguramos estos enlaces para abrirlos con Gmail ó Y! Mail, pero se han preguntado hacer un sistema de envío de correos electrónicos en PHP, similar a lo que usa ShareThis, es decir, ya que se es miembro del sitio, poder enviar canciones a amigos por correo.

Sin duda eso aumentaría radicalmente el uso de esta función

Menú desplegable más útil

Menú desplegable más útil

Menú desplegable más útil

Anteriormente, JamLegend poseía un menú que nos permitía tocar la misma canción en Normal, Skilled, Insane ó Legendary, pero había que escoger si jugabamos con ó sin strum; ahora es diferente, pues en el menú se te ofrecen todas las opciones diponibles, esto te ahorra cargar páginas extras ;)

Pues espero que JamLegend siga creciendo más y más ^__^

Para que siga mejorando, si no estas unido a JamLegend…¿Que esperas? ¡Únete ya!

Si te gustaría que apoyarme, puedes unirte como mi padawan y así ser tu manager :)

Mi perfil en JamLegend

P.D. El antigüo BeatJam ahora se llama Guitar Tap ;)