Esta herramienta es perfecta para resizar un montón de imágenes de forma automatizada, ahora mismo estoy procesando un archivo por lotes en el cual cojo una serie de fotografías de producto originales que me ha facilitado mi cliente, concretamente unas 30000 imágenes y creo un thumbnail con ellas a un tamaño de 110 px. de ancho, dándole en el proceso un efecto de “focus” con un 20% de incidencia, esto realza la foto en pequeños tamaño, para después grabarlas en otra carpeta con el prefijo min_ (the miniatura)  y todas en formato .jpg independientemente de cual sea el formato original con una calidad del 80%. Este es el caso práctico que me ocupa ahora mismo.

Otras cosas que os cuento, la velocidad del programa de lotes para modificar imágenes es impresionante, mi equipo es un Core i5 a 2,67Ghz. equipado con 12 Gb. y s.o. Ubuntu y según cuenta el programa la conversión de tamaños va a tardar cosa de 1 hora, es, pero para mi es poco tiempo pues las fotos originales disponen de un tamaño considerable y son infinidad de archivos. Puede leer una cantidad de tipos de archivo acojonante, pezón, impresionante desde .jpg a .svg pasando por tipos de archivos gráficos de los que ya no se acuerda ni el que los inventó. Ole, ole ole!

El programa tiene un funcionamiento muy visual e intuitivo, permite hacer muchas cosas, añadir, marcos, efectos de tipo cámara Polaroid, incluso te permite hacer efectos 3D, rotación espacial, efecto de sombra, buaf!!! La tira, por ejemplo si tienes una página web y quieres cambiar radicalmente el aspecto de todas las fotos que se muestran, construyes una macro le das el directorio donde están la imágenes, marcas “incluir subdirectorios” y clasca! En poco tiempo tendrás cambiadas todas las fotos de la web.

Cosas que le hacen falta, en la acción de guardar puedes desactivar por ejemplo los metadatos, forzar un tipo de imagen de salida, .jpg jpeg .jpe .gif, etc. pero claramente le falta algo para normalizar los archivos, por ejemplo pasarlos todos a minúsculas, por lo demás me quito el sombrero y descubro que aún no soy calvo.

Para los impacientes y ubunteros, instálala desde un terminal con un: sudo aptitude install phatch

Páginas relacionadas con este artículo:

1. Visor de imágenes con efectos y jQuery
2. Visor de imágenes con efectos y jQuery
3. Programas gratis alternativos

En fin esto es más bien un reseña con la que tan sólo pretendo dejar aquí la impronta de un interesante descubrimiento, la denominación de origen de los “grandes botones de acción” o así los quiero llamar yo a partir de ya.

Estos botones o megabotones no son otra cosa que esos botones que en muchas webs sirven para que destaque la acción del registro de usuarios o la suscripción, la compra, la prueba de algo, etc.

El diseño de estos botones debe ser muy cuidado a nivel estético y deben de llamar la atención sobre el resto de contenidos de la web pues en sí son los auténticos objetivos del site o página web en la que se encuentran y por tanto su presencia y buen diseño recaerán en una ostensible mejora en la usabilidad de tu web o de tu aplicación web.

Y por fin lo que quería compartir con vosotros, el enlace con una colección de estos big buttons en Noupe así que, vaquero sin vaca y sin pistolas, apunta y dispara:

http://www.noupe.com/design/50-effective-and-creative-call-to-action-buttons.html

Páginas relacionadas con este artículo:

1. Botones en CSS3
2. Botones en CSS3
3. Iconos botones y elementos para reproductores

Ideal para usar como carrousel de productos en cualquier página de inicio de tiendas online.

Puedes aprovecharlo para destacar los últimos productos y además de que la tienda mejorará en lo visual este slider hará que aumente el tiempo de estancia en la landing page más visitada de la tienda, es decir, en la home y con ello obtensrás un gran beneficio en el posicionamiento de tu web.

http://workshop.rs/projects/coin-slider/

Páginas relacionadas con este artículo:

1. Slider con hashtag bajo jQuery
2. Modificar muchas imágenes de forma automática
3. Otro slider o accordion pero este gratis

Bromas a parte, ha existido un abuso de proporciones inimaginables con la tipografía Comic Sans, la he visto en infinidad de tarjetas de visitas, en los logotipos de algunas empresas, en miles de powerpoints desde los más infantiles que proclaman el descomunal amor que algunos profesan a sus gatos a powers de esos que quitan el frío y animan el alma y lo de más abajo del alma, en fin que menos en un entierro me he encontrado a esta fuente en todos los lados.

A todos estos artistas de la Comic Sans va dedicada la siguiente obra, Comic Sans Criminal porque vosotros le habéis dado sepultura.

http://www.comicsanscriminal.com/

Páginas relacionadas con este artículo:

1. Web fonts
2. Tipografías grunge
3. Anatomía de una tipografía

Puedes descargar la hoja de estilos CSS en el siguiente enlace.

http://horaciobella.com/zardi/

Páginas relacionadas con este artículo:

1. Creador visual de CSS3
2. Recursos en HTML5 y CSS3
3. Iconos botones y elementos para reproductores

Hoy vamos a jugar un poquito con las fantanbulosas webfonts de Mr. Google

¿Qué que son las webfonts?

Eso se lo preguntas a Google. http://code.google.com/apis/webfonts/

¿Cómo funcionan?

Para usarlas debes incluir cada fuente tipografía webfont que quieras usar en la sección header del HTML con un:

<link href="http://fonts.googleapis.com/css?family=Orbitron:bold&subset=latin" rel="stylesheet" type="text/css">

Luego en la hoja de estilo de tu página la debes definir, recuerda también tirar de segundas opciones, tal como lo reflejamos aquí, aria o cualquier tipografía “serif” esto es más que nada porque hay navegadores viejos o paratos como el iPad on iOS 3.x a los que se le atragantan las Webfonts.

font-family: 'Orbitron', arial, serif;

¿Dónde previsualizarlas?

Supongo que como a mi, te interesa ver de forma rápida que fuentes hay por la red, que pinta hacen y tal para poderlas meter en tu página o blog, pues bien los chicos y chicas de Google te las muestran en la siguiente dirección:

http://code.google.com/webfonts

¿Dónde comparar las Google Fonts?

Como el visualizador de Google es quizá demasiado escueto te recomendamos otro que está algo mejor, no mucho, pero algo es algo dijo un geek cuando se encontró un byte en la sopa…

http://www.fontcomparer.com/

¿Donde estamos usando ya webfonts?

Nosotros hemos empezado a incorporarlas en un proyecto en el que estamos trabajando basado en ecOOmmerce.com nuestro software de tiendas virtuales.

Páginas relacionadas con este artículo:

1. Recursos en HTML5 y CSS3
2. Compilador JavaScript de Google
3. Google Native Client

Os paso una URL con algún que otro pincel interesante para PhotoShop, sobre todo ahora que hay que diseñar alguna que otra felicitación de navidad para enviar por correo electrónico a la familia, los amigos, colegas y clientes.

Recuerda, que estos brushes también se pueden utilizar bajo Gimp, la operación era sencilla, copiar los abr en la carpeta brushes de Gimp. Mírate los posts relacionados pues ya hace algún tiempo mostraba como utilizar estos brushes en Gimp.

Apunta el browser vaquero: http://brushlovers.com

Páginas relacionadas con este artículo:

1. Efecto Spray en Photoshop
2. Plantilla de Photoshop para Android
3. Crear brushes y fondos

Este micropost es para mostraros el que para mí es a día de hoy el icono de papelera más bonito que he encontrado. Hay muchos, muchísimos pero este tiene un algo nuevo, más techie pero sin pasarse, de aspecto gomoso y suave en formas y degradado.

Pertenece a la colección Goblal Warming y es de libre uso personal, no comercial no obstante tanto la cole a la que pertenece que no llega ni a 10 iconos como la información sobre la licencia es escasa o inexistente en internet por lo que amigo, common sense please!

Páginas relacionadas con este artículo:

1. Banderas de países en formato icono
2. Mini iconos para aplicaciones
3. Buscador de iconos

Hace un par de días os hablé de un accordion o slider que es como a mi me gusta llamarlo para que lo implementes en tu web, pues bien aquel era branded, es decir con copyright a menos que pagases la licencia, pues na… que he buscao y buscao hasta encontrar uno con ciertas similitudes pero gratuito, también basado en jQuery.

Enlace: http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/

Demo en: http://www.madeincima.eu/samples/jquery/easyAccordion/

Descarga: Slider gratuito (123)

Páginas relacionadas con este artículo:

1. El mejor slider que he visto
2. Slider con hashtag bajo jQuery
3. Recursos en HTML5 y CSS3

Os traemos listo para la descarga una estupendísima cole con más de 2400 banderas de países, en diferentes tamaños 16×16, 24×24, 48×48, y 64×64 no, no es la tabla del 8! son pixelazos

Todas en formato PNG para que hagáis de una vez por todas aplicaciones web multidioma, que ya toca!

No se vayan todavía señores, pues además… las tienes en formato 3D simulado, rollo embossed y shadow y en formato plano plano plano…

Ala… a pinchar y a descargar: Megacolección de banderas de paises (76)

Páginas relacionadas con este artículo:

1. Formato pubDate en RSS
2. El mejor icono de papelera
3. Iconos de formas de pago