Siempre me ha gustado saber quién está detrás de los blogs que leo; de dónde son, cómo son, qué es lo que hacen o lo que han hecho, que han estudiado, etc. Considero que puede resultar muy interesante y útil disponer de un perfil público en tu página web para acercarte un poco más a tus lectores, aunque siempre he creído que mostrar ese tipo de información es desnudar de cierta manera la privacidad de cada uno.

A pesar de mis reticencias y después de pensármelo mucho, he decidido publicar una breve y resumida historia de qué es lo que hago y por qué lo hago. Espero que os resulte interesante y así podáis conocerme un poco mejor. Y vosotros, ¿estáis a favor de publicar este tipo de información en un blog?, o ¿no?

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

¿Quién es n4gash? ¿quién soy?

Voy a detallar brevemente algunos aspectos, que desde mi punto de vista, pueden afectar a la hora de transmitir una imagen de profesionalidad o no para una página web corporativa:

• Diseño y estructura: No hace falta que el diseño esté muy logrado o sea muy impactante, basta con que todas las páginas tengan la misma plantilla. Lo correcto es crear un diseño, estructura y gama cromática similar para todas las páginas, de forma que un usuario pueda navegar con la certeza de que continúa en el mismo website (Usabilidad web). Además, de esta forma se logra dar una imagen de profesionalidad y presencia a la empresa. Si se utilizan los colores corporativos, mucho mejor. Es importante que todos los textos tengan el mismo tamaño, tipo de letra y color, diferenciando entre headers y párrafos.
• Navegación intuitiva: el menú principal de navegación debe estar claramente visible y ser intuitivo. Incluir el botón de “Inicio” dentro de la sección “¿Quiénes somos?” echa por tierra esta idea. Incluir un sitemap y un menú en el footer de la web mejora la navegabilidad de ésta y su indexación en buscadores.
• Decoración: las marquesinas ya no se usan. Además de provocar imcompatibilidades entre distintos navegadores, son un recurso bizarro que ha pasado de moda. Si se van a diseñar creatividades, lo ideal es intentar utilizar herramientas de diseño profesional. El Paint, no lo es. Las creatividades, cuantos más colores, peor. No por crear un scroll con seis colores que van del turquesa, al verde pistacho, pasando por el rosa o el amarillo, nuestra página va a ser más bonita o creativa. Hay que intentar mantener los mismos colores en toda la página y si son los corporativos, mejor. Los elementos con movimiento (gifs o marquesinas) pueden resultar más molestos que agradables a la vista de tus futuros clientes. Si incluyes los logotipos de los productos que comercializas, intenta que éstos estén en buena resolución, no estén pixelados y en caso de que incluyas más de uno, que todos tengan el mismo tamaño.
• Métodos de contacto: es necesario, por no decir imprescindible para una web corporativa, crear una página con los posibles medios de contacto: teléfono, fax, e-mail, dirección postal, etc. Basta con crear una página con un formulario de contacto y los datos disponibles. Crear una página para el teléfono, otra para el e-mail y otra con un formulario, lo único que consiguen es hacer perder tiempo al usuario y meter paja en nuestro website.
• Frames: al igual que las marquesinas, son de época pasada. Por suerte disponemos de los includes y los require de ASP o PHP, así que no te preocupes si tienes que editar un menú que vaya a estar en todas las páginas. Con que lo hagas en el fichero fuente, basta. Los frames tienen dificultades para posicionarse correctamente en los navegadores. Al estar formados por varias páginas distintas (cada frame), en los resultados de búsqueda pueden aparecer cada uno de forma independiente, por lo que perderíamos el contenido de los otros frames que no podemos ver.
• Campaña SEM en Google Adwords: no sé a cuánto estará pagando el PPC (Pay Per Click), pero probablemente supere el euro. El copy del anuncio no informa al usuario de los servicios que ofrece, si no de la antigüedad de la empresa, y la página de destino es la home, obligando al usuario a buscar por el menú qué es lo que desea encontrar. Una de las normas de Google Adwords es ofrecer al usuario la información con un máximo de dos clícks de profundidad, si no, penalizan.

En conclusión, una página corporativa debe transmitir confianza, seguridad y profesionalidad. Sólo basta con ponernos a pensar qué deseamos cuando buscamos servicios profesionales por internet. No es necesario crear un buen diseño, simplemente distribuyendo correctamente el contenido y ofreciendo a los usuarios la información que buscan de forma clara, y cuidando su presentación, podremos crear un buen site para nuestra empresa que nos reporte nuevos clientes.

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Buenas prácticas para diseñar la web corporativa de una empresa

Más info | http://www.youtube.com/watch?v=_8y79gnc35E
Fuente | http://ciberprensa.com/que-es-twitter-y-para-que-sirve/

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Twitter, ¿qué es y para qué sirve?

Estas son las primeras navidades del blog y la verdad es que cerramos el año con un buen sabor de boca. Hemos aumentado las visitas cerca de un 400% respecto a los primeros meses del blog gracias a la publicación constante de nuevo contenido y gracias a diversas prácticas SEO. Más adelante escribiré una entrada con las estadísticas del blog, el aumento de visitas y las tareas que hemos seguido para que dicho crecimiento haya podido ser posible.

Una de las cosas más gratificantes de tener un blog o sencillamente una página web, es saber que hay gente a la que le interesa y sigue todos sus movimientos, por ello, os doy las gracias a todos aquellos que leéis el blog; sin vosotros, probablemente este proyecto no seguiría tan vivo como lo está ahora mismo.

Os deseo una feliz Navidad y próspero año nuevo 2009.

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Feliz Navidad y próspero año nuevo 2009

Un Framework  CSS es una biblioteca cuyo objetivo es facilitar la implementación de estilos en una página web utilizando hojas de estilo CSS. Al igual que en cualquier framework de un lenguaje de programación, un framework CSS es un paquete con una serie de opciones  y estilos ya creados para diseñar una página web.

Hartija es un framework CSS que nos facilita la creación  de una versión imprimible de nuestra página web. A la hora de imprimir una página, lo más probable es que sólo nos interese un determinado texto o contenido, sin embargo, el menú, la cabecera, el pie o los banners de publicidad lo único que harán será gastar tinta de la impresora. Por ello, a través de una serie de estilos CSS podremos ocultar aquellos elementos que no deseamos imprimir. Además, también asignará estilos a los elementos básicos (cabeceras, tablas, texto de la página) para crear una versión friendly de nuestra web que pueda imprimirse y leerse perfectamente en papel.

En primer lugar, cualquier página web puede tener varias hojas de estilos. Estas CSS pueden contener estilos para distintos elementos, o para los mismos. En este último caso, tendremos que identificar para qué vamos a usar cada CSS, por lo que indicaremos en el atributo media cuando se va a utilizar cada una de ellas (las más comunes son screen, print y all). Sin embargo, existen muchos más tipos de media: braille, projection, tv, etc. Hartija, al ser un framework especial para versiones imprimibles de nuestras páginas, tendrá que tener media=”print”. Si no indicamos el atributo o ponemos otro que no sea print probablemente nuestra CSS Hartija no se utilice jamás, ya que tendrá prioridad la hoja de estilos cuya media sea screen para asignar estilos a los elementos de la página.

<link rel=”stylesheet” href=”print.css” type=”text/css” media=”print”>

El framework sólo ocupa 1.56 Kb, peso que apenas notaremos al realizar la carga de cada página. Hartija modifica los estilos estándar de nuestra web: body, cabeceras, imagenes, enlaces, tablas, etc., además, nos da la opción de ocultar capas a través de su identificador (display: none), ideal para sitios creados con divs, como los blogs de WordPress, en los que podremos indicar que la cabecera, menus y footer no se impriman.

Más info | http://code.google.com/p/hartija/

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Hartija, framework CSS para imprimir tu página web

El proceso es muy sencillo y no requiere registro (aunque si creas tu propia cuenta podrás disponer de algunos servicios extra, donde el más destacable es un log de estadísticas que te informa de la cantidad de hits (clicks) se han hecho en el enlace), simplemente pones el enlace y Zi-ma genera automáticamente un enlace mucho más corto formado por el dominio de zi-ma y un código alfanumérico (por ejemplo http://zi.ma/c3aeb7)

El uso de URL’s cortas se está extendiendo debido en gran parte al uso de Twitter, ya que los mensajes tienen una cantidad limitada de caracteres y si la URL que queremos enviar como mensaje es muy larga, o bien se cortará, o bien no podremos añadir una nota acerca de ella. Por ello, la posibilidad de añadir una URL con menos de 15 caracteres nos permite crear mensajes mucho más completos.

Otros servicios similares:

Enlace | Lix.In
Enlace | Tr.im
Enlace | Tinyurl.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Acorta y haz más amigables tus enlaces con Zi-ma para Twitter

Times of War 7
Flames of War
• Cazadores de Tigres
• Armas ferroviarias alemanas durante la Segunda Guerra Mundial
• Guía de pintura: LCVP
• Historia de la batalla de Stalingrado
• Órden de batalla de Stalingrado
• Campaña de Stalingrado Flames of War
• Informe de batalla de Stalingrado
• Guía de pintura: cómo pintar un SdKfz 7
• Guía de pintura: Cómo hacer peanas de combate urbano

Stragikon
• Field of Glory
• El rey Arturo
• El Condado de Castilla

Todo menos FoW
• Los tercios en Wargames
• Historia de los Tercios de Flandes
• La batalla de Fleurs
• Carta de colores de los Tercios
• Guía de pintura: Cómo pintar un arcabucero español
• Guía de pintura: Cómo pintar un piquero español

Comunidad
• Próximos torneos de FOW, concursos y eventos
• Tiendas que venden FOW en España

Suplemento: España en Llamas
• Historia de la Guerra Civil Española
• Notas de diseño de España en Llamas
• Miniaturas para la Guerra Civil Española
• Unidades singulares de la contienda
• Guía de pintura: cómo pintar un carlista

Fuente | www.flamesofwarspain.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Nuevo número de Times of War, ezine de Flames of War

Es normal que los usuarios puedan escribir mal la dirección de nuestra web, de alguna página interna o bien que exista algún enlace roto o desactualizado. Si no disponemos de una página de error 404 personalizada el usuario irá a parar a la página genérica del browser y es muy probable que abandone definitivamente nuestra web, ya sea porque es un usuario novel que no sabe qué significa ese error, o bien porque no ha encontrado la que buscaba y el error ha acabado por hacerle decidir abandonar la web. La solución es muy sencilla, crear una página personalizada de error 404 ofreciendo al usuario la posibilidad de ir a otras páginas de la web a través de un menú de navegación y explicándole qué es exactamente lo que ha ocurrido. De esta forma logramos mantener al usuario dentro de la web sin necesidad de tener que darle al botón “atrás” del navegador informándole de que la página que ha introducido no existe o está mal escrita.

¿Cómo creo mi propia página de error 404?
Para poder crear tu propia página de error 404 deberás tener acceso al fichero .htaccess de tu servidor. Si tienes alojada la web en un servidor gratuito es posible que no tengas la opción de personalizarlo.

Abrimos el fichero .htaccess e incluimos la siguiente línea:

ErrorDocument 404 /error_404.php

Donde error_404.php será el nombre de tu página de error 404. Además de crear una página personalizada de este error, podremos hacerlo de otros que también son comunes.

ErrorDocument 400 – Sintaxis incorrecta
ErrorDocument 401 – Sin autorización de acceso
ErrorDocument 403 – Prohibido el acceso

Al igual que para el error 404, asignaremos un nombre a cada página de error y lo incluiremos en el código del fichero .htaccess. Lo más recomendable es nombrar a las páginas por un nombre fácilmente reconocible (error_404.php, o pagenotfound.php) e incluso crear un directorio especial donde alojemos todos las páginas personalizadas (../errores/error_404.php, por ejemplo).

¿Qué contenido incluyo en la página de error 404?
La página debe ser muy simple, minimalista, si bien lo ideal sería mantener el look&feel de la página para no dar la sensación de que hemos abandonado la web.

Lo más importante es que ofrezcas al usuario información acerca del error generado y por qué no se ha podido llegar a la página que buscaba, además de sugerirle varias soluciones. Para el error 404 podríamos utilizar el siguiente texto:

Causas más probables:

• Es posible que la dirección no se haya escrito correctamente.
• Si hizo clic en un vínculo, es posible que no esté actualizado.

Puede intentar lo siguiente:

• Volver a escribir la dirección.
• Regresar a la página anterior.
• Acceder desde esta página a otra sección.

Por un lado indicamos al usuario las posibles razones por las que no se ha podido llegar a la página; por otro lado, le proponemos varias soluciones para ver si puede alcanzar la información que deseaba.

Si incluimos un menú de navegación con las principales secciones de la web estaremos ofreciendo al usuario la posibilidad de continuar navegando por nuestro sitio, por lo que tendremos más posibilidades de que no decida abandonar la web.

Por último, podemos incluir un buscador interno para que el usuario realice una búsqueda en nuestro sitio web de la información que deseaba. Podemos crear el buscador bien programándolo (si nuestra web tiene una base de datos con todos los artículos, mensajes, etc.) o bien utilizando el de Google (siendo editor de Adsense o incluyendo un código).

Y muy importante, no puedes colocar publicidad de Google en una página de error, está en contra de su normativa y puede penalizarte.

Personalizar la página de error está muy bien, pero quiero evitar que aparezca ¿qué hago?
Obviamente lo mejor sería que nunca apareciese ese error. Podemos utilizar la herramienta gratuita de Google Sitemaps, Herramientas para webmasters. Una vez hemos registrado y validado nuestra web y subido el sitemap en .txt o en XML iremos recibiendo periódicamente informes del estado de nuestras páginas. Nos informará de los errores que se han producido cuando un usuario ha intentado acceder a nuestra web, en qué páginas y a través de qué dirección se ha generado el error, etc. Es realmente útil para detectar y corregir estos errores que generalmente se nos pasan desapercibidos si no nos topamos directamente con ellos.

Más información sobre Google Sitemaps:
https://www.google.com/webmasters/tools/docs/es/about.html

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Cómo personalizar la página de error 404

¿Como me inscribo en uno de los torneos?
Envía un e-mail a melkart123@hotmail.com solicitando la inscripción al torneo en el que quieras participar, así como una copia de la lista de ejército y trasfondo a melkart123@hotmail.com y hacer un ingreso de 20€ (los datos de la cuenta bancaria están en el foro; si no, solicitádselos vía e-mail a Valdavia). Las inscripciones o pagos fuera de plazo quedarán como reservas y tendrán un recardo de 30€ sobre el precio base (es decir, la entrada costaría 50€).

¿Cómo será el torneo de Flames of War?
El torneo está dividido en tres “mini-torneos” temáticos o históricos diferenciados por el año de guerra y teatro de operaciones:
- Operación Gazala (Afrika)
- Operación Barbarosa (Ostfront)
- Festung Europe (LateWar: Festung Europe, D minus 1, D-Day, Villers Bocage, Monty’s, etc.)

Las listas serán a 1500 puntos basados en los libros correspondientes a cada mini-torneo.

Se jugarán 5 partidas durante dos jornadas, los días 28 y 29 de Junio. Entre todos los participantes que hayan entregado sus listas antes del 31 de Mayo se sortearán numerosos premios.

Además de Flames of War, se celebrará un torneo de España en Llamas, la adaptación a la Guerra Civil Española publicada por la revista WSyE.

Si deseas recibir más información pásate por el foro pinchando AQUÍ o envía un correo a Valdavia.

Yo me he encargado de diseñar el flyer para las jornadas, puedes verlo en la parte superior. La idea es utilizar las siluetas de los carros para indicar directamente que se trata de jornadas con un carácter militar, si bien tendría que haber incluido algo más aparte de tanques y camiones, como caballeros medievales o romanos del alto imperio (al fin y al cabo, no es sólamente un torneo de Flames of War, si no también de otros wargames). La fila de camiones representa la gente que va a acudir al torneo desde toda España.

http://www.wargames-spain.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Jornadas de Alcoy 2008; 28 y 29 de Junio

1. Descargar el paquete de la nueva versión de WordPress (Puedes descargarla desde aquí).

2. Hacer un Back up tanto de los archivos del FTP como de la Base de datos.

3. Desactivamos todos los plug-ins.

4. Sustituimos todos los archivos excepto:

• wp-config.php
• wp-content
• wp-includes/images
• wp-includes/languages
• .htaccess

5. Accedemos a www.tudominio.com/wp-admin/upgrade.php (donde tudominio.com será el dominio de tu blog) y le damos a actualizar WordPress.

6. Si fuese necesario actualiza los Permalinks y el .htaccess.

7. Reactiva los plug-ins o descarga las nuevas versiones de éstos e instálalas.

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Actualizando a wordpress 2.5