Nuevo theme, Grotesk
Bueno, como podéis comprobar (salvo los que leáis esto por feed) he cambiado el theme del block.
Mañana explicaré en detalle las cosas nuevas y por qué es como es.
Espero que os guste y no falle demasiado.
Actualización: Pasado un día desde el lanzamiento paso a comentar algunas cosas de Grotesk.
¿Causa del cambio?, llegar a más
Siempre he sido de los de “si algo funciona no lo cambies” y lo cierto es que el anterior theme funcionaba, pero no todo lo que a mi me gustaría. Este theme nace con la idea, no sólo de refrescar y quitar el polvo buscando un estilo mucho más minimalista, sino fundamentalmente de hacer el blog mucho más accesible, tanto para dispositivos portátiles (como ya ha podido comprobar Áurea en su móvil) como para usuarios con necesidades especiales y la inmensa mayoría de los navegadores (funciona hasta en IE5).
Estrecho
Salta a la vista, ahora el blog es más estrecho, he suprimido la barra lateral con esa idea.
Es curioso que a medida que las pantallas son más y más grandes muchos diseñadores webs se sigan empeñando en hacer sus webs más y más anchas. Es perfecto, pillas el Google Analytics y dices “mira, sólo un 8% de desgraciados entran con resoluciones menores a 1024 x 768, pues que se jodan”. Sinceramente, creo que es muy arrogante pretender que tu blog llene por completo la pantalla de tus lectores, cada vez más gente (precisamente los usuarios con altas resoluciones) permiten que el navegador les ocupe sólo un área del monitor para tener otras cosas en el resto del espacio (clientes de mensajería instantánea, twitters y demás historias). Y tampoco hay que olvidarse de quienes aún navegan con resoluciones bajas, por ello, el blog se visualiza a la perfección en un monitor a 800 x 600.
El alineado a la izquierda (que no es nuevo, el anterior theme era igual) no es porque no le tenga gusto a las cosas centradas sino precisamente para remarcar la cantidad de espacio innecesario que muchas otras webs queman con relleno pajero. El espacio blanco pretende ser una invitación a usar de forma más inteligente el área de trabajo.
De este modo quien tenga una pantalla grande podrá tener abiertos a la vez Sólo otro blog infame y alguna otra publicación de inferior calidad y rigor.
CSS 3
Uno de los motivos por los que he cogido este rediseño con bastantes ganas ha sido la posibilidad de introducir efectos de CSS 3 ya que los navegadores cada vez los soportan más. Por poner un ejemplo, los usuarios de navegadores con motor WebKit (como Safari) y Opera veréis los títulos de los enlaces primarios sombreados.
Pero no todo son cosas buenas, en los bocetos que estuve tratando durante el rediseño me planteé hacer que el theme se amoldase a varias columnas en base al ancho de la pantalla de cada uno. Pues bien, algo que está perfectamente especificado en el estándar no llega a funcionar correctamente en ningún navegador (aunque Safari diga que sí). Así que ya aviso que algunos detalles se me han quedado en el trastero a la espera de que los navegadores se pongan las pilas. Conforme los estándares vayan llegando a producción iré actualizando cosas.
Tipografía
Puede que sea el cambio más notable, no uso ni una sola imagen y he abandonado Trebuchet por Helvetica, lo que da nombre al nuevo theme. Creo que el cambio se amolda bastante a la sencillez con la que cada vez más intento ir conduciendo mi vida. De todas maneras, y por el cariño especial que siempre le tendré, he mantenido la “f” del título en Trebuchet cursiva, me encanta.
Además hace ya tiempo que venía encontrando Trebuchet en más y más sitios y he querido hacer algo diferente. ¿Helvetica tiene algo de diferente?, nada en absoluto, pero puestos a ser borregos al menos serlo con clase.
Nuevas funcionalidades
Pero claro, todo un rediseño sólo para cambiar cuatro cosas del aspecto quedaría un poco injustificado, así que he puesto a cocer mis neuronas y el blog dispone de algunas novedades curiosas y otras no tan curiosas pero que irán apareciendo poco a poco.
La primera es relativa a los taglines, en estos dos años desde que puse el tagline en vuestras manos se han registrado más de 1600 y la verdad es que hay muchos que son sencillas piezas de humor de una calidad tremenda. Y lo mejor de todo es que es algo que ha funcionado de forma automática, es decir, pasado el boom inicial apenas he tenido que borrar tonterías, la inmensa mayoría de los taglines que habéis ido añadiendo son justo lo que pensé cuando monté el tenderete taglineiano.
Así que, en honor al éxito de la sección he querido darle más interactividad y ahora es posible votar los taglines, de modo que con el tiempo se irá formando un ranking con los mejores taglines y estos aparecerán más a menudo. Vamos, un poco de democracia pero sin caer en gilipolleces 2.0.
Además he ensanchado notablemente la caja de comentarios para que sea más agradable.
Eliminando muda
Y también he quitado cosas, como por ejemplo el enlace al feed. De momento he quitado lo de feedvitar a los lectores (aunque volverá), pero lo importante es que de forma general he eliminado el enlace al feed.
Habría cabido sin problemas, pero creo que es hora de empezar a eliminar los enlaces a feeds. Me explico, ya todos los navegadores saben interpretar el autodiscovery de los feeds y además utilizar nombredelsitio.ojete/feed ya se ha convertido en un estándar de facto.
Creo que poner un enlace al feed es algo del grado de escribir la URL en el cuerpo de la página, a ver, está arriba, no hace falta.
Futuros cambios
Pero lo cierto es que no está todo terminado, estas son algunas de las cosas que espero poder añadir a lo largo de las próximas semanas.
- AAA en WCAG 1.0.
Recuperar el avisador de nuevos comentarios desde la última visita.Permitir una forma sencilla para contestar en los comentarios a lo que han dicho otros comentaristas. Como hacen en AppleWeblog.- Visitar los posts anteriores y siguiente mediante rel=prev/next.
Integrar OpenSearch para cuando los navegadores se dignen a darle un uso más allá de para buscadores habituales.
Qué fuerte me parece…
# auster ↵ 7 de Julio de 2008 a las 23:22
Hoygan, qué es esto de alinearlo a la izquierda? Ni que fueas un WSL cualquiera… :P
salu2
# Lady Madonna ↵ 7 de Julio de 2008 a las 23:35
De momento, normal. Tampoco mata…
# Juankiblog ↵ 7 de Julio de 2008 a las 23:39
Joñe… cuando he entrao he pensao… puto firefox que no me carga las putas css… que austero…
# MAcOs_LuCas ↵ 7 de Julio de 2008 a las 23:39
¿Ya no hay iconito de nuevos comentarios?
# auster ↵ 7 de Julio de 2008 a las 23:43
Supongo que se me hace raro por la novedad, pero me terminaré acostumbrando.
Un trabajo impecable, eso si.
# Alexliam ↵ 7 de Julio de 2008 a las 23:50
Pues teniendo en cuenta que el antiguo me jodía el Safari en la pantalla de 24″ y no podia leer la mitad del texto……cojonudo.
# Vedia ↵ 7 de Julio de 2008 a las 23:54
Es horrible, no sé qué coño os pasa a los gurús con poner los blogs a la izquierda. Estoy viéndolo desde un iPhone y la mitad derecha de la pantalla está vacía.
Bueno, hay un detalle que me mola, las sombras. Aunque parece que Mozilla hasta que no saque Firefox 7 no se va a dignar a incluirlas.
PD: He pulsado el botón que dice “Cita” y sigo estando libre el sábado, así que es una mierda de botón. Publicidad engañosa o algo así.
# Víctor Pimentel ↵ 7 de Julio de 2008 a las 23:59
no me gusta nada, pero lo que importa es el contenido… me gustaria un poco menos blanco…
aunque lo de más geniales e ingeniosas entradas es genial :D
# Siq ↵ 8 de Julio de 2008 a las 00:04
es raro… bueno no, se hace raro verlo así, aunque como bien han dicho, ya nos acabaremos acostumbrando
# Astralia ↵ 8 de Julio de 2008 a las 00:15
Es genial. Eres genial.
# Petite Princesse ↵ 8 de Julio de 2008 a las 00:24
Bueno, es muy extraño. La “F” del título es un puntazo, sin duda, pero al menos a mí me agradaba más el modelo anterior.
Por cierto, en páginas largas como la de los taglines el marco rosa de la izquierda sólo se muestra centrado, dejando la parte superior e inferior desnuda. Vale, sí, no soy quién para hablar de diseños… pero opinar no está penado :)
# ElGekoNegro ↵ 8 de Julio de 2008 a las 00:30
en safari mola más que en firefox…
# david ↵ 8 de Julio de 2008 a las 00:35
Me gusta. Sólo tus paridas y nada más.
Es curiosa la chorrada de que se puedan votar los taglines. No sé si se podía hacer antes, yo lo acabo de descubrir y he votado a uno de los que puse yo ;-)
# shevek ↵ 8 de Julio de 2008 a las 00:40
Eh, tienes que poner los taglines que se puedan votar negativo tambien, no sólo positivo.
# Vedia ↵ 8 de Julio de 2008 a las 00:45
No me disgusta. Con que le contenido no cambie xD
# Nova ↵ 8 de Julio de 2008 a las 00:51
Como no pides opinión, no la daré. Espero impaciente las explicaciones de mañana :).
# Alex ↵ 8 de Julio de 2008 a las 00:56
No hay icono de rss ¿?
por lo demás, se ve bien en ie7, que supongo que será tu mayor preocupación :-)
# rubendomfer ↵ 8 de Julio de 2008 a las 01:05
Me disgusta.
Es más. Este tema es feo. Parece la Web 0.5…
:D
# Deses ↵ 8 de Julio de 2008 a las 01:20
Ni me gusta tanto como el anterior, ni encuentro mi espíritu facineroso, debe andar dormido…
Supongo que terminará gustando más que el anterior, en cuanto nos acostumbremos… casi siempre ocurre con este tipo de cambios.
# eme ↵ 8 de Julio de 2008 a las 02:13
Le doy también parte de razón a eme.
Por cierto, lo de votar los tags no está mal, me mola.
# ElGekoNegro ↵ 8 de Julio de 2008 a las 02:29
Me gut·ta mucho.
É mu bonico.
# Pínchez ↵ 8 de Julio de 2008 a las 03:12
Ni fú ni fá…
# Sirius ↵ 8 de Julio de 2008 a las 03:22
Me gusta. Metería algo pequeño en la esquina inferior derecha, algo muy rosa y negro, una ilustración de un robot rosa o de un cerdo rosa o de un chupachups… Cualquier cosa pequeña para que no fuera tan simétrico, pero eso va en gustos. En general me gusta bastante.
# raul ↵ 8 de Julio de 2008 a las 07:44
Ey, no se parece nada al “boceto” que enseñaste hace unos cuantos posts, pero mola.
Se hace un poco raro al principio, pero todo es cuestión de acostrumbrarse (a partir de ahora lo leeré sólo por GoogleReader ;) )
# El Duque ↵ 8 de Julio de 2008 a las 08:18
Demasiado Rosa Demasiado Blanco
Pero aun asi me agrada el tema
Espero acostumbrarme rapidamente o empezare a extrañar el anterior
=D
# Rikardo ↵ 8 de Julio de 2008 a las 08:54
Como tiro de feeds o de móvil no me importa mucho. Esta tarde veré cómo queda en el móvil, el theme anterior no se podía leer desde mi E65 si entraba en la página principal, sólo si entraba por un post º_Ô
# Okok ↵ 8 de Julio de 2008 a las 09:26
He mirado un poco más y… no está mal ;-)
Los archivos me gustan así. Este post concreto queda muy pobre en este formato, pero si ves la página principal… :)
Y me encanta que agradezcas en rosa los comentarios XD
# Okok ↵ 8 de Julio de 2008 a las 09:28
Por lo menos es diferente, que ya es algo. Una cosa, que en el archivo aparezca al final lo de más geniales e ingeniosas entradas y te mande al archivo es una feature de esas ¿no?
# Fran ↵ 8 de Julio de 2008 a las 10:22
Se lee de coña desde el móvil!! Antes se me solapaban las dos columnas y sólo veía la negra.
Por fin podré leerlo desde el móvil :)
# Okok ↵ 8 de Julio de 2008 a las 10:28
Me parece demasiado minimalista… yo quiero que vuelva el amarillo fosforito de los inicios :D
# savior1980 ↵ 8 de Julio de 2008 a las 11:32
UUggghhhh… es horrible…
Mucho blanco, poco rosa y más blanco todavía… Todo muy grande, no veo nada a primera vista: solo el título ocupa 1/3 de la pantalla. ¡Yo necesito ver las cosas claras!
Está muy vacio. En resumen: es SOSO a más no poder.
Y ya sabemos por qué es así: no te apetece acabarlo. ¡Esto está a mitad!
# akirsa ↵ 8 de Julio de 2008 a las 12:49
Otra cosa, usando Firefox 2.0.14 (bueno, es Iceweasel que es lo mismo) el encabezado del blog (”Sólo otro blog infame”) se ve pequeño, menos la “f” que es del tamaño que debe ser (lo he comprobado usando firefox 3 e IE 7.
# Fran ↵ 8 de Julio de 2008 a las 12:52
¡Coñó, vaya tuneo!
Personalmente, me gusta mucho mucho. Más que el primero, y mucho más que el segundo. ¡Gloria al blanco y las letras grandotas!
# Mr Heston ↵ 8 de Julio de 2008 a las 16:14
Ah, pues a mí me gustaba más el anterior, pero este no está del todo mal. Más simple, más grande y más claro. Un cambio nunca está de más…
# txïo ↵ 8 de Julio de 2008 a las 16:36
Mmmm… a mi me ha chocado el estilo, todavía tengo muy asimilado el anterior.
# Maka ↵ 8 de Julio de 2008 a las 17:04
Donde esté el primero que hubo, el del verde fosforito si no recuerdo mal…
# emedeme ↵ 8 de Julio de 2008 a las 17:13
Me va a costar acostumbrarme. Como emedeme, sigo prefiriendo el del verde fosforito.
# Aeris ↵ 8 de Julio de 2008 a las 17:47
Feo de cojones…
Lo siento tío pero no me gusta naaaada.
Me quedo con el anterior.
# SISOR ↵ 8 de Julio de 2008 a las 18:34
Demasiado claro ¿no?
# Carlos Luna ↵ 8 de Julio de 2008 a las 22:04
El lateral del PP está un poco bastante desierto, no?
# Oki ↵ 8 de Julio de 2008 a las 22:40
Hum… se me hace raro, pero me gusta, me gusta. Aunque la barra fija para las secciones y eso me parecía muy útil y cómodo, ahora para echar post al azar tendré que ir al top, lástima.
PD. ¿Tenías que usar un iPhone? x.x
# Harad ↵ 9 de Julio de 2008 a las 00:37
Insisto en que es ganadora, me recuerda muchísimo a la utilizada en fotografía: ƒ.
Suerte con esas implementaciones.
# ElGekoNegro ↵ 9 de Julio de 2008 a las 03:37
Em…Petite Princesse tiene razón. Mola lo de la ‘F’. Pero además, páginas largas como la de los comentarios…parecen un jersey de rayas desteñido…a mí tb me gustaba más el anterior…keep working!!!
# LordHASH ↵ 9 de Julio de 2008 a las 09:16
LordHASH, ¿qué tiene de malo un jersey de rayas desteñido?
Las camisetas de rayas no llegan a lucirse de verdad hasta que estén bien desteñidas ;-)
# Okok ↵ 9 de Julio de 2008 a las 09:48
Tal cual eso me mostraron el otro día en el trabajo hablando sobre los posibles diseños de ciertas webs…
# Maka ↵ 9 de Julio de 2008 a las 10:39
No sabía que habías actualizado el post.
# Alexliam ↵ 9 de Julio de 2008 a las 10:47
mmmm…. mmmm…. mmm…. Esta bien eee me gusta y eso, es distinto
Pero me quedo con el infame original ;)
# SopMacsl ↵ 9 de Julio de 2008 a las 13:04
Estupendo trabajo…. ya me empieza a gustar más.
# eme ↵ 9 de Julio de 2008 a las 15:50
no me gustaria adelantarme a tus proximos cambios, pues del dicho al hecho hay que ir retocando cosillas, pero en principio para mi, queda bien pero si lo comparo con el anterior me gustaba mucho mas el anterior, claro que como dije antes aun falta que le agregues cosas, detalles como por ejemplo:
*50 Comentarios. Esto es un maldito cachondeo!
*nicks en rosa
*titulo en rosa
*alguna otra cosa superclasica que no recuerde :P
puede que sea muy funcional pero no tan chulo, suele pasar mucho eso. es como comparar cualquier reproductor de video ultima version con el flv player 1.0
tambien me gustaba lo de “demuestranos tu fluidez verbal” T_T
por cierto, cuando ingrese al blog, lo hice luego de haber formateado todo y cuando haces esto hay plugins que se borran, sucede que al ver el blog asi le daba a recargar e instale los plugins “necesarios para poder verlo correctamente” y cuando me di cuenta que era por el cambio de diseño pense que la linea rosa de la izkierda era un script que al poner el cursor ahi se desplegaria el menu xDD
odio que al pasar el cursor por un titulo se ponga el fondo del mismo en rosa, es muy cutre.
y la f nos parece chula porke estamos superacostumbrados a verla, no se me mal entienda, no queda mal, pero dejando de lado que es una decision puramente arbitraria y estilo si se quiere, no deja de estar quemada como decimos en argentina.
en fin… como el resto espero acostumbrarme. me parece que como estaba cumplia con todas las espectativas, me recuerda a cuando yo hacia algun dibujo cuando niño y habia quedado perfecto antes de que mis ganas de dibujar se extinguieran y en vez de comenzar un dibujo nuevo tenia que intentar mejorar el que ya habia hecho y siempre la cagaba.
espero no te moleste mi critica hugo pues no es mi intencion, intento que sea una critica constructiva. no soy conservador pero me gustaba tanto el theme anterior….
salu2!
# MNL ↵ 9 de Julio de 2008 a las 21:51
A ver, que no os enteráis. El motivo de la vuelta a 1998 es que ahora se va a ahorrar más ancho de banda todavía. Que la crisis se nota en todas partes, coño.
# auster ↵ 9 de Julio de 2008 a las 22:00
por cierto o yo no lo encuentro o haz olvidado o aun no haz puesto el globito de dialogo rosa que al clicarlo te decia donde habia respuestas nuevas…
salu2!
# MNL ↵ 9 de Julio de 2008 a las 22:14
Radical pero aceptable, distinto pero infame. Mola.
# CasS ↵ 10 de Julio de 2008 a las 01:38
Ya que te dije varios fallos, te voy a quitar uno, el tamaño del título se ve pequeño en Linux porque la Helvetica no se debe llevar bien con Linux.
# Fran ↵ 10 de Julio de 2008 a las 12:03
En primer lugar, hay que echarle huevos para cambiar el theme anterior y por fin lo has hecho. Este nuevo diseño me gusta en general, pero sigo echando en falta los detalles clásicos del anterior, habrá que acostumbrarse. De momento, me gusta mucho la portada del block, y después de este comentario ya veré las nuevas cosas, pero parece que la peña está escocía con el nuevo cambio.
Otra cosa, en la pantalla de mi macbook casi que no caben el blog de solo infames y otra de inferior calidad y rigor, ¡benditas pestañas!
Salu2!
# Arystor ↵ 11 de Julio de 2008 a las 01:47
Me encanta, Hugo… ;)
# Pedro Aznar ↵ 11 de Julio de 2008 a las 02:52
Fran (no sé por qué te llamo Fran) en Ubuntu me interpreta bien le Helvetica, vamos, que me pone bien hasta la Calibri… Igual es un problema de fuentes tuyo, yo he probado en Linux con Firefox y con IE y no me ha dado problemas.
# ElGekoNegro ↵ 11 de Julio de 2008 a las 14:21
Para lo de responder comentarios puedes usar este plugin que desarrolle hace ya un tiempo. Simplemente añade un enlace que permite responder comentarios tal y como lo hace AppleWeblog.
Saludos
# Víctor F. Ruiz ↵ 14 de Julio de 2008 a las 16:44
Muy buen apunte Víctor, muchas gracias, lo voy a usar.
# Hugo ↵ 14 de Julio de 2008 a las 18:55
Suscribo la opinión de Víctor Pimentel: No hago más que pulsar el botón Cita y no me llamas por teléfono ni nada.
Me chifla esa efe. Por lo demás, lo cierto es que no me gusta mucho, pero seguramente me acostumbraré y acabará gustándome. Desde luego, es muy minimalista.
Antes no podía leer este blog desde mi PSP; ya te contaré qué tal cuando lo pruebe…
# Pijus Erectus ↵ 20 de Julio de 2008 a las 23:36
Un fallo que he encontrado (supongo que es un fallo) es que en el archivo se corta el nombre de los posts y aparece una parte en una columna y continúa en la de al lado.
# auster ↵ 22 de Julio de 2008 a las 12:38
Llevas razón auster, y ese es el principal motivo por el que el blog no es multicolumna desde la misma portada. Como decía en el post a todos los navegadores les queda aún mucho camino por recorrer, y el tema de las columnas en CSS es uno de los más abandonados. A medida que vayan aprovechando nuevos selectores iré actualizando.
# Hugo ↵ 23 de Julio de 2008 a las 22:49
Hey Hugo se ve muy bien tu blog desde el movil
Que genial que pensase en eso
Felicitacion adoro el nuevo theme
Le pongo un 10 en funcionalidad y estetica
hasta me convenci de que el rosa no es un mal color
# Rikardo ↵ 31 de Julio de 2008 a las 21:42