Web 2.0 Tips

Icon

Consejos y trucos para el desarrollo y diseño de webs

Como hacer Textos dentro de un circulo o generar margenes curvos. (css text wrap)

Muchas veces, los diseñadores, hacemos cosas en illustrator / photoshop donde los textos estan encapsulados en circulos o tienen márgenes curvos, etc.

Aca les dejo una página muy útil, que sirve para generar textos / párrafos con diferentes formas.

Leer este tip »


Vidiofy una manera simple de agregar valor a tus videos

Muchas veces los bloggers para darle valor a sus contenidos utilizan videos complementando la nota que escriben.

Encontramos una solución muy práctica para todos los generadores de contenido. Vidiofy ofrece con un minimo script incrustado al final de la página, un sistema de relacionar videos y además compartirlos y comentarlos con varias redes sociales.

Leer este tip »


Creador de backgrounds on-line

Me encontré con esta interesante aplicación, que me saco de un apuro, como ya abre dicho, me llevo muy mal con programas de dieño, y no tengo ojo para hacer nada, asi que siempre que necesito algo de grafica pido una mano. En este caso necesitaba un background lindo para una págica web y me puse buscar y encontre esta web que los genera de forma muy facil.

Leer este tip »


Colores OnLine con Adobe Kuler

hola les dejo una web muy practica, ideal para cuando tenemos que elegir colores dentro de los millones que existen en la paleta cromatica.

Con Kuler de Adobe que se puede usar desde http://kuler.adobe.com podes crear paletas y elegir entre colores y paletas que ya estan creadas y organizadas por tema.

Tambien podes crear colores siguiendo las reglas cormaticas como son: Analogos, monocromaticos, triada, complementarios, etc.

Espero que les sriva, saludos!


Creando layouts xhtml/css con Yaml y Yaml Builder

Buscando un poco de documentación sobre el lenguaje de configuracón Yaml, encunetro este Framwork CSS, que aparte ofrece on-line una herramienta para crear y una plantilla sobre este FW CSS, Yaml (Yet Anoter Multicolumn Layouts) ofrece una buena base de CSS para trabajar con templates basados en columanas sobre XHTML, aparte de incluir CSS’s y JS’s para fixear determinados bugs de Intertet Explorer. El codigo esta bien comentado y respeta los estandares web. Lo único malo es que no hay documentación en español (por ahora).

Pero lo que les vengo a mostrar, es una herramienta on-line que ofrecen, para crear un layout basado en CSS en pocos minutos, solo seleccionando el estilo de columnado y otras como el estilo de la barra de navegion ,etc.

Leer este tip »


AjaxLoad.info: Generando un gif animado de espera de AJAX

Muchos programadores web usamos ajax para mejorar la experiencia del usuario y hacer las cosas mas amigables y simples. Obviamente las consultas que mandamos suelen tardar un tiempito en responder, y no avisarle al usuario es dejarlo sin saber si la aplicacion se trabo, sigue andando o etc, y una animación siempre le da mas tranquilidad al impaciente cliente.

El problema es que no siempre nos encontramos con recursos para hacer estas animaciones, ya que como dije somos programadores y no tenemos herramientas de diseño y aveces ni el conocimiento (ni el gusto) de hacerlo nososotros mismo. Yo antes tenia un par de gifs separadas para tal fin, pero claro está lo mejor es tener uno acorde con el sitio en cuanto a color, diseño etc. Para facilitarnos la vida hay una herramienta on-line que hace este trabajo.

Leer este tip »


Generador de menúes CSS on-line

Como sabrán con CSS se puede lograr dar efectos a un menu, o barras de navegación, para el que no la tenga muy en clara, existe una herramienta on-line bastante simple que nos generará un menú con efecto solo con CSS, de este modo podemos descargarlo y usarlo en nuestro site.

Leer este tip »


Categoria

Haste fan

Web Analytics