Resultado de etiquetas “diseño”

Ya iba siendo hora de darle un lavado de cada al blog. El nuevo diseño es muy simple, aún más que el anterior y corrige los problemas de la barra derecha en algunos navegadores. Aprovechando que este diseño es mucho más ancho, la barra está dividida en dos. Aún iré haciendo algún que otro cambio, ajustando cosillas por aquí y por allá, pero esta es ya la nueva apariencia del blog.

Logo Bantha Studio
Ya está disponible el blog de Bantha Studio. Lo llevaba mucho tiempo esperando. King George recogerá en él un poco de todo. Entre col y col irá incluyendo sus trabajos creativos como logos e ilustraciones. Tratará de temas cotidianos, de diseño y, seguro, que de más de un comic.

El problema de las versiones del navegador cada día es mayor. No basta con tener desarrollos y diseños que se ajusten a diferentes navegadores si no que además se debe tener en cuenta distintas versiones de un mismo navegador. Por encima de esfuerzo de vencer la desidia al hacer lo mismo de formas diferentes para que se vea igual hay que solucionar otro problema… poder probarlo en cada uno de los navegadores. browsers.evolt.org simplifica mucho las cosas a diseñadores e integradores web al poder conseguir distribuciones no instalables de diferentes navegadores. Tan sencillo como descargar diferentes versiones de IE con las que basta descomprimir los archivos para disponer de IE6 e IE55 conviviendo con un IE7 instalado.

Disponible también versiones de Mozilla, Safari y Opera entre otros.

Visitando blogmarks me dio por experimentar un poco más con CSS. La nueva apariencia de los enlaces a las etiquetas es muy sencillo de conseguir. La idea consiste en un fondo lo suficientemente grande () para que valga para cualquier posible etiqueta que tengamos y cerramos el fondo con un border, quedando oculto el resto del fondo no visible.


.entry-footer-tags a:link{
background:url(http://www.mabarroso.com/img/tag.gif) center left no-repeat;
border-right:1px solid #C2C1C1;
}

Hoy he añadido el icono "" para hacer más fácilmente reconocibles los enlaces que llevan fuera de la web. Mi primera intención fue la de añadir el icono dentro o después del link, pero la idea no me gustaba. Quería poder modificar el icono a mi antojo, incluso hacerlo desaparecer, sin necesidad de reeditar las entradas (que ya es trabajo tocarlas para añadirlo). Al final he optado a hacerlo mediante CSS. Todos los enlaces hacia fuera de la web pertenecerán a una clase out, y es esa clase la que define todos los aspectos del enlace.

Como ya es costumbre, ahora el Cómo se hizo ( MakingOf).

1
www.flickr.com