felicidades fabio esta barbaro
y yo toy con opera.....y funca bien 
Rediseño
Si, ya se, es obvio, pero vale armar un post al respecto.
Pasaron decenas de diseños en este blog y no sólo no llevo la cuenta si no que hasta perdí la mayoría en la máquina del tiempo pero por suerte conservo unos cuantos para ver como esto ha crecido.
Obviamente no soy un diseñador gráfico y se nota, es por eso que opté por la gran "Creative Commons", es decir, tómalo prestado y al pie ponga el autor real 
, igualmente, en este caso, tuve que cambiar mucho, el diseño lo estiré, le cambié colores, enlaces, el header, etc.
El header es una obra de "harte" , tiempo desperidciado en el mismo: mucho. Pero me divertí muchísimo haciendolo y no me molesta que sea pesado, ya se lo van a aprender a bancar
No faltarán quienes digan que a este diseño le falta personalidad o boludeces como esas, no importa, de acá a un año van a pedir que no lo cambie y otra vez discutiremos, pero, alguno recuerda el viejo slogan de este blog? "weblog en constante cambio", así que jódanse!
Todavía quedarán retoques aquí y allá, fue un rediseño violento, menos de 15 horas de trabajo en el mismo y salió como piña, si quieren cambios pídanlos, pero de ahí a que los haga... salvo que sea un moco grande 
Fue testeado en IE 6 , Firefox 2, Safari y Konqueror. Funciona. No probé si validaba, para tanto no
Si te gustó esta nota podés...
Categoría: General
Etiquetas:
Otros posts que podrían llegar a gustarte...
Comentarios
-
Quedo lindo, una sobra de harte
El header es pesado... hace 72kb por 5.000 visitas promedio por dia, tenes 360.000kb, si lo dividimios por 1024 tenemos que son 351, 5mb, si a esto los multiplicamos por un mes tendrías +/- 10gb por mes solo de header...
-
Gaston dijo:
Quedo lindo, una sobra de harte
El header es pesado... hace 72kb por 5.000 visitas promedio por dia, tenes 360.000kb, si lo dividimios por 1024 tenemos que son 351, 5mb, si a esto los multiplicamos por un mes tendrías +/- 10gb por mes solo de header...
ajá y si, así será, la gente de Wiroos me va a putear mucho pero si somos coherentes, desde los browsers que cachean por visitar seguido (20%) y que ya estamos en el 2007, es decir, man men man, el ancho de banda bajó muchísimo, no jodamos! es un puto blog!
-
esta joya!
Lo del tamaño del header, no es tan importante si se deja cachear. Particularmente, paso el ccleaner cada 2 semanas maso. Así que tendrás por mi, tendras un requerimiento del header cada 15 días maso.
En hora buena, llegando a fin de año, es un buen momento para cambiar de cara..
Saludos
-
No sé si <em>personalidad</em>, pero le falta... <em>punch</em> / <em>impacto</em>.
Dos cosas que sí me rompen soberanamente las pelotas (creo que te importará un choto, pero no es grave ni jodido):
<ul>
<li>Los links del header saltan cuando les pasás por encima, no tengo muy claro por qué, pero creo que es un problema con el margin/padding</li>
<li>Casi toda la segunda columna es más útil que la 1º... el listado de posts y el buscador en particular me parece que van mejor más cerca del texto que afuera (en 800x600 el fold encaja justo al final de la 1º columna)</li>
</ul>
Resumiendo, el laburo se nota, el empeño también, pero le falta volver a mandarle <em>onda</em> (cambiame el color de fondo, copate y poneme un color menos noni noni)
Sepa disculpar mi vocabulario de bisabuela, pero hace sueño. Suerte loco, y felicitaciones.
-
blackBear , lo del color de fondo irá variando hasta encontrar uno que me guste, este no me convence 100% , si se te ocurre uno que te parece que va, pasate el # y lo pruebo
el orden del menú (algo que precisamente "tiré" sin analizar demasiado) que decís como sería? es decir, columna 1: comments, buscador y en el segundo el resto? aviiiisssá, que ese tipo de cambios son los más fáciles
-
La verdad que quede
ja ja ja el collage esta bueno!! pero al color violeta del fondo me voy a tener que tomar un tiempo para asumirlo...ja ja ja saludos!.
-
GFer dijo:
La doble columna para el sidebar es, en mi no muy humilde opinión, un dolor de huevos.
amén, y además al pedo. Hacela en 1 columna y un poco más resumida, así te queda más ancho el contenido principal.
Poné un poco de espacio abajo del footer.
-
GFer dijo:
La doble columna para el sidebar es, en mi no muy humilde opinión, un dolor de huevos.
Coincido con esta opinión. El diseño anterior me gustaba por ser, creo, simple. Con la doble columna directamente MATA ese concepto. Fijate que onda de "fletearla" o hacerla una columna como antes.
Con respecto al header, lo mismo que lo anterior, los anteriores me encantaban pq eran re simples, pero al ser un header, no rompe las pelotas, asique pone lo que se te raje el toor
Y por ultimo, las letras y el diseño de los comentarios esta bastante bien logrado. Andá probando colores a ver si se puede mejorar el "azul mate".
Slds!
-
anita dijo:
Hacela en 1 columna y un poco más resumida, así te queda más ancho el contenido principal.
Podría resumirla depurando un poco el blogroll, que tiene algunos enlaces ya fallecidos, entre rotos y abandonados.
También me parece que, siendo que la "altura" del blog siempre fue mayor a la del sidebar a una columna, pasarla a dos columnas con los mismos contenidos la <em>empuja</em> hacia arriba, siendo una molestia a los que están leyendo en la mitad inferior de la página. Aunque ahora caigo que yo no estoy viendo el Adsense... whatever, a dos columnas es choto.
Por cierto, el color medio gris de los títulos va medio para atrás, les baja visibilidad y legibilidad a los que leemos a golpe de vista. O lo dejás negro, o le metés un color que resalte... pero tampoco un rojo Crónica!
-
El color de fondo esta bien, el header esta bueno (por que soy un freak) el pie de zapatos me causa gracia (wheres mah soul)
Concuerdo con Gfer, los titulos en gris rompen los huevos y la doble columna es tan impractica fea incomoda y mal cogida como el gordo porcel.
Acortaria el blogroll a ver si te entra todo en 1 columna ....además el link de techorata te queda descolgado en el aire
-
ta barbaro fabio. cuando entre por 1º vez pense que habia algun error o le habia pifiado a la direccion.
me parece que tienen un buen punto al recomendarte una sola columna en vez de dos, creo que le va a dar mas importancia al contenido
anda barbaro con ffox 3.0b1
saludos
-
Está bueno, limpio y ordenado. No soy fanático de las 3 columnas; pero de todas formas te leo por RSS así que no voy a emitir opinión al respecto.
Me encanta el "I will not suck dick in class" del header. Tal vez sea pesado pero vale cada byte
-
Fabio dijo:
blackBear , lo del color de fondo irá variando hasta encontrar uno que me guste, este no me convence 100% , si se te ocurre uno que te parece que va, pasate el # y lo pruebo
Sale
Fabio dijo:
el orden del menú (algo que precisamente tiré sin analizar demasiado) que decís como sería? es decir, columna 1: comments, buscador y en el segundo el resto? aviiiisssá, que ese tipo de cambios son los más fáciles
En un toque lo analizo más (de vez en cuando me toca laburar), pero creo que un orden copado sería
<ol>
<li>
Lo <em>propio </em>del sitio:
<ul>
<li>Comentarios</li>
<li>Login / Registro</li>
<li>Buscador</li>
<li>Temas</li>
</ul>
</li>
<li>
Todo lo demás
<ul>
<li>Sponsors</li>
<li>Enlazados</li>
<li>Links a tus sitios</li>
<li>Extras</li>
<li>Etc...</li>
</ul>
</li>
</ol>
Facilitaría la navegación interna del blog (yo me la paso leyendo artículos tuyos viejos, tenés data muy copada)
-
la tonalidad de colores seguramente la veo distinta por el monitor, pensé que los títulos estaban más oscuros (o ustedes tienen la vista hecha mierda y usan el brillo al mango
) después lo oscurezco porque... era la intención! es decir, más fuerte el "oscuro" en el texto, no tan clarito.
En el monitor de casa lo veía como un gris casi casi negro, así que puede ser esa diferencia, no había testeado el diseño en otro monitor.
GFer, el doble menú va a quedarse así y en ese sentido SI me importa un bledo que no les guste porque a mí si me gusta. Las notas no las voy a ensanchar porque hago mierda 5 años de artículos hechos en ese ancho y ensamblados con imagenes en ese ancho, aumenté un poco el tamaño de la tipografía y el ancho (si, hay unos pixeles más) pero no pienso agrandar el espacio del contenido sólo porque estiré todo. De hecho, es más cómodo para mí tener los comentarios recientes arriba que un menú larguíiiiisimo que nadie llega a usar.
El color de fondo y el header irán cambiando cuan seguido pueda modificarlo, ya tengo algunas imagenes medio freaks para el de navidad y supongo que armaré otro para el 2008
Con respecto si a 2 columnas o 3 columnas, va más allá de eso, puedo llegar a sacar una cuando se me cante y ensanchar la otra, el CSS este que choreé me lo permite y bastante, lo que es un golazo pero para mi no le da más o menos importancia al contenido, que se yo, diferencias de criterio, ya se van a acostumbrar
Ah, y el blogroll por más que tenga muertos, está así porque se me canta el otro día vinieron ya un par con intercambio de enlaces, por dió :s encima para sitios que nada que ver...
Anita, con respecto al espacio en el footer, decís separando el contenido del footer? un par de BRs solucionarán eso
Mañana seguramente verán algunas modificaciones en base a sus críticas, no crean que no las tengo en cuenta sólo que varios de los cambios que sugieren no los voy a hacer porque para eso vuelvo al diseño anterior
Blackbear, mil gracias por la data! esta noche lo reviso
Ahora me acabo de dar cuenta que en la edición de comentarios me faltó modificar el theme nada grave
-
Quien es la minita detras de Harrison Ford A?
Fabio dijo:
No probé si validaba, para tanto no
te ahorro el trabajo
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fabio.com.ar%2F&charset=%28detect+automatically%29&doctype=Inline&group=0"></a>
-
Failed validation, 239 Errors
bien! bajé los errores de validación un 70%, antes tenía como 800 errores o más
-
Azoppe
03/12/2007 - 10:15:32
Azoppe dijo:
quien es la minita atrás de Indy?
que nabo, pregunté lo mismo q joaquin...
-
Azoppe dijo:
Azoppe dijo:
quien es la minita atrás de Indy?
que nabo, pregunté lo mismo q joaquin...
una persona que conozco pero que dudo que sepa que apareció ahí es una broma interna así que luego desaparecerá
-
Martín C
03/12/2007 - 11:16:55
Está lindo el diseño... Me imaginé q la minita sería una conocida tuya...
Ahora te falta agarrar el gimp y hacer un mapa, para que cada porquería que pegaste ahi arriba lleve a una página sobre el tema. ¡Aguante Mazinger Z!
-
acepto ideas para las distintas versiones del header
la cuestión es ir cambiándolo cada tanto para que sea más divertido.
A diferencia de los estándares de diseño acá no sigo esas modas, creo que en una época donde todos se han puesto a rediseñar al "estilo 2.0" lo único que se logra es perder identidad.
Y si algo es este blog ,es un quilombo de cosas, así que me pareció lo más apropiado reflejarlo en un header que mute constantemente y confunda a todos
Martín, un mapa? naaaaaaaaaaaaaaaaaaaaaa
-
Matias dijo:
Muy lindo diseño Fabio, quedó bien
.
No entiendo el chiste de los zapatitos abajo a la derecha.
no todo es un chiste en este blog! son unos zapatos pintados por Van Gogh nada más , cosas que voy tirando por el diseño
-
viendo el header solo se ve un avion rojo medio raro creo que es un auto, no se, pero en el blog no lo veo
-
En Epiphany va perfecto.
El tema del menú que hace como ese parpadeo me parece que es porque le falta meterle un display:block al elemento a del menú. O bien se te están solapando por el padding/margin dos elementos y se confunde al hacer el over.
La doble columna a mi en lo personal no me jode en absoluto, aunque yo intercambiaría los lugares de temas/blogroll para que tenga más coherencia (temas junto con comentarios, y blogroll que quede un una jerarquía secundaria).
El buscador lo podrías pasar al header, quedaría muy bien y te solucionaría el vacío que hay a la derecha.
Por lo general me parece muy agradable el cambio. Se ve un poco más legible porque mejoraron los márgenes y se fueron los marcos que tenían todos los elementos antes, que hacían ver al diseño algo tosco y encasillado.
Un cambio positivo. Felicidades a vos y a los que les robast... a los que te inspiraron con la plantilla original
-
Che buenisimo! Quedo con toda la onda, no valida ni en pedo eso seguro
Cualquier moco que aparezca te lo reportamos
-
te quedo ge-ni-al, muy bueno, pero ¿que onda los zapatos rotos en la parte baja de la pagina? perdon por la ignorancia pero no entendi eso
-
...quedó lindo... pero a mi me gustaba mas ese que empezaba: "El tema central de este sitio puede llegar a resultarle algo absurdo, egocentrico y narcisita, pero... que puede encontrase en un sitio llamado fabio.com.ar?"
-
ahí apliqué varias de las correcciones sugeridas y otras que ví durante el día, espero que los que comentaron lo vean ahora más confortable
-
que lindo! gran cambio..me tomó por sorpresa y pensé que me había equivocado de sitio...super pos moderno man es como que naaaaaa me re copo viste..
-
jujujua
04/12/2007 - 02:17:25
a mi me gusta, solo una critica, me gusta mas con un separador entre post y post, sino se me despelota.
-
Swicher
04/12/2007 - 16:39:09
Buen rediseño de tu blog Fabio (recién me doy cuenta), aunque, tengo algunas dudas al respecto:
1) ¿No podrías achicar un poco el tamaño de header?. Por lo que se, la mayoría de la gente utiliza una resolución de pantalla de 800 por 600 pixeles, el problema es que la imagen del header tiene 1400 pixeles de ancho (que es lo importante) y con el Firefox se ve cortado, ya que comienza desde " o.com.ar" (no se si a alguien mas le pasara esto). Aunque parezca curioso, desde Internet Explorer el header se ve bien.
2) El tamaño de letra de los comentarios, ¿es el mismo del diseño anterior o le cambiaste la fuente (creerla que es mas chico que en el diseño anterior)?
3) ¿Era necesario poner doble columna (es que escuche una vez que las personas que navegan por internet les resulta algo incomodo estar deslizándose por una pagina de manera horizontal)?
Si alguien mas ha preguntado algo de esto antes que yo y le han respondido, entonces díganmelo, ya que solo he leído hasta el comentario N° 20.
-
Switcher, según mis estadísticas menos del 20% utiliza todavía 800x600, hace ya un año que vengo preparando la idea de pasar a 1024x768.
El header tiene 1400px y en esos 300 de regalo hay algunas cositas perdidas easter eggs que iré agregando cada tanto para los que la tienen grande (la resolución de pantalla)
Si se deforma para 800x600 en Firefox, en IE no, curioso así que en estos días veré de modificarlo para que se ajuste bien el tamaño, pero no voy a achicar el header para menos de 20%
el tamaño de letra de los comentarios lo voy a agrandar luego, hoy me molestaba justamente eso, no fue calculado, simplemente "quedó así"
la doble columna cómansela así de simple, yo lo quería así y así se queda hasta próximo rediseño, además, yo si la uso y soy recontra egoísta (?), jajaja, na, es así el diseño, no voy a sacarla porque a un par de puristas les moleste ,es el esquema actual del blog y por el próximo año o más.
-
En lo personal uso resoluciones de 1152x768 y 1280x1024 desde hace varios años, pero me gusta navegar con una ventanita de 800x800 flotando por el escritorio. El cambio es algo incómodo porque no me gusta que el navegador "tape" los otros veinte procesos simultáneos que tengo para repartir en la pantalla (los múltiples escritorios tampoco me convencen).
Pero, bueno, habrá que acostumbrarse.
-
Fabio dijo:
GFer, el doble menú va a quedarse así y en ese sentido SI me importa un bledo que no les guste porque a mí si me gusta. Las notas no las voy a ensanchar porque hago mierda 5 años de artículos hechos en ese ancho y ensamblados con imagenes en ese ancho, aumenté un poco el tamaño de la tipografía y el ancho (si, hay unos pixeles más) pero no pienso agrandar el espacio del contenido sólo porque estiré todo. De hecho, es más cómodo para mí tener los comentarios recientes arriba que un menú larguíiiiisimo que nadie llega a usar.
Todo bien... ahora entiendo que pienses que el diseño es puramente estética y no usabilidad
-
BTW, en Safari 3 la caja de texto de los comentarios se solapa con la primera columna del sidebar.
<img src="http://farm3.static.flickr.com/2401/2086880019_7792cfc4e4_o.png">
-
GFer dijo:
Fabio dijo:
GFer, el doble menú va a quedarse así y en ese sentido SI me importa un bledo que no les guste porque a mí si me gusta. Las notas no las voy a ensanchar porque hago mierda 5 años de artículos hechos en ese ancho y ensamblados con imagenes en ese ancho, aumenté un poco el tamaño de la tipografía y el ancho (si, hay unos pixeles más) pero no pienso agrandar el espacio del contenido sólo porque estiré todo. De hecho, es más cómodo para mí tener los comentarios recientes arriba que un menú larguíiiiisimo que nadie llega a usar.
Todo bien... ahora entiendo que pienses que el diseño es puramente estética y no usabilidad
usabilidad las tarlipes TU concepto de usabilidad no es el mío, y para mí quedó más usable así. no tiene nada que ver con la estética la doble columna, para mi es mucho más cómodo para administrar el blog así como quedó ahora.
lo del safari 3 con la caja de comentarios es curioso, después veo bien como está definido el ancho, pero me parece que cuando lo vi en safari para windola se veía bien, shit happens.
En todos los demás browsers no pasa, que raro
PS: además tenés para ajustarle el tamaño! ajustaselo vos! ja
-
Juan dijo:
Como me dijeron una vez: La imagen del header parece cortada con los dientes
jeje, hay varias que si, el problema fue la aplicación que usé que no se que joraca le pasaba y se trulaba con los bordes, así que no le hice antialiasing a casi ninguna imagen, como corté, salió pero le da más aspecto "artesanal" de collage, no?
-
Fabio dijo:
además tenés para ajustarle el tamaño!
ajustaselo vos! ja
No, solo podés ampliar, no achicar, a partir del tamaño predefinido.