Estás navegando por el archivo de imagenes.

Como hacer Crop de una imagen con AJAX y PHP

el enero 11, 2011 en Archivos, Internet, Tips y codigos


Hacer crop de una imagen con AJAX y PHP

Hacer crop de una imagen con AJAX y PHP

Esto es algo que estuve implementando en un sitio hoy y por su alto grado de utilidad escribo este articulo ya que puede ser muy útil para ustedes.

UvumiTools Crop es un sencillo pero sofisticado MooTool plugin para el recorte de imágenes. Viene con un montón de características avanzadas como la vista previa en tiempo real de la imagen recortada, relación de aspecto de bloqueo, el tamaño mínimo predefinido y mucho más. Lee el resto de la entrada →

La historia gráfica de Super Mario bros

el noviembre 16, 2010 en Clips, vectores y templates, Juegos

Este año nuestro amigo fontanero Mario esta cumpliendo 25 y para celebrar aquí les dejo algunos datos históricos, tips y curiosidades de la saga mas vendida de todos los tiempos. Lee el resto de la entrada →

Paquete de diseño gráfico para Linux

el septiembre 22, 2010 en Arte y Diseño, Noticias

Diseño desde Linux

Diseño desde Linux

Se que muchos dirán que no es lo mas optimo ni la mejor opción, pero ya que algunas personas (como yo) prefieren trabajar en linux que en windows y no pueden hacerlo ya que las principales herramientas de diseño gráfico no están disponibles para Linux, sin embargo para aquellos que están empeñados en trabajar desde software libre, aquí les dejo un juego de buenas herramientas que pueden servir como alternativas a la suite de adobe y Corel que no están disponibles en linux. Lee el resto de la entrada →

Función para re-dimensionar imágenes a un espacio ideal

el junio 11, 2010 en Tips y codigos

Generalmente cuando hacemos un sistema propio de galería o de upload de imágenes o queremos listar imágenes en una cuadricula sin perder la proporción de las imágenes pero aprovechando al máximo el espacio del que disponemos usamos simplemente un ancho fijo y un alto variable. Sin embargo el problema con este método es cuando las imágenes que llamamos están en posición vertical, es decir que el alto de la imagen supera el ancho, esto puede provocar que se salga de la cuadricula en la cual estamos organizando o listando las imágenes.

Bueno aquí les dejo una simple función PHP que hice para solucionar este problema y poder listar mis imágenes en rejillas sin ningún problema.

<?PHP
function rd_kalvinman($rd_imagen,$rd_ancho,$rd_alto)
{
$rd_size = GetImageSize("$rd_imagen");
$miva_anchura=$rd_size[0];
$miva_altura=$rd_size[1];
if ($miva_anchura > $miva_altura) {
echo ‘<img src="’.$rd_imagen.’" width="’.$rd_ancho.’" height="" border="0" />’;
}
if ($miva_anchura < $miva_altura){
echo ‘<img src="’.$rd_imagen.’" width="" height="’.$rd_alto.’" border="0" />’;
}
}
?>

La estructura es simple rd_kalvinman([imagen], [ancho-max], [alto-max]) de esta manera le indico a la función cual es el ancho máximo [ancho-max] y el alto máximo [alto-max] que puede tener la imagen de salida, y aun si la imagen es muy grande se imprimirá dentro de las medidas que le asignes en la función sin perder la proporción.

Ejemplo: <?PHP
$imagen = “mi-imagen.php”;
rd_kalvinman($imagen, 300, 200);
?>

Es solo un pequeño tip que resulta muy útil a la hora de escalar imágenes, aunque recuerden que si pueden hacer crop mejor, ya que no se recomienda escalar imágenes en HTML.

5 Aplicaciones Web para gente con prisa

el marzo 9, 2010 en Noticias, Webmasters

Muchas veces tenemos que trabajar en sitios en los que no disponemos del software apropiado para las tareas que vamos a llevar a cabo, o simplemente tenemos demasiada prisa para abrir dichas aplicaciones, es por eos que coloco aqui un pequeño listados de aplicaciones disponibles en el cloud para trabajar online cosas que antes solo se podian hacer con software instalado.

Vale aclarar que ese es el sentido de la web 2.0 la posibilidad de crear aplicativos online, que puedan sustituir a los aplicativos de escritorio y no requieran tecnologias adicionales a las conocidas y disponibles popularmente (Flash, Ajax, CSS, PHP, MySQL, Javascript, etc) para lograrlo.

Comencemos por lo mas util para mi y que imagino sera tambien muy util para muchas personas que postean en sus blogs desde terminales diferentes a la propia o para diseñadores que necesitan hacer cambios de ultimo minuto en lugares que no imaginamos.

Picnik.com – http://www.picnik.com/

Aplicaciones web para gente con prisa

Aplicaciones web para gente con prisa

Aunque parece un juego de facebook por el uso que se le ha dado, en realidad picnik es un potente editor de imagenes de alta calidad con herramientas muy poderosas y faciles de usar, ademas que ahora fue comprado por Google y no tardaran en acomplarlo con todo el paquete de herramienta de Google ademas de poder acceder al servicio con tu Google Account.

Ademas debemos considerar que este es el primer paso de Google por entrar al mercado de los editores de imágenes, aspectos que no habían sido considerados para el lanzamiento de Google Chrome OS, tal vez luego de este desarrollo entren con algún editor HTML tipo dreamweaver online o tal vez se decidan a trabajar la sección de vídeo juegos para Chrome OS que tambien ha sido dejada de lado y evitara que muchos usuarios acudan a esta distribución de linux.

Entre sus caracteristicas mas destacdas Picnik incluye:

  • Corrige tus fotos con un solo clic
  • Usa controles avanzados para afinar tus resultados
  • Recorta, rota y cambia el tamaño en tiempo real
  • Miles de efectos especiales, desde artísticos hasta divertidos
  • Asombrosamente rápido y en tu explorador
  • Fuentes impresionantes y herramienta de escritura de alta calidad
  • Cientos de formas de diseñadores cuidadosamente seleccionados
  • Funciona en Mac, Windows y Linux
  • No se necesita descargar ni instalar nada

SplashUp – http://www.splashup.com/

Editor de imagenes Splashup

SplashUp

Tiene un recorrido mucho mayor a Picnik aunque sus herramientas son basicamente las mismas, con la ventaja o desventaja (Segun desde donde se le mire) que tiene una interfz muy similar a la de Adobe Photoshop, incluyendo varios filtros, las ventanas flotantes y la ubicacion y manipulacion de la mayoria de las herramientas, ademas de un manejo de capas muy similar al de los productos de Adobe.

Tambien tiene com ventaja la posibilidad de importar y exportar tus imagenes desde Facebook, Piccasa, Flickr, etc, para que esten disponibles en cualquiera de tus redes sociales.

Tendremos que ver como se desarrolla la competencia entre Picnik y SplashUp aunque con el respaldo de Google esta batalla esta sentenciada.

Google Docs – http://docs.google.com/#all
Hay que resaltar esta increíble herramienta de Google que esta desplazando poco a poco a las suites de oficina de escritorio, poniendo en el cloud toda una serie de aplicativos que te permiten hacer tres cosas básicas:

  • Crear, ver y editar documentos de texto.
  • Crear ver y editar presentaciones tipo power point.
  • Crear ver y editar hojas de calculo.
Google Docs

Google Docs

Una de sus mas grandes ventajas es la compatibilidad para importar tipos de archivo desde casi cualquier formato (Microsoft office, Open Office, Star Office, etc), ademas de permitirte exportar los documentos creados a cualquiera de estos formatos.

También es muy importante resaltar la capacidad de compartir tus documentos, una opción muy útil para aumentar la productividad de un grupo de trabajo y mantener el control de versión editadas de un mismo documento, de esta manera es fácil realizar documentos basados en el trabajo colaborativo de varias personas sin tener que mantener una montaña de documentos diferentes del cual un editor debe encargarse.

Si eres usuario de Gmail probablemente habrás notado que cuando te envían un archivo adjunto Gmail te da la opción de abrirlo con Google Docs sin necesidad de descargarlo.

CSS menu generator -http://www.cssmenumaker.com/
Es una pequeña aplicación online muy especifica pero que me ha sido realmente útil, un generador de menús en CSS que te permite escoger entre una cantidad considerable de estilos y personalizarlos según tus necesidades, aunque  es útil solo para webmasers, la recomiendo mucho ya que me ha salvado de tener que entrar a crear todo un css solo para un menú (tarea que resulta ser un poco tediosa).

Hot editor – http://www.ecardmax.com/hoteditor/
Esta herramienta esta dirigida a todas las personas que les encanta el sharing en linea, como a mi, compartir contenidos post, comentarios, articulos, noticias, etc. Pero muchas veces luego de publicar un articulo digamos en el blog, quiere pasarlo a un for vBulletin y no sabes como hacerlo, pero con esta aplicacion es facil ya que te permite convertir tu codigo del editor Wyswing tipo wordpress o joomla a BBcode o a simple HTML para que lo puedas postear en cualquier lado manteniendo el formato y las propiedades de tu texto.

Por ahora son tan solo estas cinco aplicaciones, mas adelante traeré otras para que sigamos pasando nuestra vida mas al cloud y menos al PC. xD