elWebmaster.com

Con 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

En 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

Cuando 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

Si 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

Muchos 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

Hace 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

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

Con 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

En 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

Muchas veces deseamos proteger las imágenes de nuestro sitio web añadiéndoles lo que se conoce como una “marca de agua” para que nadie pueda bajarlas y utilizarlas como si fueran propias.

WaterMarkTool es una sencilla aplicación online que nos permitirá incluir una marca de agua personalizada en nuestras fotografías en sólo cuestión de segundos. Seguir leyendo