El tamaño sí importa

¡Qué no te engañen! Por mucho que digan, el tamaño sí que importa. Así que os dejo algunos trucos y consejos. Vistos en Mundo geek: El tamaño es muy importante, al menos a la hora de crear una página web: cuanto menos ocupen los archivos que componen nuestra web, menos tiempo tardará en descargarlos el usuario y menos ancho de banda consumiremos. Veamos algunos métodos para ahorrar algunos kilobytes en nuestras imágenes, hojas de estilo o scripts. Reducir el tamaño de los PNG ??ltimamente, y para imágenes muy vistas, como el logo de la página, suelo utilizar este método que descubrí en su día en las recomendaciones sobre imágenes de la Wikipedia. Necesitarás las herramientas PNGOUT, OptiPNG, DeflOpt y AdvDef: […]

Entramado para fondo de pantalla

??ltimamente, me gusta utilizar en mis proyectos tramados como fondos de pantalla. Y el gran problema que tiene utilizar esta técnica es que es difícil conseguir unas imágenes adecuadas para que al repetirlas formen otra más grande. A través de puntogeek encontré a patternwall una página muy interesante que muchos fondos.

Optimiza tu CSS con CleanCss

Como ya he dicho en varias ocasiones una de mis obsesiones cuando programo es la velocidad de la Web, me obsesiona muchísimo. Por eso cuando programo me gusta darle vueltas a la cabeza para que el código corra mucho. Cuando me topo con la parte de diseño trato de utilizar muchos colores y efectos con CSS para evitar usar imágenes innecesarias. Pero es posible que en transcurso de la creación de la hoja de estilos cometa reiteraciones de código, así que he comenzado a usar CleanCss. En esta web podremos optimizar nuestro CSS, sólo tendremos que pasarle el código o decirle en que URL está. Rápidamente nos lo analiza y nos aconseja mejoras que hacen que nuestra hoja de estilos […]

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 […]

Optimizando la velocidad de tu web con sprites CSS

En una de mis búsquedas de como optimizar el código CSS me topé con este manual de como usar Sprites en el diseño de menús. Para que os hagáis una idea os dejo un ejemplo de menú: La técnica básicamente consiste en mover las imágenes de arriba a abajo, creando efectos muy atractivos a un coste muy bajo de recursos. Os dejo un enlace al manual.