Si hay algo que tenemos que tener a mano los diseñadores gráficos es un programa para generar códigos de barra. Un elemento indispensable en cualquier etiqueta de producto que vaya a ponerse a la venta. Cuando diseñamos etiquetas, nos encontramos con archivos de alta resolución (a 300 puntos) y con muchos centímetros de tamaño, es por lo tanto crucial disponer de un código de barras vectorial que no pixele al aumentar el tamaño. Con esta Web: Bar-codeGenerator, podemos crear códigos de barra online: EAN, QR’s y otros estándares, con sólo indicar el número que nos aporte nuestro cliente. El archivo final que descarga puedes abrirlo con Illustrator e incluso cambiarle la fuente (mantiene los números como texto).

Si quieres poner un reloj en tu Web, ya sea para marcar la hora, una cuenta atrás o cronómetro, FlipClock te ofrece un diseño cuidado y  límpio.

· Visitar página FlipClock

Bonito y resultón efecto en Jquery para navegar por los contenidos de tu Web. Lo mejor es que lo puedes configurar a pantalla completa y el efecto ventana queda aún más impactante.

– Ver demo

– Descargar archivos

– Ver tutorial

Siempre he pensado que el futuro del diseño Web pasará por herramientas como esta y que la maquetación HTML y CSS3 será un código que pocos llegarán a escribir y entender a fondo. Mientras espero ese momento con gran ansiedad, os presento este plugin de photoshop que, aunque no hace el código de toda la Web, sí que nos facilita la ardua tarea de llevar a CSS botones con efectos de sombra, degradados, bordes, brillos, etc.

¡Y si no os parece útil, al menos echarle un vistazo porque es increíble lo que CSS3 puede llegar a hacer!

– Descargar Plugin / addon para Photoshop CSS3Ps

Aprende a realizar un efecto realista de zoom sobre una imagen. Requiere CSS3 y Jquery.

– Ver efecto lupa en Jquery

Los Heatmap o «mapas de calor» son representaciones gráficas de color con las que se muestran las zonas más importantes de tu Web gracias a los datos recogidos de los patrones de movimiento del cursor del usuario. (más…)

Una de esas cosas que a todos los clientes de diseño web les encanta es la de tener el fondo de su web ocupando toda la superficie del navegador y si, además, tiene transiciones con varias fotos, ya es el no va más. Como Flash está muerto, no nos queda otra que recurrir a Jquery. Aquí tenéis un plugin que os facilitará la tarea para añadir esta funcionalidad:

– Backstretch Jquery Plugin

if (preg_match(‘/^[A-Za-z0-9-_.+%]+@[A-Za-z0-9-.]+\.[A-Za-z]{2,4}$/’, $_POST[«emailAddy»])) {
echo «Email válido»;
} else {
echo «Email inválido»;
}

Os dejo un enlace bastante interesante donde los chicos de Zend Framework exponen una guía de la manera más correcta de escribir código PHP.

• Guía de Estándares de programación PHP

Si queréis mostrar fotos en su máximo esplendor, vuestro portfolio con todo lujo de detalles o cualquier tipo de material gráfico al máximo de tamaño, aquí tenéis una buena solución.

Con esta galería en Jquery podréis enseñar vuestras imágenes a pantalla completa.

– Ver Demo Galería a pantalla completa en Jquery
– Descargar Código de Galería a pantalla completa en Jquery
– Ver Documentación sobre la Galería a pantalla completa en Jquery