Compartiendo el conocimiento » Diseño

20000 iconos a tu disposición

Pere Tufet — Tue, 09 Sep 2008 15:21:12 +0000

Si necesitas un icono no dejes de consultar Icon Archive, un excelente recopilatorio con 20.000 iconos gratis a tu disposición.
El buscador de iconos no es muy bueno, y el sitio está un poco lleno de publicidad adsense que puede llegar a confundir contenido con publicidad.
Te recomiendo usar las categorías que encontrarás en la izquierda.
Los iconos tienen mucha calidad e incluso en algunas ocasiones los tienes diponibles en varios tamaños.

Enlace: IconArchive.com

Compartir - Enviar

Como combinar colores con estilo

Pere Tufet — Sat, 21 Jun 2008 13:07:55 +0000

Si estas diseñando una web o blog y tienes la necesidad de buscar colores que combinen bien, esta herramienta puede ayudarte.

Utiliza el buscador para encontrar colores que combinen con un color elegido por ti (en ingles) red, green, etc…

La herramienta se llama Kuler y es de adobe.

Compartir - Enviar

Layouts de diseño

Pere Tufet — Wed, 26 Mar 2008 10:17:49 +0000

He encontrado un web que ofrece 40 layouts (estructuras) que pueden servirte de base para un diseño web. De varias columnas (1,2 o 3) y proporciones (fijo, liquido…) y todas ellas con su CSS.

Enlace: 40 layouts con CSS

Compartir - Enviar

Atajos de teclado para Adobe Photoshop

Pere Tufet — Wed, 30 Jan 2008 09:23:42 +0000

Siempre he pensado que el tiempo dedicado a aprender atajos de teclado es tiempo bien invertido, más cuando se trata de una aplicación que usas frecuentemente. En el caso de Photoshop, los atajos de teclado son imprescindibles si quieres trabajar con rapidez.

Aquí os dejo una recopilacion de los más importantes.

* (Espacio) Herramienta Mano
* (Ctrl+H) Para ocultar la selección actual
* (X) Cambiar el color de fondo por el frontal
* (F) Vista de área de trabajo
* (Ctrl+D) Deseleccionar
* (Ctrl+T) Cambio de tamaño de capas
* (Ctrl+U) Ajustar luminosidad, tono y saturación
* (Ctrl+M) Ajustar curva de colores
* (Ctrl+L) Ajustar los niveles de colores
* (Ctrl+Z) Deshacer último cambio
* (Ctrl+Alt+Z) Deshacer el último paso
* (T) Insertar texto
* (Ctrl+Intro) Salir del modo Edición de texto
* (Ctrl+I) Invertir los colores
* (Ctrl+E) Fusiona las capas
* (Q) Activa la capa rápida
* (Ctrl+J) Nueva capa vía Copiar
* (Ctrl+Shift+J) Nueva capa vía Cortar
* (Ctrl+Alt+I) Tamaño de la imagen
* (Ctrl+Alt+C) Tamaño del lienzo
* (Ctrl+F) Repetir último filtro utilizado
* (Ctrl+Shift+Coma) Aumenta el tamaño de la fuente, teniendo texto seleccionado.
* (Ctrl+Shift+Punto) Disminuye el tamaño de la fuente, teniendo texto seleccionado.
* (Z) Herramienta Zoom, pulsando Z cambiamos la herramienta Zoom para ajustar el tamaño de la vista, mientras pulsemos Alt invertiremos el Zoom para alejar
* (Ctrl+0) Ajustar al tamaño de la ventana, para aprovechar al máximo el tamaño del monitor. Es Control más Cero, no la letra “O”
* (B) Herramienta Lápiz, extremadamente útil cuando trabajas con máscaras, perfecta combinación con los atajos de teclado Zoom y Herramienta de Mano
* (Ctrl+Z) Deshacer, muy útil para solventar esos pequeños errores que todos cometemos.
* (Tab) Muestra/Oculta paletas, sencillo y eficaz, muestra u oculta todas las paletas para tener el proyecto a pantalla completa y sin estorbos
* ([) Reduce el tamaño del pincel. En CS3, es la tecla (')
* (]) Aumenta el tamaño del pincel. En CS3 es la tecla (¡)
* (Shift+[) Disminuye la suavidad del pincel, en un 25%
* (Shift+]) Aumenta la suavidad del pincel, en un 25%
* (de 1 a 0), varia la opacidad del pincel
* (Shift + del 1 al 0), varia el flujo del pincel
* (Ctrol+Tab) Muestra/Oculta Ventana de Capas, eficaz atajo de teclado para ganar espacio en el proyecto
* (Ctrl+Shift+N) Nueva capa, sencillo atajo para crear una nueva capa en blanco encima de la capa actual
* (Ctrl+Alt+Shift+N) Nueva capa sin diálogo, lo mismo que el anterior pero sin pasar por el diálogo de etiquetado de la capa, más rápido
* (Ctrl+Shift+C) Copia fusionada, copia el contenido de la selección actual para pegarla en otra capa o en otro proyecto, útil para copiar “lo que se ve”
* (Ctrl+Shift+Alt+E) Copia visible, copia el contenido de la selección (en cualquier capa) en la capa nueva.
* (Ctr+Alt+Shift+K) Atajos de teclado, muestra el diálogo de ayuda y configuración de atajos de teclado, por si estos no han saciado tu sed de atajos de teclado
* (trl++): Zoom en la imagen (la acerca)
* (Ctrl+-): Zoom en la imagen (la aleja)
* (Ctrl+Alt++): Zoom en la imagen (la acerca) y cambia el tamaño de ventana para que se adapte
* (Ctrl+Alt+-): Lo mismo que la anterior, pero alejando la imagen
* (Ctrl+J): Duplica la capa, o si hay hecha una selección, la copia, crea otra capa encima y lo pega dentro, en la misma posición que estaba
* (Ctrl+Mays+J): Hace lo mismo que la de arriba, pero con cortar en lugar de copiar. Es decir, borra lo de la capa actual, y lo pega en otra superior

Si todavía quieres más, aquí te dejo la lista completa de atajos de teclado de photoshp

Compartir - Enviar

Instalar varios navegadores en un ordenador

Pere Tufet — Tue, 22 Jan 2008 14:29:15 +0000

Cualquier desarrollador web debería consultar sus estadísticas de visitas para conocer cuales son los navegadores y versiones más utilizados por sus visitantes.

En el caso de este blog:

72.9 % utiliza Microsoft Internet Explorer
21.5 % Firefox.

En cuanto a las versiones:
Microsoft Internet Explorer 7.0 34.2 %
Microsoft Internet Explorer 6.0 38.3 %
Firefox 2.0.0.11 18.5 %

Eso quiere decir que si reviso la compatibilidad de la web con estos tres navegadores, tendré asegurado más del 90%

Puedes hacer tu web compatible con muchos más navegadores, pero revisar compatibilidades con navegadores y versiones que usan menos del 1% no merece la pena. A no ser que sólo tengas una web y mucho tiempo libre.

Si eres programador y deseas tener varias versiones de los principales navegadores instalados en tu ordenador, para comprobrar la compatibilidad de tus desarrollos, te recomiendo que leas esta guía:
Entorno de prueba para desarrolladores web (Windows)

Compartir - Enviar

80 buenas soluciones en AJAX

Pere Tufet — Mon, 12 Nov 2007 12:09:59 +0000

Los desarrolladores web están cada día utilizando más la tecnología AJAX.

En la web Smashing Magazine han realizado una buena recopilación de desarrollos en AJAX, la mayoría gratis.

Si conoces alguna otra fuente de buenos recursos en AJAX, no dejes de comentarla.

Compartir - Enviar

Redimensionar imágenes sin perder calidad

Pere Tufet — Thu, 25 Oct 2007 10:58:43 +0000

Me ha sorprendido mucho este proyecto, que pese a estar todavía en desarrollo ya empieza a tener unos resultados muy sorprendentes.

La idea consiste en eliminar segmentos de información que no aportan nada a la foto, con el objetivo de reducirla pero manteniendo el tamaño de lo realmente importante.

Si una imagen vale mas que mil palabras, un vídeo vale mas que mil imágenes. Por ello, te invito a que observes el vídeo con atención… No tengo la menor duda de que photoshop está prestando mucha atención a este desarrollo.

Aunque todavía está en fase beta, te invito a que visites Liquid Resize y te descargues el programa para probarlo.

Noticia relacionada: Redimensionar fotos online

Compartir - Enviar

Plantillas para WordPress

Pere Tufet — Tue, 26 Jun 2007 11:56:09 +0000

Si estás buscando una plantilla para wordpress, te recomiendo que visites WordPress Themes, una página con una buena colección de plantillas, clasificadas por estéticas, colores o número de columnas.

Enlace: WordPress Themes

Compartir - Enviar

Tira comica geek

Pere Tufet — Wed, 06 Jun 2007 15:28:31 +0000

Ramón Redondo, estupendo diseñador (ver portfolio) acaba de estrenar Geek in love, un proyecto desde el que nos ofrecerá una tira cómica diaria (todo un reto) con una perspectiva irónica y divertida del mundo de Internet y sus personajes.

Enlace: Geekinlove (Tira cómica diaría)

Compartir - Enviar

Diseña pestañas CSS sin esfuerzo

Pere Tufet — Mon, 19 Mar 2007 11:37:45 +0000

Si quieres diseñar unas petañas en CSS, ahora lo tienes más fácil que nunca. Solo tienes que instalarte este programa (gratuito) con el que podrás diseñar visualmente más de 60 tipos de pestañas, tanto horizontales como verticales.

Visto en : 86400

Compartir - Enviar