elWebmaster.com

javascript | imagen | png

Javascript: Cómo convertir una imagen a canvas, y viceversa

javascriptwide2No hay dudas que JavaScript es una gran herramienta que nos brinda amplios recursos. En este artículo no sólo les explicaremos como convertir su imagen a canvas, sino que a su vez indicaremos los pasos para convertir el canvas de vuelta en imagen. Seguir leyendo

15/Jun/12, 07.11 Morton Comentar

online | imagen | efecto

Brickify: Aplicación online para dar un sorprendente “efecto Lego” a tus imágenes

brickifywideCon Brickify, puedes convertir cualquier imagen a una que aparente haber sido construida por los famosos bloques Lego. El efecto es sorprendente, y puede resultar de utilidad en más de un diseño web. ¡A crear! Seguir leyendo

23/Ene/11, 10.05 Morton 1 comentario

CSS | imagen | efecto

CSS: Máscara con angulación para dar dinamismo a tus imágenes

anglemaskwideEn este artículo veremos como crear una máscara con angulación y aplicarla sobre las imágenes de tu sitio. Para ello, utilizaremos la propiedad transform de CSS. En tan sólo unos pocos pasos, habremos logrado este efecto. Seguir leyendo

31/Dic/10, 05.10 Morton 2 comentarios

wordpress | logo | imagen

Colocar el logo de tu empresa en el inicio de sesión de Wordpress

wordpress_finalCuando realizamos un sitio para un tercero, o cuando ya nos cansamos de la típica pantalla de inicio de sesión de Wordpress, comenzamos a considerar el reemplazarlo por algo original.

Hoy vamos a compartir contigo un sencillo truco que te permitirá reemplazar este tradicional inicio con uno propio, facilmente intercambiable, en el que puedes incluir el logo de tu empresa para que se luzca. Seguir leyendo

21/Oct/10, 16.31 Morton 6 comentarios

Diseño | web | recursos

165 íconos vectoriales para diseño web (en 5 colores)

iconos165Si te gusta tener siempre una amplía colección de buenos íconos para implementar en tus diseños, disfrutarás con seguridad el artículo que tenemos para hoy.

Se trata ni más ni menos que de 165 iconos vectoriales en 5 colores diferentes, resultando un total de 825 íconos que podrás utilizar en todos tus diseños web. Seguir leyendo

14/Dic/09, 11.30 Micaela 8 comentarios

Google | movil | imagen

Búsqueda visual con Google Goggles

google-gogglesMuchos de nosotros soñábamos con esta herramienta desde hace tiempo… ¡Y ahora la tenemos! Google Labs ha lanzado Google Goggles, una herramienta de búsqueda visual para dispositivos Android (que esperemos, se aplique globalmente).

Luego de instalar Google Goggles en tu Android, podrás tomar una fotografía con tu teléfono móvil y buscar con esta herramienta información sobre la imagen, por ejemplo una obra de arte, un edificio o una persona. Seguir leyendo

08/Dic/09, 14.35 Alejandra 9 comentarios

Google | lanzamiento | desarrollo

Cómo instalar Google Chrome OS en una unidad USB

googlechromeosHace pocos días Google anunció el lanzamiento del código fuente de Chrome OS. A las pocas horas, la web ya estaba llena de imágenes de disco para correrlo en máquinas virtuales tales como VMWare y VirtualBox.

En el artículo de hoy te traemos una manera de probar fácilmente Google Chrome OS en tu propio ordenador desde un dispositivo USB. Seguir leyendo

30/Nov/09, 14.26 Micaela 5 comentarios

CSS | imagen | templates

Ocultar y revelar texto detrás de imágenes con CSS y jQuery

En el siguiente artículo les traemos un genial efecto hover que les resultará extremadamente útil y sencillo para dar un toque especial a sus diseños.

Se trata de un efecto que nos permite ocultar y mostrar texto que se encuentra detrás de una imagen y lo podemos lograr simplemente implementando algo de CSS y jQuery. Seguir leyendo

20/Sep/09, 09.04 Micaela 4 comentarios

Internet | photoshop | imagen

Photoshop: Optimizar imágenes para acelerar tu sitio

photoshop2Con algunos conocimientos básicos en la compresión y optimización de las imágenes, es posible reducir significativamente el tamaño de una imagen mientras aumentamos su calidad.

Minimizar los tiempos de carga hará más rápida y placentera la experiencia del visitante. Por eso en esta nota te contamos cómo optimizar las imágenes de nuestro sitio con Photoshop para lograr un mejor desempeño.

Seguir leyendo

23/Jul/09, 09.09 Micaela 5 comentarios

navegador | imagen | jQuery

jQuery: Redimensiona las imágenes de tu web junto con el navegador

jquery1En los diseños fluidos es fácil dar formato al texto para ajustarse bien cuando la ventana del navegador sea redimensionada, pero con las imágenes no suele ser tan sencillo el tema.

El rápido consejo que te damos en esta nota te enseñará cómo cambiar entre dos tamaños de imágenes distintos dependiendo del tamaño que posea la ventana del navegador en ese momento dado. Seguir leyendo

16/Jul/09, 09.09 Micaela 3 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesión