Prananet Diseño Web y Posicionamiento Web

Muchas de las extensiones del conocido navegador Firefox son muy útiles para el desarrollo de página web. Facilitan la tarea del programador o diseñador y ofrecen ayudas para la depuración de código.

No vamos a descubrir ahora el programa Firefox, el segundo navegador más utilizado por los internautas, lo que no son tan conocidas son algunas de sus extensiones, que pueden resultar de mucha utilidad en nuestro día a día como diseñadores web.

Firefox tiene una ventana especial (en el menú Herramientas - Extensiones) para gestionar las extensiones que tenemos instaladas en el sistema: actualizarlas, desinstalarlas o configurar las opciones de cada extensión. Por lo cual será sencillo trabajar con ellas, decidir cuáles nos interesan y solucionar problemas si alguna extensión no funciona correctamente.

Para más información de las extensiones para Firefox pueden visitar el siguiente link:  https://addons.mozilla.org/extensions/?application=firefox

Extensiones de Firefox para Diseñadores Web.

Existen extensiones de todo tipo, como bloquear scripts, optimizar la velocidad, bloquear anuncios, visionar el tiempo de tu ciudad, scripts para twitter, para facebook, para myspace, editar el CSS de una página, ver la página por la que estás navegando con Internet Explorer, validar un documento, etc. Como se puede ver, hay de todo tipo, pero nos vamos a centrar en ofrecer algunas notas sobre extensiones útiles para desarrolladores.

EditCSS
Nos ayuda a cambiar el estilo CSS de cualquier página web y visualizar los resultados instantáneamente. Crea un nuevo panel lateral (se accede a través del menú Ver - Panel lateral - Edit CSS) donde se listan los estilos del documento actual y permite editarlos.

HTML Validator
Para incluir una herramienta de validación del HTML en Firefox. Muestra el número de errores en una página en un icono en la barra de estado. Además, cuando se visualiza el código fuente se obtiene una descripción de los errores.

ViewSourceWith
Permite ver el código fuente de una página web con cualquier editor que tengamos instalado en nuestro ordenador. Es muy útil para ver rápidamente un código generado con un lenguaje de programación del lado del servidor en el editor con el que estemos acostumbrados a trabajar. También se puede pulsar con el botón derecho sobre una imagen y utilizar esta extensión para abrirla con un editor de imágenes (pero si la imagen enlaza con una página se intenta ver el código fuente de la página enlazada). Para poder utilizar un editor externo previamente tenemos que darlo de alta en la pantalla de configuración de la extensión.

View formatted source
Muestra el código fuente de una página, pero le aplica un formato sencillo, a base de tabulaciones y colores, para que resulte más sencillo de leer. Crea una opción en el menú contextual que nos da un par de posibilidades para ver el código fuente: de todo el documento, o por partes, seleccionando el área en la página de la que queremos ver su código.

View Rendered Source Chart
Muestra de manera más visual el código de una página, tabulando y agrupando los distintos elementos, a los que también se le aplica un color de fondo para diferenciarlos visualmente.

ColorZilla
Es una herramienta que permite seleccionar el color de cualquier punto de la página web. Se pone un icono de un cuentagotas en la barra de estado. Si pulsamos sobre el icono se nos permite seleccionar un color de la página. Luego, con el color seleccionado, si pulsamos con el botón derecho del ratón, podemos realizar varias acciones, como copiar el color al portapapeles.

MeasureIt
Sirve para medir áreas de la página, es decir, su altura y su anchura. Crea un icono en la barra de estado que, al pulsarlo, nos permite hacer una selección dentro de la página web. Con ello se resalta el área que hemos seleccionado y nos indica su ancho y alto.

En fin… como se puede ver, hay bastantes posibilidades de ampliación de Firefox que seguro que resultan muy útiles para las personas que nos pasamos el día programando o diseñando páginas web.

¿qué extensiones utilizas tú?..

Smashingmagazine nos hace un par de recopilaciones de themes para Wordpress, esperamos que os gusten.

• 100 themes para Wordpress

• 83 themes para Wordpress

Nuestro compañero “Supernadie” por fin se decidió a independizarse de “Wordpress” (aunque no del todo ;)..) y ahí estábamos nosotros dispuestos a echarle una mano en el diseño web de su nuevo blog.

Link: www.supernadie.com

Blog de Tattoo, Hip Hop y Diseño Gráfico, tres temas tratados por igual dentro del blog, combinados a la perfección podemos encontrar plantillas para tatuajes (siendo “Supernadie” un tatuador profesional (en mi piel tengo una de sus obras)), estás plantillas son perfectamente descargables para su utilización. No dejando atrás su pasión por el Hip Hop, (”Supernadie” es el “Spiker” en un programa de radio local basado en el Hip Hop), podemos encontrar un programa de radio en su box, para ir “deleitándonos los oídos” con uno de sus programas grabados en directo. El último tema del que trata el blog, es Diseño gráfico e Ilustraciones, como Ilustrador que es, podemos encontrar “trucos” para utilizar programas de diseño gráfico, aparte de mostrarnos alguna de sus obras. 

Todo un Blog, en el cual podéis pasar un buen rato. escuchando buena música mientras nos informamos de las últimas novedades en tatuajes o diseño gráfico.

En cuanto a su aspecto técnico es un blog realizado en Wordpress, 3 columnas totalmente personalizadas. Con diseños del propio “Supernadie” adaptados al blog.

Esperemos que os guste y que os añadáis a su lector RSS, no os defraudará.

¿Como captamos a nuestros clientes para que al entrar en nuestra página, no la abandonen rápidamente? ¿Como conseguimos que se queden en nuestra web y les de tiempo a ver lo que ofertamos?

Antes de resolver todas estas preguntas, debemos definir cuales son los objetivos a cubrir por nuestro sitio web.

1. “Enganchar” los visitantes que se acercan a nuestra web por primera vez.
2. Conseguir que nos cedan su dirección de correo-e junto a la autorización para mandarles información periódicamente
3. Interesar permanentemente también a los visitantes “repetidores”

Lo mejor para realizar estos tres puntos es pensar en lo que hacemos cada uno de nosotros al entrar a una página web que visitamos por primera vez. Lo que solemos hacer es, de un vistazo, intentar descubrir esa palabra o ese detalle que capta nuestra atención. Desde luego, en el primer vistazo no solemos dedicarnos a leer grandes párrafos. Nuestro interés ha de ser captado de alguna otra forma, de una forma rápida, “al vuelo”.

Para conseguir captar a nuestros potenciales clientes, la portada es el gran recurso que debemos explotar. Estos son los principales elementos que debe incluir dicha portada.

1) Debe poder identificar qué es lo que proporciona el sitio web a sus visitantes. Es decir, “para qué le sirve a él ese sitio web”.

2) Los visitantes noveles deben encontrar “al vuelo” esos ganchos que les harán decidir adentrarse en el sitio.

3) Debe existir también una forma de acceso rápida y directa a las distintas secciones para el visitante habitual que ya sabe lo que va a buscar.

4) Debe disponer de alguna (o varias) forma de obtener la dirección de correo-e de cada visitante que entra. Para ello, la herramienta ideal es un boletín periódico. Les ofrecemos la suscripción gratuita. Para mandárselo, obviamente, necesitamos su dirección.

5) Por último, la cantidad de información debe ser la justa. Ni poca, ni mucha. Ni tan poca que resulte insustancial, los clientes no harán el esfuerzo de entrar a otra página sin saber lo que van a encontrar. Ni tanta que la página resulte sobrecargada con múltiples textos de letra menuda. Esa sobrecarga de información tiene como principal efecto el enmascarar la información importante, ésa que es capaz de captar la atención del cliente.

Nos hacemos eco de la noticia leída en SEO Profesional, por supuesto, sin menospreciar el trabajo de los programadores y webmaster de la empresa que ha realizado esta web.

Con la contratación, las Corts se subirán al carro de la llamada Web 2.0, lo peor de todo es que uno de los asuntos que se presentaron como escándalo fue la contratación externa de la página web del alto comisionado cuando el Parlamento, se aseguraba, cuenta con un amplio departamento de Informática que podía diseñarla gratis. Ahora la de las Corts costará hasta 360.000 euros con IVA. El precio incluye el diseño, todo el software, un manual de estilo e imagen corporativa que facilite el control del proyecto, el plan de formación para los desarrolladores, administradores y usuarios, y el mantenimiento durante el primer año.

Aquí os dejamos el pliego del proyecto.

Link a la página web: Corts Valencianes.

Sin entrar en partidismos nos gustaría que diéseis vuestra opinión al respecto. ¿Os parece caro? ¿Creéis que está justificado este “gasto” en el proyecto? ¿Por cuanto hubiéseis hecho vosotros un proyecto similar?.