skip to content

Web 2.0 - Diseño Web

Agrégale efectos al texto de tu sitio web o Blog en Wigflip

Wigflip es una web posee una serie de herramientas para crear efectos especiales con texto, que puedes usar para incluir en tu sitio web o blog.

A continuación le describo cada una de las 10 herramientas:

Source: GeeksRoom

Jimdo, edición y alojamiento de páginas web.

Jimdo es un servicio en línea que nos permite crear un sitio web y también nos dá alojamiento para el mismo. 

 

Este servicio está compuesto por un sistema de módulos con los cuáles los usuarios pueden personalizar la página insertando diferentes elementos a la misma.

Allí podemos crear una simple página personal, un blog y hasta una red social, que es una de las opciones que nos ofrecen, además nos permite tener una galería de fotografías.

Source: GeeksRoom

Convertir ficheros PSD (Photoshop) en hojas de estilo CSS en PSD2CSS

PSD2CSS es una herramienta en línea que nos permite convertir un fichero del tipo PSD, creado con Photoshop o Gimp, en hojas de estilo CSS, en forma totalmente gratuita y entregándonos el código HTML y las imágenes necesarias para mostrarlo en la web.

Para utilizar el servicio debemos suscribirnos y una vez hecho esto, ya podemos usar la aplicación.

Source: GeeksRoom

Conoce que es lo que ven primero en tu sitio web o blog con Feng GUI

Algo que ayudaría mucho a un creador o diseñador sería conocer que es lo primero que ven los visitantes al ingresar a un sitio web, blog, al ver una fotografia o simplemente un aviso publicitario.  Para solucionar eso, un grupo de científicos en visión inteligente, junto con unos diseñadores, crearon una aplicación web que genera un heatmap que nos muestra que lugares que se ven en los 5 primeros segundos de exposición de una imagen.

Source: GeeksRoom

Crea botones para tu sitio web o blog en Buttonator

Buttonator es un sitio que te permite crear botones para tu sitio web o blog.  Es muy facil de usar y tiene varias características avanzadas que permiten crear botones de muy buena calidad.

Buttonator

Todo el procedimiento para crear botones lo tienen en la portada.  Allí determinan el estilo, propiedades de la fuente, colores, etc.  y además tienen la posibilidad de ver el botón al instante que lo van creando, además en esa ventana tenemos los enlaces para descargar el botón o copiar el código html que usaremos para incluírlo en nuestro sitio.

Source: GeeksRoom

Prueba tu sitio en cualquier navegador con Browsershots

El sitio Browsershots nos permite ver como nuestro sitio o blog se ve en distintos navegadores y sistemas operativos.  Es muy facil de usar, solo ingresamos la dirección de nuestro sitio o blog, elegimos qué navegadores nos interesan ver, en qué sistema operativo y por último una serie de parámetros como tamaño de pantalla, profundidad de color, si usa o no Javascript, Java y Flash.  Como resultado nos entrega capturas de pantallas de nuestro sitio, visto en distintas combinaciones de navegadores y sistemas operativos.

Browsershots

 

Source: GeeksRoom

ValidChecker, monitor para controlar la validez de tu código HTML, RSS y CSS.

ValidChecker es un servicio que nos permite conocer si la estructura del código de nuestro sitio es válido o sea sigue las reglas standard de la W3C.  Esta herramienta monitorea el sitio y cada vez que encuentra un error en el código HTML, RSS o CSS, nos envía un email, aunque también podemos recibir notificaciones mediante feeds RSS.

Source: GeeksRoom

Webnode, editor de páginas web en línea

WebNode es un servicio que nos permite crear un sitio web, sin el más mínimo conocimiento técnico sobre el tema.  Las posibilidades que nos ofrece este sitio para crear una página web son muchas.

Webnode

Tienen una serie de herramientas que nos permiten agregar distinto contenido, con solo arrstrar y soltar los elementos.  Si bien el concepto de WebNode no es nuevo, podemos decir que este servicio es uno de los más completos en su tipo.  Es muy facil de usar y es totalmente interactivo.   

Source: GeeksRoom

Encuentra la combinación de colores perfecta con Color Toy

Color Toy 2.0 es una herramienta en línea, creada por el autor del blog Defence Mechanism, que, de acuerdo a un color de nuestra elección, nos permite hallar la combinación de colores ideales para un proyecto.

Source: GeeksRoom

30 themes profesionales y gratuitos para Wordpress

Smashing Magazine, como siempre nos tiene acostumbrados, hizo una compilación de themes gratuitos para el popular CMS Wordpress. Según ellos son themes profesionales, según yo, algunos si, otros no tanto :-).

Source: GeeksRoom

Color Hunter, descubrir que colores combinan con una imagen

Color Hunter es un servicio en línea que partiendo de una fotografía, te permite hallar los colores que combinan con la misma, creando para ello una paleta de colores.

Es muy simple, solo ingresamos una etiqueta, el valor hexadecimal de un color o la url de una foto.  Con respecto a las etiquetas, Color Hunter busca fotos en Flickr de acuerdo a esa etiqueta y a través de un API de Flickr.  Cuando encuentra las fotos que tienen la etiqueta, utiliza una miniatura de la misma para buscar los colores que combinen.

Source: GeeksRoom

Qué tan rápido se carga tu sitio? compruébalo en Self Seo.

Según el sitio Self Seo, si tu web o blog no se carga entre 5 y 8 segundos, las estadísticas indican que perderás 1/3 de los visitantes.    Para comprobar cuanto tiempo tarda en cargarse un sitio web o blog, Self Seo creó un formulario que basado en el servicio Iwebtool, nos dice en cuanto tiempo nuestro sitio se carga en forma completa.

Source: GeeksRoom

Crear paletas de colores con Palette Generator

El sitio Big Huge Labs posee un procedimiento muy sencillo, llamado Palette Generator, el cuál, partiendo de una fotografía, nos permite generar una paleta de colores que armoniza con los colores de la foto.  La siguiente imágen nos muestra una paleta de colores generada en pocos segundos con la imágen del post anterior sobre Team Viewer.

Source: GeeksRoom

Genera texto animado con una textura en TextAnim

TextAnim es un simple herramienta en línea que te permite crear un texto animado con una textura.  No tiene grandes secretos y es solo una página en la que ingresamos todos los parámetros y en 10 segundo genera el título animado.

El procedimiento es muy facil, ingresamos el texto, tipo de fuente, tamaño de la fuente, color del fonto, tamaño de la imágen, si queremos sombra del texto, el retraso del tiempo de cada movimiento, la textura y por último presionamos Generar. 

Source: GeeksRoom

Agrega sombras a tus imagenes en PicShadow

Leyendo a mi amiga Carmen de la Union de Bloggers Hispanos me entero de esta simple pero muy útil herramienta en línea, llamada PicShadow, que nos permite agregarle sombra a cualquier tipo de imagen.

Source: GeeksRoom
Syndicate content
Powered by Drupal. CristalX theme created by Nubio | Webdesign.