Lo que tenemos clasificado como ‘diseño’
Modificar muchas imágenes de forma automática
sin comentarios, by the moment porfaplis, deja uno que "é grati"
Hoy he descubierto una herramienta para procesar grandes cantidades de foto llamada Phatch, estoy probando la versión de Ubuntu, aunque según leo en la página de los creadores existe también para Mac OSX y Windows. Dale un vistazo en http://photobatch.stani.be/
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
Botones de registro de usuarios
sin comentarios, by the moment porfaplis, deja uno que "é grati"
Hemos titulado así este artículillo “Botones de registro de usuarios” por ponerle un titulo hay arriba en las h1…
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
Logotipo HTML5
sin comentarios, by the moment porfaplis, deja uno que "é grati"

La W3C le ha puesto logo a la implementación de HTML5, y no sólo se ha quedado hay, ha iconizado las diferentes tecnologías que van a integrar esta nueva normativa que va imperar sobre el HTML, la tecnología supuestamente llamada a ser una auténtico Flash Killer.
Los iconos de las tecnologías aquí:

Dependiendo de lo que uses en tu web puedes mostrar unos u otros logotipo, por este orden según la imagen: El primer icono hace referencia al uso de una estructura semántica HTML5, el segundo de que se usan bases de datos en cliente, el tercero que es multidispositivo, esto es que se ha cuidado para que se pueda acceder con PCs, tablets, móviles, etc. El cuarto icono hac referencia a que se usa conectividad con datos en tiempo real, los http request de antes, saltamos de línea y el icono de multimedia, es decir que esto lleva vídeo bajo HTML5, el segundo de la segunda nos informa que se hace uso de las 3D, a darle caña al Canvas. El tercero de la segunda que parece una flor, no! no es una flor nuclearizada significa que se trabaja duro en optimizarlo para ofrecer un cran rendimiento, y último, el más bonito a mi forma de entender la estética nos informa que aquí se usa CSS3.
Hoy me siento icónico los de la W3 incluso han colocado un generador del gráfico personalizado, esto es, seleccionas las tecnologías que implementas pulsas un botón y te escupen un código html que tras ser insertado en tu web mostrará, preferiblemente a pie de página lo hachetemelerocinco que tu eres.
¿Qué son las 09:00 de un día de enero del año 2011 y todavía no tienes tu pegatina HTML5?
Corre!!!! http://www.w3.org/html/logo/
