Puerto Pixel

SimpleFolio: Theme gratis para Portfolio en Worprees

pablo — Mon, 08 Feb 2010 15:27:32 +0000

SimpleFolio es un theme gratis para wordpress cuya característica es ser limpio, simple y que sirve para armar un portfolio o cartera de clientes. El theme fue diseñado por Omar E. Corrales para Smashing Magazine . El theme incluye una sección con blog, una página que ocupa el ancho total del diseño (full width), y la sección de Portfolio.

Ver demo

Descargar

Visto en Smashing Magazine

9 Técnicas para sustituir texto por imágenes con CSS

pablo — Mon, 08 Feb 2010 15:05:01 +0000

La sustitución de imágenes con CSS es una forma de sustituir textos de nuestro sitio por imágenes. Un ejemplo de esta técnica seria poder reemplazar el

de nuestro sitio por nuestro logo sin perder los beneficios en cuestiones SEO.

Un ejemplo de esto sería

 
<h1 id="logo">  
<span> Intenta span>  
h1>

Y el CSS

 
h1#logo {
   width: 250px;
   height: 25px;
   background-image: url(logo.gif);
 }
 
h1#logo span {
   display: none;
}

En CSS Tricks publican 9 tecnicas para sustituir texto por imágenes con CSS

HipHop: Optimizar PHP y reducir el consumo del CPU como lo hace Facebook

pablo — Mon, 08 Feb 2010 14:28:03 +0000

La optimizacion del PHP de un sitio web o blog es una cuestion muy importante ya que un codigo limpio hace que el consumo de los recursos de nuestro hosting (cpu) sean menores y por lo tanto el rendimiendo sea mejor.

Un ejemplo de buena optimización de codigos y bases de datos es Facebook ya que ellos sirven a la impresionante cantidad de 400.000.000.000 de páginas, que si no tuvieran su codigo perfectamente optimizado explotaria en segundos.

Para realizar esta tarea utilizan HipHop, un optimizador desarrollado por Haiping Zhao que reduce la CPU hasta en un 50% transformando codigos PHP en C++ que puede ser compilado (con GNU GCC) y de esa forma se optimizan los consumos del CPU.

Haiping Zhao describe HipHop de la siguiente manera:

No es un compilador, estrictamente hablando.
No funciona con Apache, pero esperan que sí lo haga en el futuro.
Desarrollaron un servidor web especializado.
Reduce el uso del CPU hasta en un 50%, comparado con Apache y PHP.
Y hace que Facebook sirva dos veces más tráfico usando 30% menos CPU

Ahora Facebook libero de forma open source las 300.000 lineas de codigo de HipHop con licensia PHP para que pueda ser descargada y usada por cualquier persona para que puedan optimizar sus sitios.

Visto en Bitelia

Enlace http://developers.facebook.com/hiphop-php

30 Ejemplos de diseños de Newsletters

pablo — Fri, 05 Feb 2010 15:36:33 +0000

El newsletter es una excelente herramienta de comunicación y marketing usada por muchas empresas para trasmitir información u ofertas a sus clientes y que cada vez se usa más. A continuación te dejo 30 ejemplos de diseño de newsletter para que te puedas inspirar y armar el tuyo.

Tarjetas vetorizadas del día de San Valentín

pablo — Fri, 05 Feb 2010 14:55:44 +0000

Más recursos para que puedas sorprender a tu pareja. En notas anteriores hemos publicado Wallpapers del día de los enamorados, iconos, pinceles para photoshop, vectores y más vectores de San Valentín. Ahora, para hacer más completa la lista de recursos, te traigo tarjetas vectorizadas para que puedas hacer diseños o regalar a tu enamorada/o.

Via Diego Mattei

iPad de Apple en PSD

pablo — Fri, 05 Feb 2010 14:36:26 +0000

Para todos los que ya necesitan hacer diseños relacionados con el reciente lanzamiento de Apple, el iPad, les dejo el archivo PSD del gadget.

Descargar archivo PSD

28 Excelentes ejemplos de retratos hechos con tipografías

pablo — Thu, 04 Feb 2010 15:55:26 +0000

Seguramente la mayoría ha escuchado el refrán que dice “Una imagen vale más que mil palabras” y en este caso les traigo una conjunción, ya que las imágenes están hechas con palabras. La habilidad que tiene las personas que hicieron estos trabajos es admirable, ya que hacer esto requiere mucha imaginación, creatividad, talento y sobre todo paciencia.

En Hongkiat hacen una recopilación de 28 ejemplos de retratos hechos con tipografías.

Ver todas las imágenes

Mostrar estadísticas de Google Analytics como contador de Feedburner

pablo — Wed, 03 Feb 2010 15:55:07 +0000

El contador de Feedburner es uno de los widget mas utilizado en los blogs para mostrar la cantidad de suscriptos que hay en el feed. En Web resources depot publican un interesante recurso para poder mostrar las estadísticas de Google Analytics, como si fuese un contador de Feed.

En el tutorial se muestran dos formas, una simple en la que se podrá mostrar solo un valor, por ejemplo cantidad de visitas y una avanzada que requiere jQuery con la que se podrán mostrar múltiples valores, como visitas, paginas vitas etc.

Ver demo – Descargar archivos – Ver tutorial

Love vectors, ideales para el Día de San Valentín

pablo — Wed, 03 Feb 2010 15:42:09 +0000

Hace unos días publique mas recursos para el día de San Valentín y hoy nuevamente les traigo un paquete de vectores de corazones, amor y más recursos para que puedan armar excelentes diseños.

Descargar – 4.85MB EPS

Lata de CocaCola giratoria con CSS

pablo — Wed, 03 Feb 2010 13:34:35 +0000

Las propiedades del CSS y la gente que tiene el don de combinarlas creativamente no dejan de sorprenderme. Román Cotés es una de estas personas tremendamente hábil con el uso del CSS y en su blog publica algo que muestra este talento.

Mezclando las propiedades del CSS1 background-attachment y background-position, pudo crear un mapa de desplazamiento para hacer que una imagen gire como si fuese en 3d. Esto no tiene ni media línea de javascript ni de otro lenguaje, es solamente habilidad y css.

Pueden ver este excelente trabajo en su blog, donde publico otras cosas muy interesantes como este efecto de luz en las imágenes, también realizado únicamente con css.

Ver demo