Pedro Puig » Utilidades http://www.pedropuig.com Mon, 23 Jan 2012 10:47:49 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Subtlepatterns, fondos de gran calidad para nuestros diseños web http://www.pedropuig.com/2011/10/19/subtlepatterns-fondos-de-gran-calidad-para-nuestros-disenos-web/ http://www.pedropuig.com/2011/10/19/subtlepatterns-fondos-de-gran-calidad-para-nuestros-disenos-web/#comments Wed, 19 Oct 2011 17:43:28 +0000 ppuig http://www.pedropuig.com/?p=2599 Subtlepatterns, fondos de gran calidad para nuestros diseños web

Subtlepatterns es un sitio donde podremos consultar diferentes fondos para nuestros diseños web y ver una simulación de los mismos para poder ver el efecto.

Los fondos son de gran calidad y disponibles en formato .PNG. Actualmente hay disponibles 93 patrones

Su utilización esta permitida tanto para fines comerciales como personales.

 URL: www.subtlepatterns.com

]]> http://www.pedropuig.com/2011/10/19/subtlepatterns-fondos-de-gran-calidad-para-nuestros-disenos-web/feed/ 1 Skitter, un slideshow muy personalizable http://www.pedropuig.com/2011/06/21/skitter-un-slideshow-muy-personalizable/ http://www.pedropuig.com/2011/06/21/skitter-un-slideshow-muy-personalizable/#comments Tue, 21 Jun 2011 08:52:36 +0000 ppuig http://www.pedropuig.com/?p=2508 Skitter, un slideshow en jQuery

Hay bastantes plugins de Slideshows (jQuery) en el mercado para que Skitter pueda ser una novedad. Pero lo interesante de este plugin es su gran nivel de personalización en elementos tales como títulos, intervalos de animación etc.…

Pocas líneas de código y tendremos la posibilidad de elegir una animación diferente para cada transición.

Descargar Skitter

Vía: Zarqun

También puede interesarte:

]]> http://www.pedropuig.com/2011/06/21/skitter-un-slideshow-muy-personalizable/feed/ 0 Un generador de imágenes, Lorempixum http://www.pedropuig.com/2011/04/13/un-generador-de-imagenes-lorempixum/ http://www.pedropuig.com/2011/04/13/un-generador-de-imagenes-lorempixum/#comments Wed, 13 Apr 2011 13:53:44 +0000 ppuig http://www.pedropuig.com/?p=2419 Portada web Lorempixum

Cuántas veces hemos tenido que navegar por Google Image para encontrar imágenes que pudiéramos utilizar en nuestros bocetos; ahora con Lorempixum podremos generar imágenes con el tamaño que deseemos y categorizadas en las siguientes temáticas: abstracto, animales, ciudad, comida, noche, vida, moda, gente, naturaleza, deportes, tecnología, transporte.

Lorempixum es la alternativa gráfica al Lipsum.com y es una herramienta indispensable para facilitar el diseño de nuestros bocetos.

URL: www.lorempixum.com

Vía: PixelST

]]> http://www.pedropuig.com/2011/04/13/un-generador-de-imagenes-lorempixum/feed/ 0 Logotipos Vectoriales gratuitos http://www.pedropuig.com/2011/01/26/logotipos-vectoriales-gratuitos/ http://www.pedropuig.com/2011/01/26/logotipos-vectoriales-gratuitos/#comments Wed, 26 Jan 2011 09:01:32 +0000 ppuig http://www.pedropuig.com/?p=2291 Logotiposvectoriales.com no es más que un espacio web creado por un grupo de diseñadores con el fin de aportar y compartir este tipo de recursos de forma totalmente altruista.

Se publican diariamente nuevos logotipos aportados por los propios usuarios, actualmente superan los 2.500 seguidores en el Facebook.

Cabe reseñar que no necesitaremos darnos de alta para poder descargarlos. La descarga, será una archivo comprimido con 3 extensiones diferentes: EPS, AI y Freehand.

En definitiva un sitio más que recomendable

URL: www.logotiposvectoriales.com



]]> http://www.pedropuig.com/2011/01/26/logotipos-vectoriales-gratuitos/feed/ 0 Colección de sliders en jQuery y tutoriales http://www.pedropuig.com/2011/01/13/coleccion-de-sliders-en-jquery-y-tutoriales/ http://www.pedropuig.com/2011/01/13/coleccion-de-sliders-en-jquery-y-tutoriales/#comments Thu, 13 Jan 2011 13:28:56 +0000 ppuig http://www.pedropuig.com/?p=2242 La utilización de sliders (presentación de diapositivas) es muy frecuente en el diseño web actual.  Con jQuery es fácil implementar este tipo de recursos de forma fácil, personalizándolo y creando nuestros propios estilos. Podemos decidir también los efectos de transición entre las imágenes (atenuar, deslizar, etc…)

En este post puedes ver una fantástica colección de este tipo de recursos que pueden hacer que nuestra web sea mucho más atractiva:

Vía:  Noupe

]]> http://www.pedropuig.com/2011/01/13/coleccion-de-sliders-en-jquery-y-tutoriales/feed/ 0 Trabajar con el nuevo perfil de Facebook http://www.pedropuig.com/2011/01/06/trabajar-con-el-nuevo-perfil-de-facebook/ http://www.pedropuig.com/2011/01/06/trabajar-con-el-nuevo-perfil-de-facebook/#comments Thu, 06 Jan 2011 12:57:57 +0000 ppuig http://www.pedropuig.com/?p=2219 En mi anterior post hablaba de las posibilidades creativas que nos brindaba el nuevo perfil de Facebook.  Ahora veremos cómo se debe trabajar para obtener resultados similares.

Ante todo deberemos descargarnos la plantilla en psd para poder trabajar con nuestras propias fotos (plantilla perfil facebook).

Lo primero que deberemos de hacer es tener actualizado nuestro perfil, para ello deberemos acceder a esta URL (http://www.facebook.com/about/profile/). A continuación y utilizando la plantilla de perfil que nos hemos descargado, recortaremos las imágenes necesarias; también podéis utilizar la aplicación www.perfilfacebook.com para realizar los cortes de las imágenes, pero a mí, esta aplicación me ha dado errores. Es importante que los formatos de imagen deben ser JPG, PNG o GIF.

Una vez que tenemos las imágenes las subiremos a la sección “fotos del perfil”. Deberemos etiquetar las fotos que subimos. Algo muy importante es que las deberemos etiquetar en orden inverso, es decir del 6 al 1. Des esta forma lograremos que la última imagen que hemos etiquetado sea luego la primera en mostrarse.

Y con esto y un bizcocho hasta mañana a las 8

]]> http://www.pedropuig.com/2011/01/06/trabajar-con-el-nuevo-perfil-de-facebook/feed/ 0 Editor de degradados CSS3 http://www.pedropuig.com/2010/11/30/editor-de-degradados-css3/ http://www.pedropuig.com/2010/11/30/editor-de-degradados-css3/#comments Tue, 30 Nov 2010 14:16:32 +0000 ppuig http://www.pedropuig.com/?p=2180

Ultimate CSS Gradient Generator es una aplicación online que nos permite crear degradados CSS, generando el código CSS3 necesario.

El manejo del editor es sumamente sencillo, siendo muy similar al editor de degradados del Photoshop.

Esta aplicación ha sido creada por Alex Sirota, autor de ColoZilla (plugin de firefox que nos permite obtener el código de cualquier color de imágenes, fondos etc…)

Para poder utilizar esta versión es necesario tener las últimas versiones de Firefox, Chrome o Safari.

]]> http://www.pedropuig.com/2010/11/30/editor-de-degradados-css3/feed/ 0 21 muestras de aplicaciones jQuery para nuestros proyectos http://www.pedropuig.com/2010/07/27/21-muestras-de-aplicaciones-jquery-para-nuestros-proyectos/ http://www.pedropuig.com/2010/07/27/21-muestras-de-aplicaciones-jquery-para-nuestros-proyectos/#comments Tue, 27 Jul 2010 10:35:14 +0000 ppuig http://www.pedropuig.com/?p=1989 Antes era el Flash una de las principales tecnologías utilizadas por los diseñadores para añadir interactividad a los proyectos.

Aunque Flash sigue siendo una herramienta muy poderosa y que funciona bien en muchos de los casos también podemos implementar este tipo de funciones usando jQuery.

Aquí os dejo un link con 21 demos en línea que muestran el poder del jQuery para crear efectos avanzados y que puede rivalizar con Flash.

]]> http://www.pedropuig.com/2010/07/27/21-muestras-de-aplicaciones-jquery-para-nuestros-proyectos/feed/ 0 PilotHandwriting, escribir a mano en el ordenador http://www.pedropuig.com/2010/06/23/pilothandwriting-escribir-a-mano-en-el-ordenador/ http://www.pedropuig.com/2010/06/23/pilothandwriting-escribir-a-mano-en-el-ordenador/#comments Wed, 23 Jun 2010 12:53:04 +0000 ppuig http://www.pedropuig.com/?p=1972 PilotHandwriting es una novedosa aplicación web que nos permite crear nuestra propia tipografía de forma sencilla y poder utilizarla en nuestros programas digitales favoritos.
Es muy similar a otra aplicación de la que ya hable en este blog “YourFonts”.

Los pasos a seguir son muy sencillos, lo primero es imprimir una plantilla en la que deberemos escribir las letras indicadas, tanto en mayúscula como en minúscula. A continuación deberemos introducir los resultados, bien por webcam, escáner o cámara digital. PilotHandwriting analizará nuestra tipografía y nos permitirá realizar modificaciones en los caracteres que deseemos.

Ya con la tipografía generada, podremos escribir nuestro correo electrónico con nuestra propia letra.

Podéis ver un video con un resumen del proceso de creación:

]]> http://www.pedropuig.com/2010/06/23/pilothandwriting-escribir-a-mano-en-el-ordenador/feed/ 0 Readability o como leer mejor en Internet http://www.pedropuig.com/2010/06/11/readability-o-como-leer-mejor-en-internet/ http://www.pedropuig.com/2010/06/11/readability-o-como-leer-mejor-en-internet/#comments Fri, 11 Jun 2010 12:06:27 +0000 ppuig http://www.pedropuig.com/?p=1962 Readability es una herramienta que nos permite leer los artículos con un formato determinado, el objetivo es facilitar la lectura eliminado graifos y publicidad, centrándose en lo realmente importante, lo esencial; podremos personalizar los márgenes, texto negro y fondo blanco o viceversa.

Lo único que deberemos hacer, una vez configurado es añadirlo a nuestros favoritos y al pulsarlo, cualquier contenido se presentara con las opciones configuradas inicialmente.

Se trata de un desarrollo de arc90.com y realmente vale la pena tenerlo en tus favoritos.

]]> http://www.pedropuig.com/2010/06/11/readability-o-como-leer-mejor-en-internet/feed/ 0