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