Para poder recortar una imagen mediante una seleccion se consigue con imgAreaSelect que es un plugin de JQuery para seleccionar un area de una imagen. El publin se puede configurar y permite diferentes funcionalidades que nos ayudará y nos enriquecerá la tarea de recortar una imagen, ya sea a nosotros a los usuarios cuando por ejemplo quieren subir un avatar y recortar la zona que quieran de la foto previamente subida. El plugin permite trabajar escalando imágenes o recortando unas dimesiones asignadas. Por ejemplo. 1.- Selecciona y recorta una imagen con unas dimensiones determinadas. $(document).ready(function () { $(‘#avatar’).imgAreaSelect({ maxWidth: 200, maxHeight: 150, handles: true }); }); 2.- Selecciona y recorta la foto manteniendo un porcentaje escalado previamente asignado. $(document).ready(function () { $(‘#avatar’).imgAreaSelect({ aspectRatio: ’4:3′, handles: true }); }); Esto es muy sencillo de integrar en php y jquery pero bueno como ya sabemos en Cakephp se complica un poquito mas debiado a que hay que seguir el patrón de diseño MVC. Como siempre habrá que crear un componente que interactue con el controlador o controladores, un helper para incluir en la vista las funciones de javascript y la implementación de la vista. Para esta receta necesitaremos 1.- El componente /app/controllers/components/jq_imgcrop.php [...]
Pues hace tiempo que implementé este script para crear marcas de agua en una tienda online para marcar productos como agotados y no me acordaba que lo tenía. Es un script muy sencillo que usa las librerías GD para manipular las imágenes y superponer una sobre la otra. Primero es necesario crear una marca de agua en formato PNG. La ventaja principal de éste formato (indispensable en este caso) es que permite 255 niveles de transparencias, por lo que se puede lograr una imagen translúcida. Yo he creado una con la palabra agotado, pero he decir que no es lo mejor que se puede esperar, no soy diseñador y no me gusta estar tocando Photoshop. jejeje bueno es esta la imagen que he usado como marca de agua, obviamente es un ejemplo y se puede usar otra mejor o con otro texto,más grande, etc.. Basta con pasarle el nombre de la imagen a la cual se le desea aplicar la marca de agua a través de la URL… watermark.php?i=rockers_coffee_pink.jpg <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Implementacion de imagen con marca de agua</title> </head> <body> <h1>Implementacion de imagen con marca de agua</h1> <p>Imagen sin marca de agua.</p> <img [...]
Ya era hora de hacer un post algo mas decente, porque tengo algunos pero son muy concretos, y quería hacer este que es mucho mas genérico y esencial para la INICIACIÓN con expresiones regulares en php, ya que se pueden hacer muchas aplicaciones muy útiles y “guarrerias” con esto. Las expresiones regulares permiten definir patrones de coincidencia y aplicarlas a cadenas de texto para saber si la cadena (o parte de ella) cumple el patrón e incluso realizar transformaciones de la cadena. PHP permite dos tipos principales de funciones para expresiones regulares: las de tipo ereg (Expresiones regulares POSIX) y las de tipo preg (Compatibles con Perl). Son muy similares, aúnque las segundas llegan a ser algo más potentes. Ejemplo de Expresiones regulares compatibles con Perl <?php $cadena1 = "1234567"; $cadena2 = "abcdefg"; $patron = "/^[[:digit:]]+$/"; if (preg_match($patron, $cadena1)) { print "<p>La cadena $cadena1 son sólo números.</p>\n"; } else { print "<p>La cadena $cadena1 no son sólo números.</p>\n"; } if (preg_match($patron, $cadena2)) { print "<p>La cadena $cadena2 son sólo números.</p>\n"; } else { print "<p>La cadena $cadena2 no son sólo números.</p>\n"; } ?> resultado La cadena 1234567 son sólo números. La cadena abcdefg no son sólo números. La función preg_match() [...]
Los tooltips o mensajes de ayuda son pequeños esa pequeñas cosas que juegan un gran rol en el diseño y en la atracción del usuario, por lo que si están bien diseñados e integrados en una web, y resultan realmente útiles al usuario dejaran en éstos una buena sensación sobre tu web. Aquí es donde entra JQuery para ayudarnos a hacer los tooltips. Hay muchos plugins de Jquery para hacer tooltips o éstos mensajes de ayuda, pero el que mas me ha gustado a mi es “SimpleTip”. Permite crear tooltips de manera muy sencilla usando cualquier elemento de la pagina con los selectores y gestores de eventos de Jquery. Los tooltips pueden ser estáticos, dinámicos, o se pueden cargar por AJAX con una variedad diferentes de efectos visuales. Ejemplo sencillo de integración de un tooltip estático $("#panel_usuario_cuenta").simpletip ({ content:’Bienvenido usuario este es tu panel de control!!!’, fixed:true, position: ‘top’ }); Sobre el elemento html que tiene el id=”panel_usuario_cuenta” aparecerá en la parte superior el mensaje indicado en la variable content Mas información y descargas de las librerías en la web oficial: http://craigsworks.com/projects/simpletip/
Si queréis hacer un shell script automático para que genere backups de la base de datos de vuestros proyectos, voy a indicar un script que funciona mediante un crontab y el comando mysqldump y que a mi me ha dado muy buenos resultados. Lo he probado en un servidor CentOS y freeBSD, a lo mejor tendréis que cambiar los path de los archivos binarios. Voy a explicar la idea de este script backup, básicamente se genera cada día mediante un crontab o cronjob, y se guarda con el nombre del día actual en inglés, imaginemos que hoy es lunes, pues monday. El backup de la base de datos se sacaría con el comando mysqldump, y nos resultaría un archivo llamado BackupMonday.sql.gz Previamente el script borra lo que haya con nombre BackupMonday.sql.gz de manera que sobrescribe lo que se haya generado en la base de datos de la semana anterior. Por último aplicamos permisos 777 o 755 para que la próxima vez que se genere el script se pueda borrar el archivo BackupMonday.sql.gz De esta manera tendríamos un backup semanal de nuestra base de datos y automáticamente se iría sobrescribiendo para que siempre estuviera actualizado. El siguiente fragmento es un shell [...]
