Sin duda, una función muy común que todo desarrollador web desea implementar en su aplicación web, es seleccionar parte de una imagen y recortarla.
Existen algunas librerías en Javascript para ese propósito, cuyo funcionamiento es el siguiente:
Una de las librerías es un plugín para JQuery, llamado imgAreaSelect, cuyas caracteristicas son:
- Altamente configurable
- Personalizable con estilo CSS
- Maneja las imágenes a escala
- Soporte teclado para mover y cambiar el tamaño de la selección de
- Soporta funciones de devolución de llamada
- Proporciona funciones de la API para facilitar la integración con otros componentes de aplicación
- Ligero – la versión completa pesa menos de 8KB
El plugin funciona en los principales exploradores, incluyendo Firefox 2 +, Opera 9.5 +, Google Chrome, Safari 3 +, e Internet Explorer 6 +.
Otra libreria es JavaScript Image Cropper UI, es para Prototype y script.aculo.us, cuyas caracteristicas son:
- Sobre la base de Prototype y script.aculo.us
- Diseño de paquetes de edición de imagen, Las funciones se parece a los que se encuentran en el popular software de edición de imágenes
- La inclusión dinámica de los estilos necesarios
- Arrastre para dibujar áreas
- Arrastre Mayús para Empate / áreas como cambiar el tamaño de las plazas
- Área de selección puede ser movido
- Área de selección puede ser cambiar el tamaño de tamaño utilizando los manejadores
- Relación de dimensión limitada, permite cortar areas limitadas de la imagen.
- Permite la dimensión mínima del area de recorte
- Permite la vista previa dinámica del corte resultante (si la anchura y la altura mínima se proporcionan), este se implementa como una subclase de lo que puede ser eliminado si no se requiere
- Movimiento de área de selección con las teclas de flecha.
- Todas las funciones y pantalla compatibles con los navegadores más populares soportados por Prototype, probado en:
- IE 6 y 5.5, Firefox 1.5, Opera 8.5 Y 9.0b
- MAC: Camino 1.0, Firefox 1.5, Safari 2.0
En esta ocasión te presento un generador de codigo para el framework CakePHP, se llama Atlas CakePhp, es muy util ya que puedes generar el codigo para tu aplicación de manera visual, tiene estas caracteristicas:
Generar modelos, vistas, controladores, y codigo internacionalizable. [...]
[Solo tenemos que] seleccionar la tabla y el resto del trabajo es facil con los controladores, modelos y vistas. Usted también puede relacionar tablas y también seleccionar otro tipo de campos.
Asi es, para iniciar la creacion de un proyecto web, necesitamos haber creado una base de datos, siguiendo las especificaciones de cakephp, despues agregamos una configuración en Atlas, y creamos un proyecto, al crear el proyecto se crearan los archivos necesarios para nuestra aplicación, luego creamos los modelos, relacionamos con otras tablas si es necesario; despues crear los controladores y las vistas.
Sin duda esta aplicación nos ayuda mucho y ahorra tiempo en la creación de proyectos CakePHP, especialmente a los desarrolladores web que utilizan el framework CakePHP, Atlas es una alternativa al bake que trae cakephp, el bake funciona en lineas de comandos.
Link de descarga: Atlas
Este script es muy bueno para poder parsear codigo html, de manera simple y sencilla, por ejemplo, podemos obtener todos los atributos, propiedades de los tags de html.
Unos ejemplos sencillos:
1
2
3
4
5
6
7
8
9
10
| // Creando un DOM desde una URL o un archivo
$html = file_get_html('http://www.google.com/');
// Buscar todas las imagenes
foreach($html->find('img') as $element)
echo $element->src . '<br>';
// Buscar todos los links
foreach($html->find('a') as $element)
echo $element->href . '<br>'; |
1
2
3
4
5
| // Buscar todos los <div> con el atributo id
$ret = $html->find('div[id]');
// Buscar todos los <div> con el atributo id=foo
$ret = $html->find('div[id=foo]'); |
1
2
3
4
| // Ejemplo de como examinar el arbol DOM
echo $html->find("#div1", 0)->children(1)->children(1)->children(2)->id;
// otro ejemplo
echo $html->getElementById("div1")->childNodes(1)->childNodes(1)->childNodes(2)->getAttribute('id'); |
Descargar aquí.
Aqui les dejo los estilos css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| /*blockquote*/
blockquote {
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
font: italic normal 12pt/1.2em Georgia;
color: #5F5F5F;
}
blockquote:before {
color:#888888;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
blockquote:after {
content: close-quote;
color:#888888;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.5em;
} |
Si desean otros formatos o estilos, pueden consultar este link.
Hace un tiempo conoci a USB Webserver, es un programa que agrupa a Apache Web Server, Mysql, PHP, y lo mejor de este programa es que no necesita instalación, por lo que podemos llevarnos estos archivos en nuestra memoria usb, y ejecutarlos en cualquier PC con windows.
Como ellos mismos se describen:
Usb Webserver en breve
USB Webserver es un paquete de Apache, MySQL, PHP, phpMyAdmin Mini Relay y que permite la ejecución de un servidor Web desde una memoria USB.
USB Webserver es independiente y no deja nada en el equipo, por lo que es ideal para estudiantes, programadores de PHP, los principiantes y las empresas.
El programa es gratuito para todo el mundo y muy fácil de usar. [...] todo es tan flexible como una instalación independiente de estos paquetes.
Link: http://www.usbwebserver.com/download.php
