Reflection Maker, otra herramienta para agregar reflejos online

reflection makerHace unos días les comentaba sobre Wet Floor, una herramienta que nos pertmitía subir imágenes y agregarles un reflejo automáticamente en sólo un par de clicks. Ahora acabo de encontrar Reflection Maker, una herramienta similar.

Podemos subir imágenes desde nuestro propio equipo o bien especificando una URL en el caso de que la imagen ya esté disponible en internet. Luego tenemos que elegir el tamaño del reflej, o sea la altura, y personalizar el fondo que tendrá la imagen. Al presionar el botón «generate» el sistema procesa la imagen y nos devuelve el resultado.

Visto en MuchasWebs

Herramienta online para agregar reflejo a las imágenes

Muchas veces me ha pasado de querer darle efecto reflejo a una imagen y no tener ganas de abrir un software de edición de imágeens y perder tiempo en hacerlo, ahora encontré una herramienta online que permite agregarle reflejo a una imagen en segundos.

wet floor

En Wet Floor podemos subir una imagen, ajustar unas configuraciones como la opacidad y la altura del reflejo y el sistema nos devuelve una imagen con reflejo en segundos. Realmente el resultado es muy bueno y nos ahorra mucho tiempo.

Podemos testear la imagen en diferentes fondos, probándola con una paleta de colores para ver si es lo que deseamos o si tenemos que repetir el proceso.

Visto en ETC

Generador de menúes en CSS

cssmenuAcabo de encontrar una excelente herramienta que nos permite generar menúes CSS de forma online, fácil y de manera totalmente gratuita para utilizar en nuestros diseños.

Podemos elegir entre varios diseños, para personalizar el nuestro le tenemos que dar al enlace que dice «Customize», luego tenemos que seguir los pasos que el sistema nos pida, por ejemplo elegir la cantidad de pestañas que tendrá, el nombre de cada una y sus enlaces.

Los diseños que hay predefinidos son muy bonitos, tenemos 7 diseños en menúes horizontales y 5 en menúes verticales, todos de distintos colores y efectos, para poder seleccionar el que más se adecue a la gama de colores de nuestro diseño.

Visto en RedFerret

Genera templates gratis con doTemplate

dotemplateA través de Carrero encuentro un servicio muy interesante llamado doTemplate, que permite generar templates personalizados para nuestro sitio web y luego descargarlos para poder utilizarlos.

Sólo tenemos que elegir la plantilla deseada y comenzar a personalizar todas las cuestiones de diseño, ya sean los colores de las fuentes, los fondos y rellenos, tamaños de títulos, etc.

La principal desventaja por el momento es que no tienen muchos templates para elegir, sólo hay 8, pero tienen muy bien diseño, así que con un poco de imaginación y buen gusto podemos tener un muy buen template para nuestro sitio.

Wallpapers de Mozilla 24

Mozilla 24 es una especie de festival organizado por Mozilla, que se levó a cabo durante los días 14, 15 y 16 de este mes. Hubo sedes en todo el mundo, EE.UU, Francia, Japón y Tailandia, las actividades que se realizaron fueron varias, bandas tocando, conferencias con grandes personajes, debates, competencias en línea, etc.

Luego de este simple introducción, he encontrado dos wallpapers muy lindos de Mozilla 24, obviamente con el logo de Firefox en alusión a lo que es este festival. Están disponibles en casi todos los tamaños, hasta para pantallas widescreen en excelente calidad. Algo menos accesible es el auto que comentamos hace días.

Edita el CSS de cualquier sitio web en tiempo real con CCSFly

cssflyMuchas veces necesitamos necesitamos hacer cambios en nuestro CSS pero siempre es bueno ver un preview, cosa que WordPress no permite, a veces también cuando tenemos que salir a salvar algún amigo que nos dice «mi blog se ve mal, cómo hago para hacer…», pero con herramientas como CSSFly podemos editar al vuelo el CSS de cualquier sitio web, obviamente viendo como queda, no podemos «modificarle los archivos».

Sólo tenemos que ingresar la URL del sitio que queremos editar y elegir dónde queremos que aparezca en la pantalla el sector de código para ir editando. Luego el sistema no dirige a la URL ingresada y podemos ir modificando a gusto el CSS, los cambios se van viendo en tiempo real.

También poseen un bookmarlet que nos permite editar los sitios que estemos visitando sólo con pinchar en él, para instalarlo tenemos que arrstrarlo a nestra barra de marcadores y cuando estemos en un sitio web que queramos editar, pinchamos y automáticamente podremos hacerlo.

Otra herramienta que permite hacer esto, pero incorporando muchísimas otras herramientas avanzadas es la barra para Firefox que comentamos hace unos día, Web Developer.

Visto en Wwwhat’s new

Web Developer – La barra de herramientas definitiva para los webmasters

Web Developer es una extensión para Firefox destinada principalmente a los diseñadores y desarrolladores web, esta barra de herramientas incorpora una gran cantidad de funcionalidades que permiten hacer diversas acciones como:

web developer

  • Deshabilitar: Caché, Java, JavaScript, redirecciones, bloqqueador de popups, etc.
  • Cookies: deshabilitar cookies, limpiar cookies de la sesión, limpiar las del dominio, ver información sobre la cookie.
  • CSS: deshabilitar estilos, ver CSS, editar CSS, etc.
  • Formularios: ver detalles del formulario, activar autocompletado, remover límites de caracteres, etc.
  • Imágenes: ver imágenes del sitio, ver tags «alt» de las imágenes, mostrar dimensiones y peso, etc.
  • Información: mostrar anchors, tamaños de los bloques del sitio, DIVs, paleta de colores del diseño, ver tamaño del sitio, etc.

Cabe aclarar que las funciones que nombré anteriormente son un resumen, la cantidad de herramientas que posee es increíble y les recomiendo que la instalen y la prueben.
Instalar | Web Developer

Badges e íconos RSS con efecto web 2.0 para descargar

Gracias a Bittbox podemos descargar estos dos excelentes pack de badges e íconos para el feed con efecto web 2.0. Son totalmente gratuitos y tienen todo lo que hoy en día está de moda en el diseño.

badges iconos 2.0

Por un lado tenemos los típicos badges que son multiuso y por el otro íconos para nuestro feed, en diversos colores, con o sin reflejo, todos en diferentes formatos dependiendo del software de diseño que utilicemos.

Descarga | Badges 2.0 | Íconoos RSS 2.0

Vía | Pixkit

Fresh Badge, otro generador de badges web 2.0

badge web 2.0Fresh Badge es otra herramienta para generar badges con diseños web 2.0 totalmente online y de manera gratuita. Como la gran mayoría de este tipo de generadores, no necesitamos tener conocimientos de diseño, sólo elegis las configuraciones deseadas de acuerdo a nuestro gusto y generar un buen badge 2.0.

Podemos elegir entre cuatro diseños de badges, que luego podremos personalizar con colores, tipografías, agregar sombras, efectos glass, etc.

Una vez que terminamos nuestro diseño nos dirigimos a la parte superior derecha y pinchamos en «Update/Create Badge Now«, ahí se nos generará el badge terminado, que luego podremos descargar en formato JPG, GIF o PNG con transparencias.

Vía | Xyberneticos