¿Cómo encuentro la combinación adecuada de colores para mi Web?

Autor: Juan E. Sapene

http://www.digitalconexion.com/

Hoy Hablaremos de uno de los grandes problemas que tenemos los programadores, que aunque sabemos de diseño no somos diseñadores gráficos de carrera, ¿Cómo encuentro la combinación adecuada de colores para mi Web? Pues ahora tenemos la respuesta; Adobe no nos lo pudo poner mas sencillo con Adobe® Kuler™ para comenzar a utilizarlo deberas entrar en http://kuler.adobe.com/

Es una aplicación web sencilla donde podremos:

Explorar distintos temas de colores

Explora miles de colores creados por la comunidad Kuler, buscando por palabras claves, tetulos, creadores o por colores





Crear nuevos temas a partir de un color


Crea nuevos temas con las fáciles herramientas que te ofrece Kuler








Crea Nuevas combinaciones a partir de una imagen

Solo tendrás que subir una imagen y el sistema registra la combinación de colores de la imagen y te ofrece distintas posibilidades de trabajar con estos colores




Kuler es compatible con tu Sofware favorito de de Creative Suite 4

Adobe Illustrator® CS4, Photoshop® CS4, InDesign® CS4, Fireworks® CS4, and Flash® CS4

Para conseguir mas referencias sobre esta practica herramienta entra en http://www.adobe.com/products/kuler/

Cree y publique su sitio web fácil y gratis con Yola

Sin dudas cuando querramos hacer un sitio rápido y con muy buen acabado nuestra opción puede ser perfectamente usar Yola.

Qué es Yola??

Yola es una aplicación online que nos permite construir sitios web o blogs sin tener más conocimientos informáticos que los de mover el puntero del ratón, dar click y arrastrar y soltar(drag and drop).

El sitio tienes muchas facilidades para dejarnos realizar las cosas que muchas veces tenemos en nuestras cabezas y no sabemos como llevarlas a cabo, empezamos a trabajar en la construcción del sitio y de buenas a primeras nos damos cuenta que ya está acabado y tiene el aspecto que siempre quisimos, además la aplicación no nos obliga a poner anuncios o pop-up molestos.

Aparte de la creación tambien nos da la posibilidad de publicarlo, todo totalmente gratis, si creemos no estar satisfechos con las posibilidades que nos ofrece el servicio gratis podemos optar por el servicio premium que ofrece muchas más facilidades.

Fuente: Go2web20

http://www.bitacoradewebmaster.com/category/diseno-web/

Como crear un Boton con multiples enlaces

Para crear un botón múltiple, solo debes copiar el siguiente código y codificarlo según tus requerimientos

<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
<!-- Mas scripts en http://www.creatupropiaweb.com -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Crea tu propia WEB"
urlArr[1] = "http://www.creatupropiaweb.com"
lineArr[2] = "Los Codigos Web"
urlArr[2] = "http://www.iespana.es/LosCodigosWeb/"
lineArr[3] = "La web del Albañil"
urlArr[3] = "http://es.geocities.com/juha_web/index.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>


e24BubbleFx para crear transiciones de imágenes con efecto burbuja

Alfredo Artiles ha desarrollado un plug-in para Mootools que nos permite realizar una transición entre dos fotografías usando un interesante efecto similar al movimiento de una burbuja. Les estoy hablando de e24BubbleFx.

La cosa es así, la transición se hace utilizando dos imágenes, una capa superior y otra inferior cuya visibilidad se irán alternando mediante el efecto burbuja de dicha imagen superior, pero una imagen vale mas que mil palabras, pueden comenzar viendo los ejemplos.

• Ejemplo básico
• Ejemplo con eventos

El plug-in lo podemos descargar aquí (trae consigo los ejemplos también)

Creo que sin dudas obras de arte como estas son las que todos queremos en nuestra web, espero puedan disfrutar esta aportación de Artiles y les sea de mucha utilidad.

http://www.bitacoradewebmaster.com/category/javascript/

¿Como diseñar banners comerciales online? AdCherry.com es la solución

AdCherry.com es un sitio web que contiene un servicio para crear banners comerciales no poco vistosos de forma muy fácil y rápida, todo esto ahorrándonos tener que pagarle a un profesional para que no los haga. Los banners relizados con Adcherry.com lucen con muy buen acabado lo cual sin dudas atraerán usuarios y ayudará a incrementar ventas en su negocio.

Para crear nuestro banner todo el trabajo duro se basa en escoger la plantilla del tipo de banner que queramos y personalizarla con nuestro logotipo y el texto que queramos en el banner. Una vez con la plantilla en literalmente en la mano todo es como cantar y silvar pues la página nos guía paso a paso lo que tenemos que hacer, y no crean que son muchos pasos, el último de estos es bajar el banner que en dar click derecho en la imágen resultante y dar “Guardar imágen como” para tenerla en nuestra pc y poderla usar en la web que queramos.

Este es un ejemplo ya realizado…

Luego otras veces no podemos cambiar el texto preestablecido en la plantilla, como por el ejemplo el de los botones, al menos no cuando haces el banner con el servicio gratis, pero para los que dominan la edición de las imágenes una vez creado el banner lo abrimos con el Photoshop y le podemos hacer cambios que ayudarán a personalizarlo completamente a nuestro gusto.

Con AdCherry.com si bien no logramos hacer todo lo que quisieramos para crear un banner creanme que si nos puede ahorrar mucho tiempo, espero que les sea de utilidad.

Fuente: Killerstartups

Crea tu formulario online con Jotform.

Los formularios son métodos muy utilizados en páginas web para el llenado de cualquier tipo de datos que haga falta, muchos tenemos problemas a la hora de crearlos pues hay que saber de programación, saber como estructurarlos, validarlos, decidir que método de envío se utilizará.

Con Jotform todo este trabajo se nos hace mucho más fácil y asequible para todos. Podemos crear formularios que van desde lo simple con campos como los clásicos como los cuadros de texto, áreas de texto, menús desplegables hasta lo verdaderamente avanzado como carga de archivos, botones casillas de verificación entre muchas cosas más.

Los formularios los podemos crear personalizando el que aparece por defecto en la interfaz o empezando desde cero con la ayuda de un asistente para creación de formularios paso a paso.

Las propiedades de cada campo pueden ser modificadas, dígase etiqueta, tamaño, descripción, etc. Además contamos con la opción de la vista previa lo que nos permite ver como va quedando nuestro trabajo. Los formularios están integrados para aceptar pagos por PayPal, Google Checkout, 2checkout y otros sistemas de pago, el registro es gratis y necesario a la hora de querer guardar, editar y utilizar los formularios realizados.

Existe otro tipo de acceso a la herramienta y es utilizando una cuenta premium la cual tiene muchas más funcionalidades para crear nuestro formulario.

La herramienta está en varios idiomas incluido el español.

Fuente: Makeuseof

Manual: "Como Aumentar su posición en Google y Otros Buscadores"

15 Us$.

Hacer clic aquí para Comprar

15 Us$. Hacer clic aquí para Comprar La herramienta que siempre ha buscado Le presentamos un manual Básico, para que usted mismo pueda aumentar la presencia de su Pagina Web en los principales buscadores de Venezuela y el Mundo, con estas herramientas usted podrá realizar paso, a paso todo el proceso de mejoramiento de su Site, sin la necesidad de tener conocimientos en programación ni en diseño 1. ¿Cómo averiguar si tu Página Web está indexada en Google y otros buscadores? 2. Herramientas para determinar la importancia de tu Página Web en la Red 3. Verifica el Page Rank (rankeo de tu página) 4. Técnicas para mejorar tu Posicionamiento Web 4.1. Optimización del nombre dominio 4.2. Título de tu página Web 4.3. Palabras Clave 4.4. Site Map 4.5. Optimización del contenido 4.6. Evita las páginas en Flash 4.7. Inscripción en Directorios Web 4.8. Inscripción en los principales buscadores del mundo 4.9. Intercambio de enlaces 4.10. Intercambio de banners 5. Técnicas para aumentar el número de visitantes a tu Web 5.1. Publicidad de banners 5.2. Google Adwords (Publicidad pagada por clicks) 6. Utiliza a Mercadolibre como una estrategia de ventas 15 Us$. Hacer clic aquí para Comprar Este manual se entregara en formato .pdf y le sera entregado via correo electrónico, de forma inmediata, una vez se halla hecho efectivo el pago

¿Como Añadir un Reproductor de Video Flash personalizado a tus proyectos web?

Publicado por Nikko

How to Play Video Using an Open Source Player, un practico artículo que les enseñara paso por paso como montar un reproductor de video Flash, ideal para aquellos que deseen evitar recaer en youtube o bien para aquellos otros que gusten de la personalización. Para el tutorial se ha utilizado un reproductor de video de código abierto (MPW Player website), y básicamente se les explicara todo, incluyendo la conversión de un vídeo en formato tradicional a FLV y la incrustación de un reproductor personalizado utilizando SWFObject. La mejor parte es que no necesitaras para nada de Adobe Flash en todo el proceso.

El tutorial Incluye

• Convertir la película a Flv usando Riva FLV Encoder
• Descargar el reproductor
• Insertar el Flash Player Usando SWFObject
• Personalizar el aspecto del reproductor

• Apoyo a los usuarios sin Flash y JavaScript
• Adición de múltiples Rep. por pagina
• Cómo usar el Audio Player
• Más Personalización

http://xyberneticos.com/

5 bonitos Scripts para tus proyectos web

Algunos bonitos script para implementar en varios de tus proyectos web y hacer tus proyectos muchos más interactivos. Esta lista fue seleccionada por simplex-media y la he visto gracias a rubendomfer.

ReMooz

ReMooz es otra forma de implementar a nuestras Web los famosos lightbox, inclusive con algunas cositas extras. ReMooz nos permite visualizar una imagen miniatura, al hacer click sobre una de ella, verla en tamaño normal o completo. Lo genial es que estas nuevas ventanas que se abren (mostrando la imagen), pueden ser acomodadas en diferentes partes de la pantalla moviéndolas con el ratón, e inclusive podremos abrir varias imágenes a la misma vez, algo que con otros sistemas de lightbox a veces no podemos hacer.

Lenguaje: JS/CSS
Framework: MooTools
Demo: ReMooz Demo
Web: ReMooz Project Page

Coda-Slider

Coda-Slider, nos permite Mostar el contenido de nuestra Web de una forma completamente diferente, con un bonito sistema deslizante. La interactividad se logra mediante Tab basados en scroller. JQuery que nos permite también utilizar un sistema de navegación en los laterales, utilizando el ratón. Coda-Slider es sin duda una forma interesante a tener en cuenta si lo que buscas es dar a tu Web algo completamente diferente. Las características de Coda-Slider, se basan en la Web de Coda.

Lenguaje: JS/CSS
Framework: jQuery
Demo: Coda-slider Demo
Web: Coda-slider Project Page

35mm Photo Viewer

Si buscamos herramientas con las cuales crear nuestra galería de imágenes, a estas alturas puede que se torne difícil elegir con que implementarlas. Seguro que debido a que son tantas las opciones que encontraremos, y todas ellas, una es más increíble que otra. En fin 35mm Photo Viewer será otra opción a tener en mente, posee un gran número de skin, su carga es realmente muy rápida, posee la función de realizar búsquedas, así como un sistema de indexación de la página. Actualizarla también es muy sencillo. Compatible con IE5-7, Safari, Firefox y Netscape 7.

Lenguaje: DHTML/CSS/XMLST
Demo: 35mm Demo
Web: 35mm Project Page

Autocompleter

Autocompleter es una librería que nos permite agregar a nuestros formularios un sistema de autocompletado de palabras a medida que se van escribiendo.

Lenguaje:XHTML/JSON JavaScript
Framework: MooTools
Demo: Autocompleter Demo
Web: Autocompleter Project Page

yShout

yShout es un script que nos permite insertar a nuestro blog un sistema de Chat basado en Ajax. Lo bueno es que nos permite configurar cantidad de cosas, tanto en funcionalidad como en diseño del mismo, pero lo mejor aun es que es fácil de instalar, y no utiliza base de datos. Lo malo es que para descargarlo primero necesitaremos dar una donación a quien lo ha creado. Pero el trabajo que se le ha dedicado a su desarrollo lo vale.

Lenguaje: PHP/AJAX
Demo: yShout Live Example
Web: yShout Project Page