Etiqueta: Design

  • ☆ ¡Piratean Logo IMSS!

    Tal como lo describe el titulo, parece que hubo un plagio exageradamente descarado a uno de los logos de una de las instituciones mas destacadas y con mas larga trayectoria en México.

    Segun la informacion que aparece en IsoPixel.net este empresa China conocida como Giordon Audio Alarm Equipment, ha robado literalmente el robo a el IMSS.

    Pueden ver mas informacion en la nota completa en IsoPixel.net:

    http://www.isopixel.net/archives/002280.html

  • ☆ What if…

    Que hubiera pasado si ese dia cuando recien comenzaba mi independencia no hubiera salido con mi amigo Edgar, quizas no hubiese conocido a Maria Luisa y por consiguiente meses despues quizas no hubiera conocido a mi actual novia, Nallely. O quizas, si hubiera continuado con Maria Luisa, me hubiera mudado a la Cd. de México.

    Aunque otros eventos en el pasado tambien hubieran cambiado, que hubiera pasado si no me hubiera mudado de Juarez, quizas en este momento estaria en una banda de rock, tocando covers y quizas algunas de nuestras primeras canciones al lado de Fernando

    Bueno, parece que Craig Robinson (reconocido PixelArtista a nivel mundial), tambien ha imaginado mundos paralelos a nuestra realidad. Y lo plasma en un una facil de seguir grafica mostrando los diversos destinos que pueden ocurrir. Ilustrada con piezas de PixelArt. Es una ventana a la introspeccion de los errores y aciertos que nos han traido haste el punto donde estamos.

    What if?… Craig Robinson

    Via:
    kottke.org remaindered links

  • ☆ Rediseñando

    Ultimamente no estoy muy a gusto con el diseño de mi blog, entonces me gustaria pedir a los lectores de mi blog, que detalles observan en el actual diseño, o criticas directas sobre no me gusta X o Y en tu blog por estos motivos

    Me gustaria hacer un buen diseño, pero la verdad es que la inspiracion divina no llega. Por lo tanto pido a mis lectores algunas sugerencias.

  • ☆ Las hojas de estilo resuelven casi todo…

    Checando entre mis listas de correo, encontre un reto interesante, mandado a la lista, acerca de que no se podia emular la funcionalidad de un header sin hacer uso de tablas.

    De momento creo que todo se puede hacer por hojas de estilos, aunque en ocasiones mostrar los datos mediante un layout basado en tablas tiene algunos puntos buenos.

    Como hace algunos posts comente, esto de usar tablas para layouts en paginas web, fue una mania que dio en la segunda mitad de los 90’s, cuando alguien vio el potencial de usar las tablas, para algo que no estaba pensado, y vaya que le resulto, aunque se alejo muchisimo del standard, antes de esa pequeña revolucion las paginas eran, digamos… mas aburridas.

    El Reto

    Caso sencillo:

    http://www.msg.com.mx/~arturo/Projects/Stallman/

    Trata de duplicar EXACTAMENTE la parte inicial de la pagina (lo que hace la primer tabla en el codigo). Tiene que mantener la misma disposicion aunque cambies la fuente o el tamanio de la ventana.

    Si lo sacas, me cae que voy a aprender bastante, pero ya lo vimos Johnattan Hernandez y yo y hasta donde nuestro conocimiento da, no se puede implementar con layers.

    Saludos,
    Arturo

    Se presentaron algunas soluciones, aunque usando nuevamente modelos de tablas, (aunque con css que para mi es lo mismo, solo que mas fino)

    Por ejemplo la solucion de Ion (Jonathan Hernandez), es esta.

    Pues usando la onda del display:table-cell si se puede, a ver, aqui esta mi entry…

    http://ion.gluch.org.mx/reto/

    La diferencia que tiene con el de Salvador es que uso a RMS como background, asi si aumentamos el tamanio del texto (ctrl + en mozilla) RMS siempre estara feliz en la parte inferior del div, ademas de que podemos hacer mas divs de la clase `rms’, lo malo del table-cell es que si le ponia el borde inferior a la clase `rms’ pues no abarcaba el ancho del navegador, es por eso que le puse una clase `bordecito’

    Saludos,
    ion

    O tambien esta otra solucion que pueden ver aqui que es basicamente usando el mismo modelo…

    Mi solucion, tal vez fue menos complicada (de hecho podria decir que muy sencilla), pero es trabajando casi diario con css que ya uno se acostumbra a arreglar ese tipo de detallitos, (pero aun sigo sin poder terminar mi pagina :s)

    Me tope con el mismo detalle que ion sobre la linea en el bottom, y si colocoba un width: 100%;, por alguna extraña razon aparecia magicamente el scroll, asi que imite en parte la solucion de ion, y como arregle el asunto de la imagen y el texto con ubicacion similar…

    con un Background-position: bottom left; acomode la imagen, lo demas con dos padding, uno desde el top para permitir que la imagen se viera, y otro para left, para recorrer el texto, y que no se encimara a la imagen de RMS

    Solo encontre un problema, que si se disminuye el tamaño de la letra de lo que se toma como Normal, RMS puede ser decapitado, aunque en tamaños iguales o mayores a normal, funciona como se espera.

    Mi versión del reto:

    foobarra.com/reto

  • ☆ The Standards Bus

    El autobús de los estándares, de viaje por el mundo, al parecer en España hay un pequeño bus, por parte del W3C, que se encarga de llevar la palabra divina de los estandares a los mas lejanos rincones del mundo.

    Asi es, como buenos profetas, de pueblo en pueblo, de casa en casa, se encargara de dar a conocer el uso de los estandares.

    XHTML, CSS, entre otros acronimos de interpretacion extraña, disponibles para el mundo.

    Ojala, en México, este pequeño autobús, se diera una vuelta. Ya que aqui los “diseñadores” no conocen lo que es validar una pagina y solo piensan en IE, como su mercado, si se ve bien en IE, no nos importa el mundo :s

    [Via A Proletarium Blog]

  • ☆ Theme de Kill Bill para el T68i

    Bueno despues de jugar por unos dias con mi celular nuevo, cree mi primer theme para el T68i de Sony Ericsson…

    La url para bajarlo es esta

    Dar Click Aqui

    Vista Previa Aqui Abajito 😉

  • ☆ Arreglemos a IE

    Muchos diseñadores Web, Webmaster, o si quieren Weymasters, nos hemos quejado del deficiente soporte para los standards del Internet Explorer, pues hace unos meses me encontre en slashdot una nota de una hoja de estilos que arreglaba en cierta forma algunos problemas con las hojas de estilos, pues de nuevo me tope con esta modificacion o plug-in al internet explorer que hace las paginas mas “legales”, en otras palabras sigue mas el standard, y no hay que hacer molestos hacks al codigo css, para que todo se vea bonito, si no que sea bonito por naturaleza sin modificaciones a navegadores molestos…

    http://dean.edwards.name/IE7/

  • ☆ Dale color a tu vida…

    Tal vez encontrar esa combinacion perfecta de colores, para un diseño, sitio web o folleto, puede convertirse a veces en el santo grial (o sangreal :P), incluso es tan dificil como encontrar Imagen Perfecta.

    Pero creo que encontre el programa ideal para ello…

    Color Schemer Studio