Hacktivate Your Mind ! v9.0
jul 16, 12:34 #0 He descubierto Komodo Media a través de la anotación de Anieto 2k: Mejora tus enlaces con :hover y CSS. Si nos ponemos fríos es simplemente un site portafolio y poco más. Pero me gusta su trazo y cómo enfoca las cosas. ¡Directito a la sección de Diseño que van!
jun 22, 08:28 #0 Tutorial para darle a las fotos ese aspecto Sin City tan molón. Vía Microsiervos

Busco icono

Sé que soy muy así a veces con éstas cosas, pero odio el simbolito de un archivo como único identificador de Hacktivate Your Mind ! en los favoritos. Bueno, en el caso de los de Internet Explorer sería esa horrible y patética e minúscula.

De la Wikipedia:
Favicon (término reducido de la palabra inglesa Favorites icon), también conocido como icono de página, es un icono asociado a una página web concreta. Un diseñador web puede crear este icono y muchos navegadores gráficos pueden usarlos. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre de la página web en la lista de favoritos y en los títulos de las páginas.
Con lo que ando buscando icono, hoy que me aburro por tener un poco de tiempo extra y ruido ambiente. Pero precisamente por éso último, no termino de inspirarme, y no se me ocurre nada.

Entonces, me paro un momento y pregunto:
¿Qué pequeña imagen creéis que identificaría a HYM? Es decir... si tuvieséis que darle la imagen de un objeto (cotidiano, abstracto, lo que queráis) ¿cuál sería?
jun 9, 10:22 bajo ,
¡Activa la conversación! [14]

Rediseño de Slashdot (e HYM)

La verdad es que tengo un serio problema con Slashdot: su diseño. Así que encontrarse vía Microsiervos con la noticia del cambio de look le alegra a uno más de lo que parece.

El nuevo diseño de Slashdot me gusta muchísmo. Es sencillo, más cómodo visualmente y por fin deja ése estilo a caballo entre lo anticuado y lo cutre que tanto veo reflejado en Barrapunto (con los que por supuesto, también tengo el problema de incomodidad visual).

Además, me ha llevado a pensar en que voy a tener que echarle un ojo al diseño de ésta versión de Hacktivate Your Mind! cuando pueda, que últimamente ando que no paro, porque no se adapta bien a resoluciones pequeñas.

Actualizado 01/06/06 a las 21.10:
Me siento un procastrinador con esto de andar haciendo las cosas tal como surgen, pero la cosa es que me he puesto manos a la obra en cuanto he dicho que iba a hacer cambios:
- Quitado peso de imágenes para los post.
- Simplificada la estructura de los post.
- Adaptación a todo lo que sea resolución de 1024 en adelante.
- Actualizado el pie de las entradas.
¿Que tal? ¿Gusta más, menos, igual?
jun 1, 20:13 bajo ,
¡Activa la conversación! [4]
may 29, 20:53 #0 9.800 fuentes para elegir, ¡gratuitas! Vía Chavalina
may 23, 13:21 #0 Un diseño líquido es aquel que se ajusta -normalmente usando porcentajes- a cualquier resolución. O sea, que debería verse bien en cualquier dispositivo sin tener que usar las barras de desplazamiento. Para crear sitios así (y facilitar que tu página pueda ser vista tanto en un sobremesa como en un móvil), puedes fijarte en la estructura de los diseños líquidos de éstos sitios. Vía Anieto2k

Buenos estilos CSS en cinco pasos

Vía Blogpocket encuentro 5 steps to CSS heaven, una guía de 5 pasos sobre cómo montar tus hojas de estilo para diseñar tu site sin grandes quebraderos de cabeza.

Por lo que he mirado, la guía es bastante acertada, pero tiene un detalle en el que me gustaría detenerme. He tratado de hacer el asunto pasable incluso para quien no domine de lo que hablo, pero he llegado a la conclusión de que igual necesitaré hacer una especie de guía aparte para poder orientar a cualquier novato o curioso.

Pero al ajo, el detalle que me ha llamado la atención es éste acerca de las clases (Referencias para aplicarle un estilo propio a etiquetas HTML):
3) Crea clases para propiedades simples que vayas a usar a menudo

Si te encuentras usando una sola propiedad mucho, dale su propia clase. Si nombras las clases de un modo sencillo, comenzarás a estilar tus documentos usando combinaciones de lectura fácil. Por ejemplo, class class=”strong red align_right”.
Mal. Muy mal.

Veamos, el párrafo ejemplo viene a decir lo siguiente: si tú usas mucho las negritas, el color rojo y la alineación a la derecha, creas una clase para cada una y luego, cuando apliques la clase con espacios cuando tengas que darle formato a una parte del texto, se aplicarán cada una de ellas a la vez (o sea, class="strong red align_right").

Entonces, para hacer un texto rojo alineado a la derecha, pero que no esté en negrita, podrías hacer class="red align_right".
Para hacer un texto en negrita y rojo, class="strong red".
Para hacer un texto en negrita y alineado a la derecha class="strong align_right".

¿Pero y si dejamos de usar el rojo, la negrita o la alineación a la derecha? A rehacer no sólo la plantilla CSS sino muchos de los documentos ya publicados. A jorobarse, vaya.

Por otra parte, no sabía yo que se pudieran usar las clases de éste modo, con lo que éste truquito podría aplicarlo a ciertas cosas a partir de éste mismo diseño que me serían la mar de útiles. En definitiva: ¡No te acostarás sin saber una cosa más!
may 23, 08:47 bajo ,
¡Activa la conversación! [3]
may 16, 08:27 #0 La Div Manía es un excesivo uso de etiquetas div en un documento HTML, por no usar correctamente los selectores. Algo que creo que me pasa, vaya. Vía Anieto2k
abr 19, 11:44 #2 Los 10 blogs mejor diseñados, por Elliott Black. La verdad es que hay diseños para todos los gustos, pero el que más me llama la atención es el de Joshua Ink. Vía Blogpocket
abr 8, 08:23 #0 View Source Chart es una extensión de Firefox que muestra el código fuente de una página por secciones, en base a las etiquetas montadas. Digamos que hace un mapa de áreas con ellas.Vía Anieto2k
« Anterior ÷