Excelentes fotografías de exposición prolongada. Por Tomasz Kaluzny

Alcance Medios y Telecomunicaciones

Recientemente lanzamos este sitio para la división de Medios y Telecomunicaciones del Grupo Alcance. Fue una tarea complicada pues la identidad gráfica nos limitaba un poco. Debíamos lograr un diseño funcional, limpio y muy corporativo, esto utilizando su color institucional que es el morado. Un dilema que se resolvió al administrar correctamente el color y contrastándolo con escalas de grises en fondos y textos.

El sitio puede revisarse en www.alcancemyt.com

http://www.unostiposduros.com

Hasta este momento es de lo mejor que he encontrado para el dominio del tema referente a la tipografía.

Sobre todo para ampliar los horizontes ya que no siempre es necesario ilustrar para hacer una web cool.

Visiten el apartado manos a la obra y comiencen a diseñar sus tipos.

Estaría bien tener alguno así en la oficina ¿no creen?

http://www.behance.net/Search?category=projects&main-search=calendar&realm=0

He aquí todo el proceso que siguió Rob Sheridan para realizar esta magnifica ilustración:

http://www.rob-sheridan.com/sketchblog/stepbystep/mascots.html

Ya tenemos nuestra cuenta en twitter, donde podras enterárte de los ultimos posts del blog, así como de información, recursos y noticias relacionadas con el diseño.

Design Gamol @ Twitter.

Ya casi queda listo el blog yuhuuu!!!

Como ya muchos sabemos IE 6 duplica el tamaño de los márgenes  a la derecha y a la izquierda con los div que tienen la propiedad float.

Por ejemplo, si yo tengo margin:10px; para todos los navegadores decentes esto significa 10px, pero Internet Explorer 6 lo interpreta como 20px, por eso siempre nos dicen que ocupemos padding.

Una manera de solucionar esto es agregar a nuestra clase la propiedad display:inline;  y listo!  Explorer 6 ya no agrega nada que no debería!

.mi-clase {
float: left;
width: 200px;
margin: 5px;
display: inline; /*–IE6 –*/
}

Algunas ocasiones nuestros diseños se ven afectados por ’summaries’ que crecen demasiado alterando nuestras retículas. Comúnmente la solución era limitar la altura del <div> o del <p> y si dichas dimensiones eran rebasadas, aplicábamos un overflow:hidden. Leyendo la documentación del Gestor me encontré con la posibilidad de limitar el número de palabras que componen el summary. Para esto basta usar la siguiente redacción en la etiqueta:

$article.summary:maxWords(20)$

Entre paréntesis se coloca el máximo número de palabras que compondrán el summary.

Con esto no tenemos una medida exacta en pixeles, pero nos ayuda a controlar la captura exagerada de texto en este campo.

Si queremos dar la idea de que el texto continúa podemos colocar nuestra etiqueta en un link y terminarlo con puntos suspensivos:

<a href=”#”>$article.summary:maxWords(20)$…</a>

Espero sea de utilidad.