metal.ize

Hoy Apple nos da la gran noticia: Safari, el clásico navegador de Apple, sale para Windows. ¿Qué qué carambas nos importa? ¡¡Pues mucho!! Ahora podremos probar nuestros sitios web en este navegador también antes de lanzarlo al ciberespacio, lo cuál es siempre bueno. Así que anden ya a descargarlo y probarlo en sus webs. Yo la verdad me he emocionado con esta noticia, espero que tambien la encuentren útil.

Quise escribir esto ahora antes de que se me olvide ponerlo antes. Tomenlo como la voz de la experiencia: Wordpress + IE6 + Acentos en los comentarios de CSS = MALO. Llevo cerca de 5 horas peleandome y rompiendome la cabeza con el rediseño. ¿La situación? IE6 ignoraba completamente el código CSS que debía aplicar a un contenedor. El código XHTML era correcto, el CSS también; Firefox, Opera, IE7 lo mostraban correctamente. Incluso el archivo index.html que contenia el layout (sin pasar a Wordpress) era mostrado correctamente. ¿Qué estaba mal? IE6 - parecía ignorar qué hacer con ciertos divs y uls que tenía en el diseño. Y fue hasta hace unos 5 minutos que dí con la solución. Y para dar con la solución, primero hay que dar con el problema:

¡Geniales noticias que me manda Keko! Al parecer, el diseñador web de su asociación ha creado una página bastante llamativa utilizando mi tutorial para crear un menú circular como inspiración. Me parece que ha hecho un excelente trabajo y es un perfecto ejemplo de una página que se sale de lo común sin sacrificar la accesibilidad y los estándares; lo cual era el objetivo desde el principio. ¡Gracias por tu mail, Keko!

En verdad es genial saber que mi trabajo no fue echado en saco roto y que hay gente que le encuentra un uso.

Aprovecho también para avisaros que trabajo en el re-diseño. Pronto estará listo. Pero quiero trabajarlo bien y que funcione en la mayor cantidad de navegadores posibles. Ustedes disculpen la carencia de posts nuevos. ¡Un saludo!

Después de poner una imagen bastante... sencilla de la idea que tenía en mente para un rediseño del blog, me he dado a la tarea de ahora si, modificarlo cual debe. Al final, lo que salió fue esta nueva imagen que espero sea de su agrado. Ahora si, les pido de favor que me digan qué les gusta más, si el diseño actual o el de la imagen.

Sinceramente, el rediseño de Infected-FX me ha parecido un excelente cambio... tanto así, que me hizo ponerme a analizar mi propio diseño y llegar a la conclusión a la que siempre llego en esto casos: no me gusta mi diseño. Es por eso que estoy pensando en cambiarlo. La imagen de arriba es sólo un preview muy beta de algo que se me ocurrió y que hice en como 20 minutos; pero da la idea principal de lo que quiero lograr.

Pero como todo buen cambio; siempre hay quien prefiere lo viejo y hay otras personas que gustan más de lo nuevo. Es por eso que mejor quice preguntar. ¿Qué opinan de un rediseño de metal.ize? ¿Es muy pronto? ¿Se ve bien el que tenemos o les gusta más la idea de la imagen? Diganme cosas, para no hacer alguna tontería (como suelo hacer >_<).

Por cierto; si cambio de theme, el actual lo liberaré. Para que, si alguien más gusta de el, pueda usarlo.

Hoy he tenido una sorpresa (aún sigo pensando si agradable o desagradable). He dado con una web titulada Recursos Ilimitados en donde se listan algunos tutoriales para hacer 'x' o 'y' cosa. ¿Y eso qué importa, dices? Bueno, pues resulta que han tomado mi tutorial para crear un menú circular en CSS y lo han copiado tal cual. Incluso subieron su propia (y muy fea, cabe agregar) versión de mi página de demo. En ningún momento dicen que el tutorial es suyo, de hecho, dan crédito a mi web desde el principio; pero no dejo de sentirme... algo plagiado. ¿Por qué? Es un artículo que escribí yo; con mis ideas, mis formas de pensar y mis códigos. No está patentado, lo tengo claro; pero igual, lo siento como mío; y en eso viene alguien más y tal cual, copia todo y lo sube a su web sin siquiera preguntarme o avisarme; ganando visitas y comentarios que en realidad me corresponden a mí. En verdad no sé si sentirme halagado o estafado...

Y tu ¿qué opinas? ¿Es un vil robo del trabajo de otros o es simplemente promoción gratuita? Pregunto porque quizá estoy exagerando... :S

Paseandome por Infected-FX veo un genial tutorial que habla sobre la imagen de fondo en hipervínculos y las posibilidades de cambiarla de posición bajo ciertos eventos usando pseudo-clases (como :hover o :active). No tardé en comentar y decir que no sólo se puede aplicar a los <a>'s, sino que también podemos usarlos en otros elementos (como divs); pero bajo mi emoción olvidé mencionar que IE no soporta pseudo-clases en elementos que no sean <a> (cosa que eden me recordó) y que me recuerdan a mi anterior entrada sobre links en cajas. Fue entonces que, platicando con un amigo, recordé los viejos tiempos del "Web 1.0" y el extraño y antiguo término DHTML y dí con una forma de lograr que las pseudo-clases funcionaran en Internet Explorer también. Por cierto, solo he creado un archivo para las pseudo-classes :active y :hover. Pensaba meter también :focus; pero al recordar los problemas que existen entre estas dos clases entre los navegadores (No solo IE... De hecho, después de Firefox, es el que mejor se comporta) decidí dejar afuera :focus. Probablemente también se puedan arreglar pseudo-clases como :first-child o :lang; en cuanto tenga un poco más de tiempo veré si puedo arreglarlas.

¿Botones? ¡Si! ¡Botones! Esos que usas para enviar formularios. ¡Si, si! ¡Esos! Aquí les enseñaré cómo hice los botones de arriba; desde los gráficos hasta el HTML y CSS. También les voy a dejar el png para que puedan editarlo al gusto y cambiar colores, tamaños o lo que quieran.

Aquí les va el demo; con ejemplos de los botones usados en <a>'s, <inputs>'s y <button>'s.