Category: Design

Herramientas para Diseño Web y algunos otros trucos

  • Corre varias versiones de Internet Explorer

    Los navegadores web están lejos de ser perfectos, si no es que olvidan la existencia de estándares web, o son muy inestables u otros con sus errores absurdos, aún estamos en un mundo salvaje. Existen navegadores con los cuales es posible diseñar sitios sin mayor esfuerzo, pero mientras Internet Explorer siga teniendo la mayor pedazo del pastel todo buen diseñador debe tenerlo en cuenta:

    Estad�sticas de Navegadores en este Blog

    No hablo de diseñar para Internet Explorer, sino de al menos hacer que nuestro sitio se vea lo mejor posible para dicho navegador, ya sabes lo que dicen la primera impresión cuenta 😉 Es por ello que hay que ver como se visualiza nuestro sitio en al menos IE6 e IE7 (que son los más populares).

    Tradicionalmente en Windows solo se puede tener uno de los 2 instalado, a menos que uses alguna de las versiones tocadas, es decir, autónomas y sin que interfiera con la versión instalada. No funcionarán todas las características, pero hasta donde yo los he probado es suficiente para depurar nuestro diseño.

    Si estas en Windows y aún tienes Internet Explorer 6, puedes optar por la versión Stand alone de IE7 donde bajas el instalador y ya. Si ya tienes Internet Explorer 7 entonces debes bajar IE6 Stand alone que contiene una carpeta con los archivos necesarios para ejecutar esta versión, mucho más cómodo que un instalador.

    Si estas en Ubuntu, puedes instalar IE6 con ayuda de Wine como lo explican en Howto Forge (simpático el instalador de Es4Linux, por cierto). También parece ser posible tener IE7 en Ubuntu, pero no tiene buen soporte con Wine, así funcionar un poco más limitado de lo que ya es =P

    Con esto ya debes ser capaz de ver como luce tu sitio para la mayoría de gente en internet… en lo que cambian a un mejor navegador (si es que algún día sale uno…. *grin*):

    navegadores en ubuntu

    BTW, no olvides:

    Etiquetas de búsqueda: , , , , , , , ,

  • Graffiti Myspace

    En mi ruta hacia el trabajo paso todos los días por la novena avenida y décima calle de la Zona 1, una cuadra antes de llegar al Congreso, en donde hay un parqueo público en donde diferentes grupos han hecho diferentes pintas y dibujos en las paredes del mismo. Pero hay uno muy peculiar en esas paredes:

    Graffiti en la Zona 1 - Ciudad de Guatemala

    Pero a diferencia de otros graffitis que he visto por la ciudad, el autor(es) de este ha dejado la dirección a su perfil en myspace:

    Firma y URL del autor del graffiti
    myspace.com/ilegalgraff

    Es el primero que veo que deja su crédito de esta forma, por alguna razón me gusto… (a pesar de ser un myspace :P)

    PD: ¿Para cuando uno que enlace a Hemisferio-Urbano.com? xD.

    Etiquetas de búsqueda: , , ,

  • Cambiando los colores de del.icio.us

    Últimamente he estado haciendo mayor uso de del.icio.us, el servicio de marcadores en linea; principalmente porque me mantengo en 3 sistemas al día y mantener marcadores en mi navegador no es practico.

    En Web Worker Daily encontré un CSS para modificar los colores de del.icio.us; también mencionan uno para google reader y un script para mejorar gmail, muy útil por cierto. Puedes cambiar del.icio.us de esto:

    del.icio.us

    a esto:

    del.icio.us - cambio de colores

    Tiene fuentes más grandes para los enlaces, las etiquetas más pequeñas en la nube es más fácil leerlas, así como el número de personas que han marcado el enlace. Los enlaces ya visitados salen en celeste, los que no han sido visitados en rojo.

    Para hacer el cambio, necesitarás la extensión Stylish para Firefox y bajar la hoja de estilos para del.icio.us.

    Etiquetas: , , diseño, extensiones firefox, firefox, eye candy,

  • Imágenes de Stickers para Distribuciones GNU/Linux

    Navegando por gnome-look.org, llegue a una colección stickers con los logotipos de diferentes distribusiones GNU/Linux: Mandriva, SuSE, Ubuntu, Kubuntu, CentOS, Debian, Fedora, Xubuntu, ArchLinux, Gentoo, Slackware, Edubuntu, KateOS y uno general de Linux.

    Útiles por si quieres imprimir tus stickers o hacer fondos de escritorio con ellos. Están disponibles en versión SVG.

    >> Stickers 7

    Etiquetas de búsqueda: , , , , ,

  • Inspiradora portada de Wired

    La edición de Abril de la Revista Wired tiene una portada muy curiosa pero inspiradora 😉 :

    Portada de la Wired Magazine 15-04

    Portada de la Wired Magazine 15-04

    Portada de la Wired Magazine 15-04

    (las fotos las he tomado con un celular … )

    Sin duda es un efecto que no muchas publicaciones se atreven a pagar jejeje. La verdad que Wired es una de esas revistas donde hasta los anuncios da gusto ver, al igual que Rolling Stones; lastima que sean tan caras traerlas a Guatemala 🙁

    PD: La modelo de la portada es Jenna Fischer, por si quieren conocerla 😛

    Etiquetas de búsqueda: revistas, publicaciones, portadas, Wired

  • Botones RSS

    Anoche estuve jugando un poco con Inkscape, luego de haber tomado un poco de inspiración al ver este botón RSS hecho en PhotoShop. Y el resultado fue este:

    RSS Buton RSS Buton

    Incluso uno de ellos ahora esta en el sidebar de mi blog 😉 Si te agrada uno de estos botones (o ambos) estás en completa libertad de usarlos, solo debes copiarlos a su propio servidor jejeje.

    Es más, si te interesa competir para tener el Botón RSS más grande del mundo o quieres hacer tu propia version, puedes bajarte el SVG fuente de estos; lo publico bajo licencia GPLv2 para que exista la suficiente libertad para jugar con ellos.

    De paso he probado un poco mejor Inkscape, que aún no está al nivel de herramientas profesionales pago, pero se pueden hacer algunas cosas sencilla con él sin mayor esfuerzo.

    BTW: Si aún no te has suscrito al de este blog, puedes aprovechar para hacerlo jejeje:

    Feed Button http://jaroche.wordpress.com/feed/

    Etiquetas de búsqueda: , , , , , .

  • CSS Naked Day 2007

    Faltan 3 días para que llege el CSS Naked Day (5 de Abril), un evento donde muchos sitios web eliminan sus hojas de estilos con el fin de promover el uso de estándares web, ya que si no los usaran, sería muy difícil hacerlo 😉 .

    ¿Como Participar? Solo debes editar la plantilla de tu blog/sitio y comentar donde incluyes la hoja de estilos:

    <!-- <link rel= "stylesheet" href= "http://tusitio/wp-content/themes/plantilla/style.css" type="text/css" media="screen" /> -->

    Si por alguna razón no podrás editar tu plantilla a las horas adecuadas, puedes instalar este plugin que haga el trabajo por tí (y de paso quedas preparado para el año próximo). Solo incluyes en tu plantilla:

    <?php if (is_Naked_Day()) : ?>
    <!-- It's Naked Day don't ya know! See http://naked.dustindiaz.com for more information. //-->
    <?php else : ?>
    <style type="text/css">
    <!--
    @import"/css/your_style_sheet.css";
    //-->
    </style>
    <? endif; ?>

    Para los que estamos en javieraroche.com/, que no podemos editar las plantillas ni instalar plugins, todavía hay opciones. Si tienes CSS Custom (de pago) solo debes ir a Dashboard >> Presentación >> Edit CSS y luego eliges la opción Iniciar desde cero y usar solo esta, asegurate de guardar por aparte el CSS que tengas y borrar todo. Si no tienes CSS Custom en tu blog puedes usar Sandbox, que es una plantilla especial para CSS Custom, y seleccionar que no utilice un Skin en especial para la misma. Solo recuerda hacer los cambios a las horas adecuadas …

    Te apuntas?

    Vía >> Anieto2k.com.

    Etiquetas: , , , , ,

  • Wizardpencil.com

    En la pasada 4ta devmeeting tuve Wizardpencil - Sitio de Javier Laparrael placer de conocer a Javier Laparra (tocayo!), un muy buen ilustrador chapín a mucha honra, quien ahora anda estrenando su nuevo sitio web: wizardpencil.com. Les recomiendo se den una vuelta por su galería de ilustraciones y dibujos, tiene muy buenos trabajos en especial los de FanArt.

    También él va ha ser quien haga el nuevo Logo para ForosdelWeb, esperemos a ver que tal le queda el nuevo foquito 😉

    ilustradores, chapines, gráficos

  • deviantArt: CSS Journal Contest

    Justo hace unos momentos acaban de publicar en deviantArt un concurCSS Contestso para diseñar un CSS para los Journals de las cuentas en dA. El concurso solo aplica para los no-suscriptores. Entre los premios incluyen suscripciones de hasta 2 años para el ganador, pero tambien habran premios de 3 meses de suscripción para los buenos diseños que lo merezcan.

    Los diseños pueden ser enviados hasta el 31 de Octubre, así que hay bastante tiempo para ponerse a trabajar.

    Nota: Como los no-suscriptores no podemos jugar con el CSS de los Journals, todos los diseños serán enviados como imágenes en una categoría especial.

    Para más detalles y ejemplos del concurso vean el Journal de =duhcoolies.

    Etiquetas: css, diseño, deviantart

  • Proyecto TuaniX

    Por si no se han enterado Yo junto a Sirgt, Techno y Talishte estamos con la iniciativa de crear un modificación de la popular distribución GNU/Linux “Ubuntu” para orientar la hacia las necesidades de nuestro país, pero para más detalles talishte hizo un buen post del tema unos dias atrás.

    Les hablo del proyecto porque andamos necesitados de ayuda para:

    • El nombre de la Distro; hasta el momento estamos manejando “TuaniX” como nombre codigo porque ya hay una empresa bajo ese nombre.
    • El logotipo oficial de la distro
    • y el Splash Screen (la pantalla de arranque del OS).

    El día de hoy estamos realizando una votación para elegir el Splash Screen en los Foros @ Chapinware. Yo estoy participando con estos diseños:

    usplash1 usplash2

    Si aún no están registrados en el foro, háganlo y den su aporte. Hoy a media noche es el fin del plazo para la votación… así que todavía hay tiempo. Suerte!

    El diseño ganador será usado para la versión que sale este 30 de Septiembre.

    tuanix, proyectos, concursos, diseño