Código de colores HTML para tu web o blog

Pueden revisar los siguientes articulos ya publicados donde pueden encotrar herramientas para trabajar con colores The Color Wizard : Generador de esquema de colores gratis y Herramientas y generadores de colores para tu Web o Blog.

Encontrar el color específico para un diseño en páginas web es difícil. El color puede tentar, asustar, persuadir, vender, e incluso inspirar. Muchas veces los diseñadores necesitan el código del color que necesitan para poder utilizarlo en la página web.

Cuando se diseña una página web el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes. Se trata de escribir texto y resaltarlo suficientemente para garantizar su legibilidad a la totalidad de nuestros usuarios.

Aqui les dejo una lista de enlaces que le pueden servir al momento de elejir los colores de su web o blog :

• http://html-color-codes.com
• http://html-color-codes.info/codigos-de-colores-hexadecimales
• http://webusable.com/coloursTable.htm
• http://www.sitiosargentina.com.ar/webmaster/CODIGOS%20DE%20COLORES.htm
• http://ar.geocities.com/coloreshtml
• http://es.wikipedia.org/wiki/Colores_HTML

En primer lugar será importante que exita un gran contraste entre el testo ordinario y el fondo de la web. Sin embargo habrá que tener sumo cuidado en no caer en estridencias que generalmente son tomadas como inmadurez o falta de profesionalidad.Esta misma recomendación es aplicable cuando elegimos colores para resaltar o separar áreas de contenidos.

Cuando un sitio web está diseñado por profesionales con sólidos conocimientos de diseño gráfico, normalmente las pautas seguidas con los colores no son aleatorias. Cuando un diseñador aplica una textura a un color, el color cambia. Superficies suaves hacen que un color aparezca más claro, y una superficie áspera hace que el color aparezca más oscuro. Así que si estás usando rosa pero añadiendo una textura áspera, el color puede virar a rojo en el contexto de audiencia global.

Dzineblog.com : Inspiracion de formularios de contacto para tu web o blog

Comienzan con una selección de formularios de comentarios, parte muy importante dentro de cualquier blog y para los que es complicado conseguir un buen nivel de usabilidad. Son muchos datos en un espacio reducido que además interactuan directamente con el usuarios. Son de buen nivel y algunos muy originales.

Pueden encontrar muchas ideas y recursos interesantes para su blog en el siguiente articulo 5000 recursos para hacer de todo en línea

El formulario de comentarios no tiene que ser necesariamente un par de cajas de texto y botón predeterminado, podemos hacer de esto algo más original y creativo, un formulario de contacto con un diseño propio y que se diferencie del resto de los Blogs dará un toque especial a nuestro Blog.

DzineBlog han echo una colección de 36 estilos de formularios de comentarios para que obtengamos alguna idea al armar el nuestro. Si tienes duda en cuanto al diseño de tu próximo formulario de contacto, en Dzineblog tienes una estupenda recopilación para nuestra inspiración.

Los diseños son variados, podemos encontrar algunos clásicos y minimalistas y otros un tanto más originales con un aspecto artístico únicos que nos darán una mano en esos días que no tengamos ideas, o también en esos días que queramos definir lo que deseamos.

El formulario para dejar comentarios de cada artículo es muy importante, como los visitantes de un sitio generalmente no envian ninguna opinión; existen formas de incentivar a que lo hagan mediante un formulario de comentarios, que debe ser claro y atractivo para que el visitante quiera enviar su opinión

Gadwin PrintScreen : Potente y sencillo capturador de pantalla gratis

Conseguir una buena imagen o impresion de la pantalla actual de nuestra computadora, ya sea una web o un programa que estemos utilizando, aveces puede ser un poco fastidioso al cortar, copiar y pegar, de un programa a otro para obtener la impresion de pantalla que realmente necesitamos.

Una herramienta interesante para hacer panoramicas la pueden encontrar aqui Microsoft ICE: Crea imagenes panoramicas gratis

Gadwin PrintScreen es uno de las mejores aplicaciones de captura de pantalla e imágenes gratuita del mercado. Las capturas se pueden realizar de cualquier zona de tu pantalla y, una vez capturada la imagen, puedes guardarla, imprimirla o enviarla por correo electrónico y redimensionar de forma automática tus capturas sin necesidad de usar programas externos.

Gadwin PrintScreen tiene la opción de selección rectangular nos abrirá una pequeña ventana de zoom para que podamos ajustar el recorte hasta el más mínimo detalle. Simplemente apretando una tecla, que puedes personaliza, realizas las capturas y las graba en varios formatos. Puedes capturar la pantalla completa, la ventana activa o un área específica.

CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida

Los menus de enlaces en nuestra web o blog son importantes para que nuestros visitante navegen por nuestro sitio. Es por ello si deseamos hacerlos mas atractivos y dinamicos necesitamos tener conocimientos de html y CSS. Ahora ese no e sun inpedimento para quedarte con tus menus de enlaces estaticos.

Si deseas conocer mas sobre CCS te recomiendo visitar Libros de diseño web gratuitos y Tutoriales sobre Flash, Actionscript, Photoshop, Fireworks, Illustrator, Dreamweaver, PHP, XML y CSS

CSS Menu Builder es una herramienta web con la cual es posible crear menu css en linea, con 30 diferentes modelo de menús horizontales y mas de 700 verticales con más de mil combinaciones de colores.

Puede crear menús web profesionales CSS (Hojas de estilo en cascada) para su sitio web de una manera muy sencilla y rápida. Pueden hacer todos los botones y menús web en muy poco tiempo. Tiene muchas opciones de personalización que permiten obtener diseños profesionales y modernos.

Las principales caracteristicas de esta herramienta son:

• Es dinámica.
• Permite elegir los colores.
• Tiene visualización.
• Muestra el código HTML, CSS e imágenes.
• Se descarga todo en un archivo ZIP.

Lo mejor de todo es que no necesitas ningùn conocimiento en CSS para desarrollar estos menùs ya que la aplicaciòn lo hace totalmente todo

Audacity : Grabar, convertir, mezclar y editar gratis sonidos

Quieres cortar una parte de un mp3, crear un sonido personalizado, mezclar sonidos, etc y cousarlo en tu web o blog. Aqui te presento un programa que te ayudara a modificar archivos de audio de la manera más eficaz y sencilla.

Si necesitas sonidos para tu web o blog visita SoundSnap - Tu biblioteca de efectos de sonido online o si deseas convertir videos youtube a mp3 visita VidToMp3 : Extraer el audio en mp3 de los videos de Youtube

Audacity te permite grabar y editar audios y es muy simple y rápido de usuar. Una característica que es digna de mencionar de esta potente herramienta, es que soporta los archivos de audio más usados hoy en día.

Su sencilla interfaz hará que el programa sea de sencilla utilización y, además, ayudará constantemente a entender cada paso que haya que seguir.

Puede usar Audacity para:

• Grabar audio en vivo o bien digitalizar grabaciones de cintas de casete, discos de vinilo, o minidisc.
• Convertir cintas y grabaciones a sonido digital o CD.
• Editar archivos Ogg Vorbis, MP3 y WAV.
• Cortar, copiar, unir o mezclar sonidos.
• Cambiar la velocidad o el tono de una grabación.
• Crear efectos: Eliminar ruidos estáticos, silbidos, tarareos u otros; filtros FFT y amplificar los bajos; Ajustar los volúmenes con el compresor, amplificar y normalizar los efectos, etc

Audacity es un programa libre (open source). En el siguiente enlace puedes obtener ayuda para utilizar esta util herramienta.

Online Image Splitter : Herramienta online para cortar imagenes en secciones de manera facil

Existen paginas web o blogs donde deseamos colocar imagen de muy buena calidad, pero el problema es que muchas veces estas imagenes son muy pesadas y demoran en cargar, lo que puede auyentar a nuestros visitante.

En el siguiente articulo pueden encontrar mas recursos para su web y blog Skout : cientos de recursos para tu web o blog

Online Image Splitter, es una aplicación online gratuita que nos permite dividir las imágenes en secciones y hacer que la carga de la página cuyo contenido principal es una imagen grande sea más rápida

Online Image Splitter es una herramienta gratuita que no requiere registro. Es muy sencilla de usar, sólo tenemos que seleccionar la imagen a cortar y una vez subida podemos elegir:

• la cantidad de columnas y filas;
• habilitar links;
• seleccionar efecto mose-over;
• convertir la imagen final en: JPEG, PNG y GIF;
• seleccionar la cantidad de colores;
• y algunas opciones más.

Muy sencilla, practica y funcional, Online Image Splitter es una interesante herramienta para optimizar la carga de imágenes en nuestros proyectos.

Imágenes gratis para tu web, blog o escritorio

Si necesitas otras cosas aparte de imagenes para tu web o blog te recomiendo revisar el siguiente articulo Skout : cientos de recursos para tu web o blog

Las imágenes son un elemento muy importante para nuestra Web o Blog, ya que la adornan, la enbellécen y como dicen “una imagen vale mas que mil palabras”.

Pero si llenamos nuestra pagina de imágenes va a demorar mucho en descargarse completamente lo cual puede hacer que la persona si salga sin llegar a ver el contenido de esta. Una buena imagen puede llamar la atención y ser de gran utilidad para ilustrar o para atraer visitantes, pero una imagen mala o muy pesada puede espantar a nuestros vistantes.

Conviene utilizar archivos con extensión JPG cuando la imagen a insertar sea una foto. Si nuestra imagen contiene un logo o un dibujo de pocos colores es conveniente utilizar un GIF

Pero muchas veces no sabemos donde conseguir imágenes para nuestros articulos o textos. Si este este es tu caso, aqui te presento este es el listado que he ido recopilando y de donde saco las imágines para para tus sitios web de muy alta calidad y además totalmente gratuitas:

• FreeImages
• FreeFoto
• CNICE
• tOfz
• pixelio.de
• Stock.XCHNG
• Yotophoto (Buscador)
• everystockphoto (Buscador)
• Morguefile
• Flickr fotos libres
• Age foto stock
• Gettyimages
• Corbis
• Spogger
• Banco de imágenes CNICE
• YotoPhoto
• Inter Facelift Fondos de escritorio
• Kavewall
• Pic Findr
• Wikipedia imágenes de dominio público
• Stock Vault
• Dreamstime | Free Photos
• Woophy
• aboutpixel.de
• Abstract Influence
• Dns Fotografia Digital
• Fontplay | Free Photos
• Visipix
• Image*After
• Pixel Perfect Digital
• Big Foto
• FreePixels

Project DogWaffle : Programa para pintar en tu pc

Los programas para pintar sirven para facilitar el dibujo a mano alzada. Podemos hacer diagramas, pintar, crear animaciones, y efectos especiales. Casi todos hemos utilizado el Paintbrush que viene con Windows.

Project Dogwaffle es una herramienta gratuita de diseño grafico para la creación de imágenes artísticas que te permitirá sacarles todo el partido a tus dotes creativas y podrás hacer prácticamente todo lo que se te pase por la cabeza con tus imágenes.

Con una Definición de 'Interfaz' :

---

Consiste en el conjunto de funciones, opciones y otras formas de expresar las instrucciones que ofrece un programa para 'comunicarse' con el usuario. La interfaz más habitual en programas para Windows es la Interfaz Gráfica de Usuario (GUI) proporciona una solución más satisfactoria para el usuario, ya que ofrece un entorno gráfico mucho más cómodo de usar.">interfaz muy intuitiva y fácil de usar, incluye una amplia variedad de herramientas de diseño y edición de gráficos, efectos y filtros especiales, texturas, utilidades para animación y una larga lista de plug-ins.

Project DogWaffle es un producto comercial pero el desarrollador ofrece una versión anterior (V1.2) como gratuita. Soporta los formatos BMP, JIF, JPG, PCX, PIC, PNG, TGA, y TIF.

Si desean un programa para trabajar con imagenes les recomiendo Aviary, edición de imágenes gratis online y mucho más

Taller de videos para Adobe Creative Suite 3

Internet nos brind amuchas opciones y herramientas para aprender sobre cualquier tema que nos interese, ya sea de nuestra profesion o algun hobbie. En muchos casos de manera gratuita. Como por ejemplo lo pueden ver en el siguiente articuloTutoriales sobre Flash, Actionscript, Photoshop, Fireworks, Illustrator, Dreamweaver, PHP, XML y CSS

Se puede utilizar Adobe Creative Suite 3 Video Workshop para comenzar el aprendizaje de cualquier aplicación que sea de su interés, independientemente de si dispone o no de ella. Video Workshop comparte la experiencia de Adobe y de la comunidad de Adobe; de este modo, podrá conocer tareas, sugerencias y trucos por parte de los principales diseñadores, desarrolladores y expertos de Adobe.

Existe un vídeo de introducción a disposición de los nuevos usuarios, mientras que los usuarios más avanzados pueden disfrutar de vídeos acerca de nuevas funciones y técnicas esenciales. La mayor parte de los vídeos muestran cómo utilizar los componentes de Creative Suite de forma conjunta.

Al iniciar Video Workshop, puede elegir exactamente los productos y los temas sobre los que desea obtener información. Si lo desea, puede obtener detalles sobre cada vídeo para ayudarle a definir el plan de aprendizaje. Cada vídeo ofrece un único tema y tiene una duración aproximada de tres a cinco minutos. La mayoría de los vídeos incluyen un tutorial ilustrado y archivos de código fuente, de forma que pueda imprimir los pasos detallados que desee y ejecutar las tareas por sí mismo.

Este sitio es una impresionante galería, vamos a llamarlo, de video tutoriales para cada uno de sus 19 productos Adobe, comenzando por el mismísimo Acrobat 8 Profesional, continuando con los productos ex-Macromedia, es decir Fireworks CS3, Flash CS3, Dreanweaver CS3, Contribute CS3, o los de edición y efectos para video como Adobe Premiere Pro CS3, After Effects CS3 o los de sonido como Soundbooth CS3, o como el poderoso Photoshop, entre otros.

También podrán descargar absolutamente todos los archivos fuente de los que se hablan en cada video-tutorial desde un enlace que podrán encontrar en la esquina inferior derecha de la página.

Image Inc : Crea montajes de imagenes

Siempre buscamos maneras de presentar nuestras fotos de manera mas atractiva. Muchas veces necesitamos hacer montajes con nuestras fotos y no sabemos como.

Si necesitan imagenes para su web o blog, les recomiendo revisar el siguiente articulo Imágenes gratis para tu web, blog o escritorio

Image Inc es otro programa de edición gráfica destinado al diseño y creación de collages en base a todo tipo de objetos gráficos como fotografías, textos, figuras, e imágenes de todo tipo.

Su manejo no plantea ningún problema, una vez descargado y ejecutado el programa, basta con cargar la imagen de base seguida por una imagen capa, a continuación añadir una mascara y el programa lo fusionará todo automáticamente.

Entre las características de Imagen Inc destacar la posibilidad de disponer de 26 efectos para usar en las composiciones que permitirán crear originales montajes o añadir nuevas texturas a fotos ya existentes.

Imagen Inc es una aplicación gratuita solo disponible para Windows XP, Vista y versiones anteriores. Pueden descargar Image Inc desde www.cybia.co.uk.