Crear icono para Ipod touch e Iphone

Hace un tiempo decidí actualizar el favicon de la Web ya que desde que cambiamos la plantilla, no lo veía muy acorde a los colores. Como habréis podido apreciar el icono de nuestra página ha pasado de ser azul a color tierra. Ya que me puse, decidí crear un logo para el Ipod touch y el Iphone. Siguiendo los pasos de buildinternet. Necesitamos un logotipo que tenga las siguientes características: Medidas: 57 px X 57 px Esquinas en ángulo recto (90º) Sin transparencia Sin brillo Este es el OmeyasWeb que funciona perfectamente: Una vez que tengamos nuestro icono podremos hacerlo funcionar de dos formar: Directorio Soltando el archivo .png en la raíz del directorio con el nombre apple-touch-icon.png o con […]

Entrevista a Vincent Connare

Vincent Connare es el diseñador que creo el tipo de fuente Comic Sans. No se si lo sabéis pero dentro del mundo del diseño se quiere eliminar este tipo de fuente ya que es considerada como la pero tipografía de la historia. Este movimiento se llama ban Comic Sans (“Eliminemos Comic Sans”). El siguiente video es de una de las página de este movimiento: Esta es la entrevista que se publico en congresotipografia.com 3cit: Como te sientes en este congreso? Vincent Connare: Este tipo de eventos son buenos, sobretodo para los diseñadores jóvenes. Cuando yo era joven no estábamos invitados a estos congresos. Solo las personas en traje chaqueta. Lo extraño es que los que realmente hacíamos el trabajo no […]

6 Caruseles y efectos de transición en Javascript

El otro día navegando por la Red descubrí una serie de galerías y caruseles bastantes curioso, aquí os dejo una recopilación de la Web Cats Who Code. En su web ponen 10 pero los últimos no me gustan mucho como funcionan. SpaceGallery Transición muy buena y ligera en JQuery. Es la típica que se puede ver en muchas tiendas virtuales. Noobslide Galería de imágenes basada en Mootools Accessible News Slider He tenido la oportunidad de usarlo y la verdad es que estoy muy contento con el acabado, simple y rápido de desplegar. SmoothGallery Otra galería más con efecto humo entre imágenes. jQuery Multimedia Portfolio Galería que permite tener video .flv, archivos de audio, imágenes,… JCarousel También he tenido la oportunidad […]

Fuentes de letras gratuitas

Gracias al blog Punto Geek, descubrimos 30 tipografía de letras gratuitas y con libertad para ser usadas en nuestros proyectos. Personalmente me quedo con Glove ya que es una de esas tipografías con todos los puntos de puntuación para todos los idiomas y principalmente los acentos en castellano, menos nuestra ñ. Por otro lado también me ha gustado mucho District Thin, tiene un estilo muy moderno y es de ese tipo de letras que se distinguen sin ningún problema.

Tramas para fondos de páginas Web

Que difícil es conseguir un tramado (se denomina así a la imagen que se pone en el fondo de una Web y al unirse con sigo misma crea un imagen más grande), que nos guste como fondo para nuestros proyectos Web. Para facilitarnos el trabajo tenemos a kollermedia.at, una pagina con un interesante repertorio de tramados, no es muy amplio pero pero si encontramos algunos interesantes.

Breves: Diseño Web

Os dejo algunas de las entradas que he leído durante estos días sobre el diseño web, específicamente consejos a seguir a la hora de desarrollar y maneras de obtener fácilmente un bonito menú para tu web. 10 errores comunes en diseño web Muchas veces quienes se dedican al diseño buscan herramientas para no cometer errores en esta cuestión, y es muy difícil encontrar este tipo de consejos de profesionales. En Noupe hay un excelente artículo sobre 10 cosas que no se deben hacer en diseño web, y en kabytes han realizado una traducción a la que podéis acceder desde aquí. Crear un menú rápidamente ¿Necesitas crear un menú CSS rápidamente? La solución es PureCSS Menu. Menús atractivos para las aplicaciones […]

Guía de referencia rápida para CSS

Por casualidad recubrí esta importante guía de referencia para CSS 2.1 de la W3C, concretamente de la Oficina Española. Desde mi punto de vista está realmente bien, ya que condensa en 9 hojas todos los elementos CSS que debemos conocer. Al ser tan corta es perfecta para tenerla siempre cerca, cuando estemos realizando un diseño y no nos acordemos de como se usaba un atributo o simplemente para darle un repaso a los atributos, que sinceramente nunca está de más.