Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas

Donde buscar tipos de letras(fuentes)

Cuando estamos haciendo algún trabajo, ya sea diseño o retoque, casi siempre necesitamos o queremos resaltarlo con algún tipo de letra especial, un sitio bueno para buscar quizá sea Fontex.
Ni decir que es gratuita. El aspecto de la web es el siguiente que ves.


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Como hacer un gif

Hoy trasteando con el Photoshop, he decidido cambiar la cabecera del blog. Casi no recordaba como hacer un gif. Y me ayudado un tutorial que visto Desarrolloweb. Para mas info visita la web. O dame un toque si no te queda muy claro. Bueno espero que os sea util. Por cierto que te parece el nuevo look jeje.
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

20 Blog de diseño Hispano

En Flogx3, ha publicado un articulo donde recomienda 20 blogs de gente, que se dedica al tema del diseño gráfico y demás. Es muy Interesante si te quieres enterar que se cuece sobre este tema.
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Ayuda en diseño web

Un pagina muy interesante quizá sea Webmasterlibre, si empiezas en el diseño de alguna Güep, una buena manera de tener ideas sea dándote vueltas por aki. Esto es lo que puedes encontrar:

Este weblog surge al ver repetirse una y otra vez ciertas preguntas sobre desarrollo web en linux y por extensión en cualquier otro SO con herramientas libres.

Entre los desarrolladores web existen dos grupos, generalmente muy diferenciados: los que escriben el código a mano y se arreglan con cualquier cosa y los que necesitan editores WYSWG y no pueden soltarse de la mano del Dreamweaver de Macromedia.

Con esta página pretendo servir de ayuda a ambos, recopilando trucos para crear un código mejor y mostrando la enorme cantidad de aplicaciones libres disponibles para los desarrolladores. Se trata, por tanto, de un proyecto con una doble finalidad: aprender yo misma a mejorar mi código, a conocer mejor las herramientas disponibles y, de paso, ayudar a cualquier otro que esté recorriendo mi mismo camino.

Webmaster Libre es actualmente un proyecto de una sola persona, Alma Fernández (senda).
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Colores Güeb.

Cuando empiezas un proyecto web, una de las cosas que mas se duda es que colores elegir. Pues en Color Combos tienes combinaciones de colores o paletas de colores que van mas o menos bien, y te pueden ayudar a decidirte.
Tambien esta ColorBe.

Via: uniondebloggershispanos
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Buttonator, Hacer botones facimente

En esta web(esta en ingles) Nos permite hacer botones para nuestra pagina web de una forma muy sencilla. Hay varios estilos para elegir, algunas fuentes (no demasiadas), colores y algunas cosas mas. Para cambiar algunas de las cosas cuando estamos diseñando el botón es, que tenemos que utilizar drag and drop(arrastras y soltar).
Cuando vayamos cambiando cositas al botón para dejarlo chulo, iremos viendo como se cambia.
Es bastante intuitiva hasta yo la se utilizar,jeje.
Cuando hayamos terminado de tunear el botón tienes varias formas de guárdalo, ya sea en tu pc, o por código para hacer un copy y paste.

Una buena utilidad para darte ideas de como quieres el botón, para tu web. Y no tener que luchar con ningún programa de edición. Buttonator es lo que necesitas

Via: Uniondebloggerhispanos
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Favicon. que es

Un favicon es una imagen que los desarrolladores web incluyen en el sitio y aparece en la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).
La imagen en mención, normalmente es el logo o ícono distintivo de la empresa, institución o persona para quien el sitio ha sido desarrollado.

1 - Crear el icono

El icono debe tener las siguientes características:

  • Dimensiones 16 píxeles x 16 píxeles;
  • 16 colores (4 bits);
  • Formato ICO, no BMP, no GIF, no JPG.

En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione a la primera, hazlo de 16x16, con 16 colores y en formato ICO.

Puedes bajarte un editor de iconos y crear tu icono tranquilamente en la comodidad de tu hogar.
O hacerlo en el fotoshop guardarlo jpg y luego curratelo en la web, el Favicon from Pics.

Ahora, dependiendo del navegador y su configuación, el favicon podría no mostrarse (aún si lo tienes ubicado en las ubicaciones antes dichas); por ello, es necesario que lo declares entre las etiquetas head de tu código:

Free Image Hosting at www.ImageShack.us

QuickPost Quickpost this image to Myspace, Digg, Facebook, and others!

Modifica todas las páginas HTML que quieras. Para empezar te aconsejo que cambies sólo la inicial, no vaya a ser que después de todo el esfuerzo resulte que te has equivocado en alguna tontería. Ya tendrás tiempo para cambiar el resto cuando veas que funciona.

4 - Comprobar que funciona

En teoría ya está, vamos a probarlo:

Si tienes Internet Explorer 5, 6 o 7 superior, ve a tu página y añádela a favoritos. Hasta que no la añadas a favoritos no saldrá el icono, por eso se llama favicon.ico ("fav" de favoritos). Una vez que la hayas añadido a favoritos debería salir el icono tanto en el menú de favoritos como en la barra de direcciones, a la izquierda de la dirección de la página. Si no sale abre el menú de favoritos y selecciona tu página. Si sigue sin salir cierra todas las ventanas que tengas abiertas del Explorer, arráncalo de nuevo y vuelve a tu página.
Si usa un navegador de verdad como el firefox se vera la primera

¿Para qué sirve un favicono?
Es cuestión de imagen, lo mismo que un logotipo.
¿Exactamente qué es un favicono?
Es una pequeña imagen que representa a una página web o a un sitio web completo.

Para saber mas:
Favicon.net
Cristal lab
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS
Copyright 2009 ..:: Rapulsel::..
Free WordPress Themes designed by EZwpthemes
Converted by Theme Craft
Powered by Blogger Templates