Archivo de la Categoría “web”


Redimensiona.com - Une, Rota, Efectos de colores, Marcas de agua para tus imagenes

 

 

Bueno esta vez os presento Redimensiona.com es una versión beta, de un servicio web gratuito hecha totalmente en php y por mi :D, lo que me agrada mucho.

La web es tan simple como subir una imagen desde nuestro equipo o pasando la url completa de la imagen, seleccionar la opción te interese como puede ser:

  1. Cambiar de tamaño a proporción, metiendo un valor en ancho o alto.
  2. Cambiar el tamaño personalizad, metiendo las dos medidas.
  3. También tenemos un menu de con los tamaños mas usuales
  4. Rotar una imagen, 90 grados a la izquierda, 90 a la derecha o boca abajo.
  5. Efectos de colores lo cuales podemos selecciona, escala de grises, sepia, azules y magentas

Aqui dejo un ejemplo de una imagen redimensionada de 357 pixel de ancho a 150 y la altura a proporción, pequeña rotada 90º a la derecha y escala de grises

Foto original 357 x 500 Redimensionada a 150px y la altura a proporción Rotada 90grados a la derecha Imagen a escala de grises

En el apartado unir imagenes, por cierto muy interesante.

Aquí nos une dos imagenes cargadas desde nuestro equipo o pasando la url completa de la imagen, donde podemos elejir si la imagen la queremos unida en horizontal o en vertical.

Ahora dejo un ejemplo de dos imagenes unidas en vertical y horizontal:

unir 2 imagenes en horizontal Unir 2 imagenes en vertical

En el apartado de marcas de agua, interesante si subes imagen a webs como flick y demas webs del estilo.

Subimos una imagen puede ser tanto desde nuestro equipo como pasando la url completa de la imagen y los pasos son los siguientes:

  1. Insertamos el texto que le queremos marcar a la imagen.
  2. Seleccionamos un tipo de fuente.
  3. Elegimos e color que le queremos dar al texto.
  4. El tamaño de fuente que deseamos.
  5. Por ultimo la posición en el cual queremos el texto.

Ejemplo de una imagen con marca de agua:

Ejemplo de marca de agua

Bueno pues espero que os sea de utilidad y os recuerdo que podéis comentar sobre cualquier post, también este :D y también podéis agregaros al los feeds.

Tags: , , , ,

Comments No Hay Comentarios »

 

Firefox

 

Save the Developers es una curiosa campaña para “salvar” a los desarrolladores web de los dolores de cabeza que significa diseñar webs pensando en el Internet Explorer y su pésimo cumplimiento de estándares.

Funciona de dos maneras: pones algún botón como el que acompaña esta anotación en tu web enlazando directamente a la campaña donde se explica de qué se trata o incluyes un pequeño archivo javascript que muestra un aviso a los usuarios que entren a tu sitio con el Internet Explorer 6.

Enlace: Save the Developers

Vía: Alt1040

Tags: , , , ,

Comments No Hay Comentarios »

brows.jpg

Browsershots

El diseñar una web no es una tarea fácil, y es que a estas alturas hay que preocuparse más de la compatibilidad con los navegadores que con el diseño en sí. El no seguir los estándares y modificar propiedades a elección propia es una característica habitual de muchos navegadores, en mayor o menor parte, que por desgracia está presente en prácticamente todos los navegadores web. Por ello, Browsershots está aquí.

Browsershots es una web con un gran servicio de código abierto que te permite ver tu página web en nada más y nada menos que más de 50 navegadores, dándote una captura de pantalla del navegador con la página cargada. Entre los navegadores podemos encontrar prácticamente todos, y muy pocos faltan. Incluso tenemos Internet Explorer 8 o la última beta de Firefox 3. El sistema es muy fácil: envías la página, y en distintas máquinas se carga, se captura la pantalla y se envía a la web automáticamente.

Lamentablemente no es una tarea de segundos, y dada la gran cantidad de gente que solicita el servicio, normalmente hay que esperar bastante para poder ver todas las capturas. Puesto que los problemas más habituales se suelen encontrar con Internet Explorer 6 y 7, los usuarios que estén en Mac o Linux, o en Windows con una versión concreta, pueden probar Netrenderer, que es de respuesta instantánea y de resultados perfectos.

Enlace: Browsershots

via: dosbit.com

Tags: , ,

Comments No Hay Comentarios »

La Universidad de Washington ha creado recientemente unos interesantes tutoriales de introducción a la programación web y tecnologías relacionadas, el Google Code University es un sitio gratuito que contiene clases, conferencias y ejemplos de programación de tecnologías como: AJAX, computación distribuida, seguridad web y los lenguajes web de programación.

Google Code University

Introducción a la programación Web

via: Tufuncion.com

Tags: , , , ,

Comments No Hay Comentarios »