Currently browsing: imágenes

Más imágenes de la interfaz de Firefox 4

Beware: This post was published 6 years ago and its content may be outdated.

El desarrollo de Firefox 4 sigue adelante, y hoy han publicado en Chromatic Pixel más capturas del estado actual de la interfaz de la próxima versión del navegador. Tenéis unas cuantas imágenes a continuación:

Panel de notificaciones de Firefox 4 en Windows Panel de notificaciones de Firefox 4 en Windows
Panel de notificaciones de Firefox 4 en Windows Panel de notificaciones de Firefox 4 en Windows
Panel de notificaciones de Firefox 4 en Mac OS X Panel de notificaciones de Firefox 4 en Linux
Iconos de edición de Firefox 4 en Windows Indicadores del panel de descargas de Firefox 4 en Windows
Panel de descargas de Firefox 4 en Windows 7

Por cierto, revisando el Wiki de Mozilla, he encontrado más imágenes de Firefox 4 sobre Windows que no había visto hasta ahora. Las tenéis a continuación:

Firefox 4 en Windows XP con el tema Luna Firefox 4 en Windows XP con el tema Royale
Firefox 4 en Windows XP con el tema Olive Firefox 4 en Windows XP con el tema Zune
Firefox 4 con Aero Basic

750 iconos gratuitos… también en formato PSD

Beware: This post was published 6 years ago and its content may be outdated.

Vía Smashing Magazine descubro un set de 750 iconos, formados por iconos para diseñadores web, iconos de banderas, iconos de redes sociales e iconos de teclas del teclado. Lo mejor de este set es que además de incluirse los iconos en formato PNG, puedes descargarte los 750 iconos en formato PSD (de forma gratuita) con todas las capas editables, sin tener ninguna capa rasterizada o allanada.

Podéis ver una vista previa o descargar el set en formato PNG o PSD.

Probando la Beta de iPhone OS 4

Beware: This post was published 6 years ago and its content may be outdated.

Ayer Apple presentó iPhone OS 4.0, y puso a disposición de los desarrolladores el SDK correspondiente y una Beta de esta versión del Sistema Operativo del iPhone. La cuestión es que, al estar registrado como desarrollador (a pesar de no haber desarrollado aún nada – estoy aprendiendo), he podido probar la Beta de iPhone OS 4.0, así que os comentaré las principales novedades que incluye.

Read more →

¿Será así Gnome 3.0?

Beware: This post was published 6 years ago and its content may be outdated.

Vía Genbeta descubro los primeros mockups de la interfaz de Gnome 3, versión que será liberada dentro de unos 6 meses (a finales de año). Esta versión vendrá cargada de novedades tanto a nivel interno como a nivel visual, correspondiéndole a este último los mockups que podéis ver a continuación.

En los mockups han optado por una combinación de blanco y negro, lo que facilita mucho la lectura, sin embargo espero que se pueda cambiar, porque si no todas las distribuciones de Linux que utilicen Gnome parecerán iguales…

El rediseño de Ubuntu

Beware: This post was published 6 years ago and its content may be outdated.

Vía Genbeta descubro algunas imágenes del rediseño que el equipo de Ubuntu está haciendo para la versión 10.04 Lucid Lynx. Al parecer el rediseño no sólo afectará al ssitema operativo en sí, sino que también viene acompañado de un cambio en el logotipo de Ubuntu, de la página web y del merchandising que acompaña a cada versión.

A continuación tenéis algunas imágenes del nuevo diseño de Ubuntu.

Nuevo logotipo de Ubuntu Nuevo logo de Ubuntu con el fondo naranja Nuevo logo de Xubuntu
Nuevos logos de las comunidades de Ubuntu Nuevo tema "darktheme" de Ubuntu Nuevo tema "lighttheme" de Ubuntu
Nuevo diseño de la página web de Ubuntu Nuevo diseño de la página web de Xubuntu Nuevo diseño de Ubuntu
Nuevas cajas para los CDs Nuevo estilo para el Bloc de Notas de Ubuntu Nuevas camisetas de Ubuntu
Nuevo diseño de Ubuntu Extras de Ubuntu con el nuevo estilo Nueva imagen durante el arranque de Ubuntu

40 logos con formas circulares

Beware: This post was published 6 years ago and its content may be outdated.

A mediados de semana publicaron en SmashingApps una recopilación de 40 logotipos de diferentes empresas que parten de círculos, logotipos como el de Firefox, WordPress, Vodafone o AT&T.

Lo cierto es que viendo la lista, hay muchos que son muy similares entre sí, aunque pueden servir como inspiración para próximos proyectos.

Las novedades de WP Carousel 0.4

Beware: This post was published 6 years ago and its content may be outdated.

Un vistazo rápido a WP Carosel - Versión en desarrollo

Desde la publicación de WP Main Menu 0.2 he estado trabajando en la siguiente versión de WP Carousel, la 0.4. Esta nueva versión será muy diferente a la anterior, comenzando porque estoy reescribiendo el código desde 0, pertiendo de un archivo en blanco y sin copiar ninguna línea de código de la versión anterior, pero veamos punto por punto todas las novedades que traerá esta versión.

Reescrito desde 0

Una ojeada al código de WP Carousel 0.4

Puede parece una estupidez, pero he decido reescribir el código del plugin desde 0, y seguramente os preguntaréis el motivo. Pues bien, el principal motivo es que el código actual de WP Carousel deja mucho que desear. No es demasiado claro y tiene partes innecesarias. Además de los motivos que aporta el propio código, he decido cambiar el concepto del contenido del carrusel y es por esto por lo que me es más fácil partir de 0 que de un código poco eficiente y algo lioso.

También he decidido añadir una función nueva al propio código, una función que la mayoría espero que no tengáis que usar para nada y es la posiblidad de activar un modo de depuración (debug) en las funciones. El modo debug consiste básicamente en que al finalizar la función, se muestra un registro de todo lo que ha hecho la función y de los errores que ha encontrado durante su ejecución.

Para ello, he creado dos matrices básicas en cada función: $log y $errors. La primera almacena un registro de actividad, indicando que ha duplicado una variable, ha eliminado un elemento, ha calculado una URL, ha generado un número, etc. Por supuesto, en ningún caso almacena información personal como nombres de usuario o contraseñas. La segunda almacena un registro de errores, pero ojo, no errores de PHP ni fallos en el código, sinó errores de lógica o fallos en el uso del código.

¿Cuál es la diferencia? Pues por ejemplo, si tratamos de darle un valor no numérico al orden de los contenidos, aparecerá un error en esta matriz. Ese error no es un error de código, ya que no está mal escrito, sino un error de lógica debido a que los elementos se han de ordenar de forma numérica, y mezclar otros caracteres no haría sino dificultar el orden. Otro posible error es que se envíe un parámetro que pida ejecutar una acción que el plugin no entiende. Se almacenará otro error y se indicará el valor que tiene este parámetro erróneo.

Este modo de depuración no está en todas las funciones, sólo en aquellas en las que pueda haber errores con más facilidad (realmente la mayoría de las funciones tienen esa posibilidad, sin embargo algunas, como la que muestra el formulario de inserción de contenidos, carecen de ella, ya que simplemente se muestra código HTML). Por supuesto, activar el modo debug es opcional y si hay errores graves que puedan dañar los datos, el plugin mismo tratará de detenerse para evitar dañar la información.

Contenido redefinido

WP Carousel - Tabla de contenidos

Hasta ahora la idea del carrusel era mostrar los artículos de una o más categorías. Al poco tiempo añadí la posibilidad de insertar contenido personalizable en el carrusel, lo cual en realidad añadía un sinfín de posiblidades (pudiendo personalizar la URL de destino y la de la imagen, se puede añadir un elemento hacia cualquier página y artículo del blog, además de cualquier otra página externa). Sin embargo muchos habéis pedido que añadiese páginas y artículos individuales, y era obvio que para hacer esto había que rediseñar completamente la página, y aprovechando, he cambiado el concepto.

¿Por qué no añadir el contenido como lo hacemos en WP Main Menu, con una bonita interfaz, un par de listas y una tabla que muestre todo lo que está ahora mismo en él? Así que a partir de ahora podremos añadir 4 tipos de contenido diferentes: categorías, artículos individuales, páginas y contenidos personalizados.

Sobre estos tipos hay poco que decir. Las categorías actuan del mismo modo que funciona ahora mismo WP Carousel, sólo que a partir de ahora en lugar de añadir las categorías separadas por comas (,), se añadirán en bloques diferentes y totalmente independientes y como muchos habéis pedido, se podrá seleccionar una opción para que los artículos de dicha categoría no se muestren en el índice de WordPress . Los artículos individuales se podrán ocultar igualmente, y permite añadir un artículo de cualquier categoría al carrusel, independientemente de que la categoría se muestre o no. Las páginas también tendrán un lugar en el carrusel y funcionarán del mismo modo que los artículos, sólo que estas no se podrán ocultar del bucle. Por último, el contenido personalizado sigue existiendo, y el uso es el mismo que ahora.

Interfaz rediseñada

Dejando de lado la tabla de contenidos, toda la interfaz se ha rediseñado y el menú se ha redistribuido. Este úlitmo pasará a estar en el bloque de Entradas, Multimedia, Enlaces, Páginas y Comentarios, compartiendo espacio con WP Main Menu. Además para añadir nuevos carruseles dispondremos de un enlace en el menú, lo cual evita un paso intermedio. La interfaz se dividirá en bloques y será muy diferente a la actual.

Página principal de WP Carousel 0.4 - En desarrollo

Para comenzar, la página principal de WP Carousel no servirá para añadir carruseles, sinó que mostrará algunos datos sobre el plugin, como el idioma en el que está (el mismo que WordPress) y el recuento de carruseles. De todos modos este contenido puede variar, ya que no tengo del todo claro qué debería mostrarse ahí (se aceptan sugerencias 🙂 ).

Las páginas de opciones de cada carrusel se dividirán en 3 bloques: la tabla de contenidos, el formulario de inserción / edición de contenidos y las opciones de aspecto y disposición. La tabla de contenidos ya la he comentado antes, mientras que el formulario de inserción y edición de contenidos, junto con las opciones de aspecto y disposición son totalmente nuevas.

WP Carousel - Insertando contenido

Menú de WP Carousel 0.4

Menú

Sobre el formulario, consite en dos pestañas diferentes en el caso de inserción y en una sóla en el de edición. El formulario es diferente en el caso de añadir contenido creado con WordPress (categorías, artículos y páginas) y contenido personalizado. El único contenido que aceptará edición será el contenido personalizado. Os podéis preguntar por qué, y la respuesta es muy simple. Añadir un contenido creado con WordPress es cosa de segundos (seleccionar el tipo, seleccionar el contenido, establecer el orden y seleccionar si se quire mostrar o no y listo), mientras que el contenido personalizado requiere de título, descripción, URL de la imagen, URL del enlace y orden, cosas que requieren más tiempo que las anteriores. Además, algunos elementos, como la imagen que se mostrará, el título, la descripción o la URL del enlace, se modifican desde la página de edición de WordPress, así que no tiene mucho sentido añadir una página de edición de este tipo de contenido en el plugin.

Las opciones de visualización y los themes tienen su propio bloque, con dos pestañas más. La primera permitirá escoger un theme (con el mismo diseño que tiene ahora mismo WP Main Menu), mientras que la segunda permitirá escoger opciones como mostrar u ocultar las flechas o el tiempo de desplazamiento de los elementos del carrusel. Vendría a ser las opciones que hay ahora mismo en WP Carousel.

¿Recordáis aquello de crear X carruseles y luego no poder reducir el número por miedo a perder la configuración? Bien, eso será cosa del pasado, ya a partir de ahora el contenido se añadirá insertando o eliminado índices de la matriz, no definiendo el total de índices, lo cual hace mucho más flexible al plugin.

Exportar, importar y themes

Otras dos nuevas funciones que habrá en la próxima versión serán las de exportar e importar los carruseles, y nos permitirá hacer una copia de seguridad de todo el contenido de todos los carruseles que se nos mostrará como una cadena de texto, la cual podremos copiar a un archivo de texto y almacenar en cualquier soporte. Por supuesto, esta copia de seguridad se podrá editar, ya que simplemente se trata de una matriz serializada y codificada en base64 (para evitar problemas con los caracteres).

Los themes funcionarán de forma similar a los de WP Main Menu, aunque aún no tengo claro del todo cómo será su sintaxis, sin embargo será muy similar. Con los themes se añadirá una infinidad de posiblidades. Adiós a aquello de que no podemos mostrar el contenido con la descripción en la parte de la derecha o con un título en cada elemento: modificando ligeramente el theme se podrá hacer. Y es que la idea de los themes no es otra que simplificar las modificaciones del plugin, evitando posibles errores al modificar los archivos del theme (que sólo tienen funciones que usa el theme) y no modificando el núcleo del plugin.

Estado actual

Bien, lo cierto es que hoy he podido avanzar bastante en el desarrollo del plugin, sin embargo estoy no es así todos los días y muchas veces no puedo dedicarle demasiado tiempo al desarrollo del plugin, así que no fijaré ninguna fecha de publicación. El plugin estará listo cuando esté listo, ni antes y después y lo publicaré cuando acabe de desarrollarlo.

Sobre el estado actual del plugin, lo cierto es que queda mucho por hacer. La interfaz está más o menos completada, aunque queda añadir el contenido.

Las funciones de gestión de contenido están medio completas: añadir y eliminar artículos, páginas y categorías es algo posible en la versión actual, al igual que insertar, eliminar y editar contenidos personalizados. Sin embargo he olvidado añadir en el formulario los campos correspondientes a la imagen y a la URL del enlace del contenido personalizado, así que ninguna de las funciones correspondientes al contenido personalizado están completas. Sin embargo sí que están acabadas las funciones de añadir y eliminar carruseles.

Toda la parte de gestión de themes y opciones está por desarrollar, al igual que todo lo relacionado con mostrar el carrusel y las funciones de exportación e importación.

Así que ya sabéis como va el plugin. Si me preguntaseis por un porcentaje, yo diría que un 25% del plugin está completo, así que quedarían 3 cuartas partes más.

Transforma el aspecto de Firefox 3.5 en el de Firefox 4

Beware: This post was published 6 years ago and its content may be outdated.

Aspecto de Firefox 4.0 (izquierda) vs Aspecto de Firefox 3.5 (derecha)Ya hemos visto algunos indicios de lo que podía ser la interfaz de Firefox 4, y no era de esperar que al poco tiempo apareciesen themes que imitasen esta interfaz. Sin embargo el theme del que voy a hablar a continuación no imita los últimos mockups de la interfaz de Firefox 4, sino que imita los anteriores (acordáos de que cuando comenté las imágenes de la posible nueva interfaz, éstas eran sólo de Windows, mientras que había unas anteriores donde también se veía la interfaz de Mac y de Linux, el theme en cuestión imita estas imágenes) y lo cierto es que lo consiguiesen hacer realmente bien e increíblemente fácil. Realmente dotar a nuestro Firefox 3.5 de la interfaz de Firefox 4 sólo consiste en instalar un theme y un par de extensiones, además de configurarlas.

Lamentablemente este theme no está disponible ni para Linux ni para Mac, así que tendremos que esperarnos al lanzamiento de Firefox 4 para disfrutar de este theme. Para aquellos que usen Windows, el proceso es bastante sencillo. Comenzaremos instalando Strata40 (el theme principal), seguido de StrataBuddy (el cual habilita transparencias y permite elegir entre el aspecto de Firefox 3.7 o Firefox 4), Tab Progress Bar y Fission (para añadir esa barra de carga a la barra de direcciones) y por último Omnibar (para unificar la caja de búsquedas con la de direcciones).

Al acabar de instala estos complementes puede que el aspecto de Firefox no se parezca mucho al de Firefox 4, sin embargo aún tenemos que configurar los complementos. Abrimos la ventana de complementos y seleccionamos StrataBuddy. A continuación le damos a opciones, lo cual hará que taparezca una ventana con opciones diversas. Para comenzar iremos a la pestaña de Strata y seleccionaremos, en Style, 4.0 y en Background style, Aero Glass. A continuación pasaremos a la pestaña de Tabs, donde cambiaremos la opción de Tab style a Tabs on top. Finalmente en la pestaña de Misc, marcaremos sólo las opciones de Progress lines y Remove ‘List all tabs’ button.

Y ya lo tenemos, ahora nuestro Firefox será idéntico al de la imagen.

Aspecto de Firefox 3.5 (izquierda) y Aspecto de Firefox 4 (derecha)

¿Será así la interfaz de Firefox 4?

Beware: This post was published 6 years ago and its content may be outdated.
Comparación entre Firefox 3.5 y 4.0

Comparación entre Firefox 3.5 y 4.0

Vía Genbeta descubro algunas imágenes de la posible interfaz de Firefox 4. Actualmente los desarrolladores de Firefox le están dando vueltas a la interfaz de Firefox 4, y estas imágenes son el resultado de algunos conceptos que podrían aplicar al navegador. Como suele pasar, las imágenes son de la interfaz de Windows, así que en Linux y Mac pueden haber unos cuantos cambios significativos (sobretodo en Mac, teniendo en cuenta que el menú de la aplicación (el de archivo, editar, ver, historial, etc) en OS X está situado fuera de la ventana de navegador, con lo cual algunas de las modificaciones que hay en las imágenes no tienen sentido para la versión de este navegador para Mac OS X.

Pero, dejemos de lado de momento las posibles variaciones entre las versiones para cada Sistema Operativo de Firefox ya que hay diversas versiones de esta interfaz, muy similares entre sí pero con ligeros cambios unas respecto de las otras.

Interfaz de Firefox 4.0 en Windows 7

La primera de las propuestas incluye un botón para la aplicación (que sustituiría el menú de archivo, editar, ver, etc), elimina la barra de título, mueve las pestañas a la parte superior de la ventana (al estilo de Chrome u Opera, sobretodo en la última preAlpha de Opera), elimina la barra de favoritos y da un nuevo color a las partes opacas de la ventana.

Interfaz de Firefox 4.0 en Windows 7

Esta segunda propuesta cambia la posición de las pestañas y las sitúa por debajo de la barra de direcciones. Lo de más sigue más o menos igual que en la propuesta anterior.

Interfaz de Firefox 4.0 en Windows 7

La tercera propuesta añade la barra de marcadores y la situa por encima de las pestañas. Por lo demás, sigue el esquema de la segunda propuesta.

Interfaz de Firefox 4.0 en Windows 7

La cuarta propuesta parte de la primera y vuelve a tener las pestañas en la parte superior de la ventana. Inmediatamente después se muestra la barra de direcciones, y por último la barra de marcadores.

Variaciones del botón Firefox

Variaciones del botón Firefox

Como habréis podido observar, el menú de Firefox se mantiene igual en todas las propuestas anteriores. Pues bien, hay otras cinco propuestas sobre diversas posiciones de este menú, que podéis ver en la imagen que tenéis a la derecha. Las variaciones van desde el color del menú (gris en el primer caso y naranja en todos los demás) hasta la aparición (o desaparición) de la barra de título (creo que no perderíamos demasiado si desapareciese esta barra, la verdad es que no me fijo demasiado en ella, ¿vosotros sí?), el tamaño del botón y el texto que incluye (en este punto, me gusta mucho el botón de la segunda imange, sin texto pero con el icono de Firefox y un bonito fondo naranja. aunque movería las pestañas hasta debajo del botón, no dejaría espacio en blanco como hay en la imagen) o la posición del propio botón (en algunas imágenes aparece separado, en otras se acerca más a las pestañas y en una es una pestaña).

Volviendo al aspecto de Firefox en Mac y en Linux, revisando un poco la fuente original de las imágenes, he encontrado un par de imágenes sobre la interfaz de Firefox 4 en Mac y en Linux. Lamentablemente ahora mismo la página tiene un error en la Base de Datos y es imposible acceder a ella, aunque podéis ver las imágenes más significativas en este mismo artículo.

Firefox 4 en Ubuntu

Comenzaremos por Linux. A pesar de que hace mucho que no uso Firefox en Linux (bueno, en realidad hace mucho que no uso Linux) he notado bastantes cambios nada más ver la imagen. Siguiendo el mismo esquema que en Windows, la barra de título desaparece junto con el menú de archivo, editar, ver, etc. Las pestañas se vuelven a situar en la parte superior y se unifica la caja de búsqueda con la de direcciones, al estilo de Chrome. A diferencia de Windows, en Linux parace que no habrá el botón Firefox, aunque puede que esto sea debido a que esta imagen de la interfaz de Firefox 4 en Linux es anterior a la imagen de la interfaz de Firefox en Windows, así que puede que la interfaz de Linux reciba más cambios de los que se ven en esta imagen.

Firefox 4 en Mac

Las imágenes de la interfaz de Firefox 4 en Mac también son anteriores a las imágenes de la interfaz de Windows, así que puede que haya más novedades (al igual que en Linux) que no estén recogidas aquí. Sobre las que sí lo están, podemos ver que desaparece de nuevo la barra de título y la barra de marcadores, las pestañas se situan otra vez en la parte superior de la ventana, se unifica la caja de búsqueda y la de direcciones y desaparece la barra de estado. Algunos iconos típicos de esta barra, como el de Firebug o el de las descargas, están situados ahora al final de la barra de direcciones.

Lo cierto es que me gusta mucho la nueva interfaz. Tengo muchas ganas de tener la interfaz de Firefox 4 en mi Mac porque la verdad es que la interfaz actual de Firefox en Mac deja mucho que desear…

Sin embargo  creo que la más bonita de todas es la de Windows. Me encanta el rediseño que le han dado al navegador. Es simplemente excelente.

¿Y a vosotros? ¿Qué os parece la nueva interfaz?