13 de Noviembre de 2009

Elementos y principios de diseño

Los principios son básicos y que aparecen en cualquier pieza de trabajo bien diseñado, ya sea para la web, un folleto, una tarjeta de negocios o para un anuncio. Ninguno de estos principios trabaja solo, por lo general trabajan juntos.

Elementos y principios

En el pasado hemos visto los elementos de diseño, es decir, tipo, línea, forma, textura. Consideremos estos como los bloques de construcción para un diseño. Los principios que veremos próximamente son los que hacen la estructura fuerte y lo mantiene unido. Los cinco principios que pueden ayudar a construir un diseño fuerte y hacer que se destaquen son:

Balance
Para crear un aspecto limpio y equilibrado, cada elemento debe tener una conexión visual con otro elemento de la página.

Proximidad
Cuando los elementos que están relacionados unos con otros se colocan juntos, se convierten en una unidad visual, debemos reducir el desorden y dar una estructura clara. Organizar la información en grupos apropiados es uno de las más rápidas y más fáciles maneras para mejorar los diseños.

Contraste
Si todo en la página tiene el mismo aspecto, vamos a tener un diseño bastante aburrido. Al usar contraste en el diseño, la página de inmediato tendrá un mayor atractivo. El contraste puede ser aplicado a las formas, colores, tipo y líneas.

Valores
El valor puede ser descrito simplemente como la relativa ligereza o la oscuridad de un objeto. Como contraste, el valor puede añadir profundidad y dimensión a sus diseños.

Color
Color y valor están estrechamente relacionados. El color tiene un poder increíble para crear un estado de ánimo y cambiar la intención de un diseño. Las opciones de color deben ser realizadas con cuidado para asegurar el éxito de cualquier diseño.

13 de Noviembre de 2009

Contraste – Principios básicos del diseño

¿Qué es el contraste en Diseño?

El contraste es una acentuación de las diferencias entre los elementos en un diseño. La mayoría de la gente piensa que sólo se aplica a los colores, pero por el contrario se puede trabajar con cualquier elemento del diseño. Por ejemplo, si tenemos un grupo de líneas que son todas del mismo tamaño, no hay contraste. Pero si una tiene mayor tamaño que las otras, contrastará con el resto.

El uso de contraste en Diseño:

Al aplicar contraste en el diseño Web, hay pensar más allá del color. El contraste de colores fácilmente puede ser exagerado. Pero mediante el uso de las diferencias más sutiles en como tamaños de fuente, formas de diseño, imágenes y estilos de texto, podemos tomar ventaja del mismo sin limitarnos tan solo al uso de contraste de colores.

Cómo incluir contraste en Diseños Web:

El contraste en el diseño Web se puede aplicar de muchas maneras:

  • Cambiar las fuentes. El tamaño de la fuente, el peso de la fuente, o familia de la fuente pueden proporcionar el contraste a su texto. Los titulares proporcionan una gran diferencia del texto que los rodea.
  • En los enlaces también podemos usarlo, con un cambio de color o subrayando el texto circundante.
  • Utilizando imágenes de diferentes tamaños y elementos. Si tenemos una sección de texto que es el foco principal de una página, podemos hacer uso de diferentes tamaños de elementos e imágenes que lo rodean.
25 de Septiembre de 2009

La chuleta de jQuery 1.3 (Visual Cheat Sheet)

 jQuery Visual Cheat Sheet

Para tener a mano todo lo que puedas necesitar cuando trabajas con jQuery 1.3, entre otras más cosas, incluye información acerca de:

  • Selectores
  • Efectos
  • CSS
  • Eventos
  • Ajax
  • Utilidades

Muy recomendable.

[Descargar][Ver]

25 de Septiembre de 2009

Mejorando el COUNT(*) de MySQL para las paginaciones

Generalmente cuando paginamos resultados bajo PHP / MySQL, primero generamos la consulta a la BBDD con el Where y unos “LIMIT” para mostrar solo el “rango” de registros que nos interesa para la página solicitada.

Justo después de esta tipica consulta viene el COUNT (*) pero sin apliar LIMITS ni nada  para saber cuantos registros tenemos en total en la BBDD y “pintar” el sistema de paginación, es decir, la navegación de las páginas.

Pues bien, MySQL tiene un par de funciones que básicamente hacen una especie de COUNT(*) pero mucho más veloz y que vale la pena aplicar en esta situación:

  • SQL_CALC_FOUND_ROWS: calcula el número de resultados de una consulta sin LIMIT.
  • FOUND_ROWS: obtiene el resultado del último SQL_CALC_FOUND_ROWS ejecutados.

Por ejemplo, vamos a obtener de la tabla noticias,  los 5 registros de la página 2 con el sistema sin count (*):

$sql = "select SQL_CALC_FOUND_ROW id, titulo, contenido from noticias where publicado = 1 LIMIT 5,5";
 
$sqlCount = "select FOUND_ROWS() as total ";

El sistema no te libra de ejecutar 2 consultas SQL contra la BBDD pero sí que este par de funciones tienen un menor impacto sobre el sistema haciendo mucho más rápida la consulta de obtener el número de registros.

NOTA: En nuestro php.ini el valor mysql.trace_mode debe estar en Off.

23 de Septiembre de 2009

Navegación eficaz en tu sitio Web

Si la gente no puede navegar a través de tu sitio, pronto se irá. Así, la navegación efectiva en el diseño de tu sitio web es crucial. Pero hay algunas cosas básicas que necesitas hacer antes de poder empezar a preocuparte por enlaces, imágenes o Flash.

Arquitectura de la Información

Antes de que incluso puedas empezar a planear tu navegación, es necesario definir la arquitectura de información de tu sitio. La arquitectura de información es la taxonomía o la estructura de tu sitio Web.

Algunos elementos de taxonomía común en una página Web corporativa o de negocios son:

Productos - los productos o servicios que vende la compañía
Acerca de - información sobre la empresa
Relaciones con los inversores – Información específica para los inversores
Soporte técnico – Ayuda para los clientes

Algunos elementos de taxonomía común en una página Web personal son:

Acerca de mí – información sobre el autor de la página
Vínculos favoritos – Enlaces que al autor le gustan
Amigos y familia – información acerca de los amigos del autor y de la familia

Organización

Una vez que hayas determinado la arquitectura de tu sitio, necesitas decidir la forma de organizarlo.
Al pensar en la organización, debes pensar acerca de cómo tus clientes podrían pasear por ella. Los diagramas de flujo y storyboards te puede ayudar a trazar exactamente en qué te gustaría animar a tus lectores a utilizar el sitio.

Diseño de navegación

Una vez que tengas una idea de la arquitectura y organización, estas listo para pensar en el diseño de la navegación. Hay varias cosas que debes considerar al decidir sobre el diseño de su navegación:

1. Accesible
La navegación de tu sitio web es posiblemente la parte más importante de una determinada página. Así que deberías hacerla lo más accesible posible. Esto significa evitar los efectos especiales, como Flash, Java o JavaScript como su método de navegación solamente.

2. Significativa
Mantén el sentido de la navegación. Haz una vinculación clara. Alguien que nunca ha estado en tu sitio antes debe saber inmediatamente como usar los vínculos.

3. Prevalente
Tu navegación debe aparecer en cada página de tu sitio. Si bien no es necesario tener la navegación idéntica, la estructura básica debe ser la misma en todo el sitio, con los cambios utilizados sólo para indicar la ubicación dentro de la jerarquía.

Una vez que hayas diseñado tu navegación, entonces puedes comenzar a utilizarla. Ten en cuenta que es realmente tentador cambiar tu estructura de navegación mientras estas en el centro de tu aplicación. Pero si decides hacer esto, asegúrate que estas haciendo el cambio a nivel mundial y que se ajusta a los objetivos originales de la taxonomía y la arquitectura de la información.

4 de Septiembre de 2009

Browser Shooter, el juego de los navegadores en JS

Browser Shooter es un juego desarrollado con Javascript que nos recuerda al famoso Puzzle Bobble pero con los logos de navegadores
web.

El juego usa jQuery 1.3.2 y con una gran cantidad de archivos JS se controla la física de los rebotes, el movimiento del lanzador y demás efectos del juego.

Puedes probarlo aquí

3 de Septiembre de 2009

Google patenta su página de inicio.

Después de 5 largos años de duro trabajo por parte de los abogados de Google lograron convencer a la oficina de patentes de los Estados Unidos.

El informe de la patente es más bien corto, tan sólo hay un esquema de la página de Google y poco más.

¿Qué supone esto?

De momento, muchas otras companias, que utilizán formas y diseños similares pueden verse obligadas a cambiar sus diseños y formatos de sus buscadores si los chicos de Google
optan por hacer respetar sus derechos recién patentados.

¿Cuál será el siguiente paso de la gran G?

Fuente: gawker.com

1 de Septiembre de 2009

WPA/TKIP crackeado en 60 segundos

El protocolo de cifrado que está sustituyendo al vulnerable WEP no parece tan buena opción. Unos investigadores japonenes han demostrado cómo realizar un ataque a WPA que en el mejor de los casos consigue la clave maestra en 60 segundos y en el peor en unos 20 minutos.

Toshihiro Ohigashi, de la Universidad de Hiroshima, y Masakatu Morii, de la Universidad de Kobe, han llevado a la práctica la demostración teórica de la vulnerabilidad de WPA/TKIP que el año pasado se desveló en la conferencia PacSec. Se espera que para la conferencia PacSec de este año, que se celebrará en Noviembre.

Ahora sólo nos queda WPA2 como cifrado seguro…por ahora…

Fuente: Barrapunto

1 de Septiembre de 2009

Accelerando Firefox desfragmentando su base de datos

Parece que aún hay necesidades y funciones que no están del todo cubiertas por los puglins existentes para Firefox, ya que hoy nos hemos enterado de que existe un plugin para desfragmentar la base de datos (SQLite) de nuestro Firefox y así hacer que funcione más rapido.

La extensión en concreto se llama Vacuum Places Improved y es compatible en versiones de Firefox 3.5 y superiores. En realidad la extensión optimiza la carga del historial y los marcadores, así, al teclear una dirección en la barra de direcciónes lo hará (supuestamente) más rapido.

Según los autores también mejora el tiempo de inicio de Firefox.

La extesión además se puede configurar para realizar desfragmentaciones automáticas cada cierto numuero de inicios de Firefox o programar recordatorios también cada cierto número de inicios.

Sin duda vamos a probarlo y veremos que tal.

3 de Agosto de 2009

Vacaciones A2SISTEMAS 2009

El verano ya esta aquí y con el llegan las vacaciones, después de un año lleno de proyectos y trabajo nos disponemos a tomarnos unos días de descanso. Será un buen momento para disfrutar, para descansar, para leer ese libro que tenemos pendiente, para pasear por la playa, tostarnos un poquito y como no, para recargar fuerzas y volver con las pilas puestas.

Vacaciones2009

Vacaciones2009

Estaremos ausentes del 1 al 23 de Agosto. Sin embargo, ofreceremos soporte de desarrollo durante la semana del 5 de Agosto, únicamente para aquellos proyectos que ha sido ineludible interrumpir el ritmo.

Hemos preparado una pequeña presentación informativa que hemos enviado por Email a todos nuestros clientes. Para quien no haya recibido el Email, puede verla siguiendo este enlace.

A2SISTEMAS desea que todos paséis unas felices vacaciones, nos vemos a la vuelta!!