Este artículo ha sido escrito por José Vega, Webmaster profesional y Diseñador Web. Si te ha gustado este artículo, te invitamos a visitar su Servicio de Creación de Blogs Profesionales

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Hoy en día nos encontramos en la “revolución online”, donde la mayoría de negocios offline desean trascender fronteras e incursionar en el “prometedor” mercado online.

Esta tendencia no solo incluye las grandes marcas, sino también a los “pequeños” comerciantes.

Todos sabemos que el mercado online es infinito, ya que tienes acceso a millones de personas. Pero…

¿Qué necesita un Negocio para incursionar en el mercado Online?

La mayoría de personas creen que con solo tener una página en Facebook, o un perfil en Twitter, están aprovechando “todas” las herramientas, pero están equivocadas.

De hecho, aunque las redes sociales son importantes para todo negocio, son simplemente conectores entre el cliente y vendedor.

El elemento principal para Promocionar un Negocio Online debe ser un Blog.

Pero, porqué debes tener un Blog?

• Mayor Mercado – Mayor Audiencia

Analicemos por un momento, cuantas personas circulan por tu negocio.

Pueden ser cientos o miles, pero nunca serán millones.

Al incursionar en el mercado online, tienes acceso a un mercado infinito. Donde puedes ofrecer tus productos físicos o digitales a millones de personas en todo el mundo!

De esta manera, tus productos tienen muchísima más exposición ante un mercado específico.

• Establece – Mejora la Confianza en tu negocio

Tener un Sitio Web puede mejorar en gran medida la confianza de tus clientes hacia tu negocio. Todos sabemos que entre más grande es un negocio, más confiamos en él.

Si tus clientes ven que tienes presencia offline y online, confiarán que tu negocio es serio y comprometido.

• No esperes a tus clientes, tú búscalos

Sin duda, del 100% de clientes potenciales para tu negocio, solo entre el 1 – 20% pueden visitar tu negocio físicamente, pero el 85% de los potenciales clientes, se encuentran en las Redes Sociales esperándote!

Tú solo necesitas tener presencia en las Redes Sociales y dirigir a todas las personas interesadas hacia tu Blog. Donde les ofrecerás tus productos y servicios físicos o digitales, e incluso puedes efectuar las ventas online.

• Incrementa tus Ventas

Al tener un Blog puedes incrementar las ventas de 2 maneras:

a) Enviando a las personas a tu negocio físico

Esto consiste en mostrar un mapa en tu blog, donde indiques a todas las personas interesadas la ubicación física de tu negocio.

Desventaja: Solo puedes hacer negocios con personas de tu localidad.

b) Realizando Ventas Online

Esta es la manera más efectiva, ya que puedes realizar a personas en todo el mundo. Las ventas pueden ser de productos físicos o digitales.

• Mejora el Servicio al Cliente

Al tener un Sitio Web puedes facilitar bastante el servicio al cliente, brindando vía correo o foros oficiales de tu empresa.

• La mayoría de negocios creen que es demasiado

Este es un punto interesante. La mayoría de propietarios de pequeños negocios consideran que tener un sitio web sería “demasiado”. Ellos creen que su pequeño negocio no tendría ni la menor oportunidad de “triunfar online”.

Quizás tú también pienses así, pero analicemos este punto desde otra perspectiva.

Al considerar la mayoría de tus competidores innecesario incursionar en el mercado online, tú tendrás menos competencia online!

• Mayor Comodidad para tus Clientes

Al habilitar las ventas por internet, tus clientes podrán comprar tus productos desde la comodidad de sus hogares!

• Propio espacio para publicar noticias

Tendrás tu propio espacio para publicar las últimas noticias relacionadas a tu negocio, productos y/o servicios.

Incluso, puedes hacer que tus clientes se suscriban a tu newsletter, así recibirán todas las ofertas y promociones que ofrezcas.

Entonces, tu negocio necesita un Blog!

Ya no pierdas más clientes – no pierdas más dinero!

Si todavía no tienes un Blog, te recomiendo mi Servicio de Creación de Blogs Profesionales, con el cual puedes tener en tan solo 4 días un Blog Profesional, con excelente diseño y listo para promover tu negocio. A precios muy económicos.

El mundo del desarrollo web y del diseño web se ha venido expandiendo en esta última época, especialmente por el auge del HTML5, CSS3 y de una gran variedad de aplicaciones que utilizan Javascript. Es por eso que aquí te traigo una gran recopilación de 179 utilidades y recursos para diseño y desarrollo web que te pueden ayudar a aumentar la productividad en tus proyectos o te ayudarán a ponerle ciertas funciones a cada uno de ellos. Puede que falten más recursos y utilidades, pero aquí solo listo los más destacados, de lo contrario saldría una lista enorme. Si quieres revisar más recursos, puedes ver las recopilaciones que he publicado anteriormente:

• 95 recursos y utilidades para diseño y desarrollo web
• 74 sitios web útiles para desarrolladores y diseñadores web

Este artículo esta dividido en las siguiente categorías:

• Tipografía
• Javascript
• JavaScript del Lado del Servidor
• HTML
• Imágenes
• Diseño
• Iconos
• CSS
• PHP
• Python
• Ruby
• Desarrollo de Aplicaciones Móviles
• Varios

Tipografía

Ir Arriba ↑

slabText

Este es un plugin de jQuery que te ayuda a generar títulos grandes y adaptables al ancho del contenedor.

WhatFont Tool

Plugin de jQuery que te ayuda a averiguar que tipo de fuente esta utilizando una página web.

Unicodinator

Sitio que te permite ver los código unicode de cada carácter para utilizarlos en tus proyectos.

Cupcake Ipsum

Este sitio te genera unos párrafos de prueba para tus proyectos pero con palabras de repostería, pasteles, etc.

Textualizer

Plugin de jQuery que te permite hacer transiciones entre las letras de un texto.

Pomax Font

Añade la función Font() a JavaScript que te permite cargar fuentes asíncronamente y modificar sus dimensiones.

Codepoints

En este sitio puedes encontrar todos los códigos de cada tipo de carácter existente.

Ipsum.me

Sitio que te genera el texto lorem ipsum para poner y probar en tus proyectos.

Trunk8

Plugin de Jquery que sirve para modificar bloques de texto.

JavaScript

Ir Arriba ↑

wmuSlider

Plugin de jQuery que permite deslizar contenido y que funciona con diseños web adaptables.

RefineSlide

Este script te permite deslizar contenido utilizando transiciones con CSS y tranformaciones en 3D. Es compatible con diseños web adaptables.

Royal Slider

Completísimo slider compatible con diseños web adaptables y con eventos touch.

Camera

Slider de imágenes con jQuery también compatible con diseños web adaptables.

Sequence.js

Slider de contenido que utiliza CSS3, también se puede deslizar contenido utilizando el efecto parallax.

FitVids.JS

Con este plugin para jQuery puedes hacer que tus vídeos sean flexibles para diseños web adaptables.

Breakpoints.js

Con este script puede detectar el cambio del ancho de la ventana del navegador y hacer que una función se ejecute en el ancho que quieras.

Ender

Script con el que puedes compilar tus propios paquetes de funciones de JavaScript.

Money.js

Librería que te permite convertir entre diferentes tipos de divisas.

Accounting.js

Con esta librería puedes darle formato a las diferentes monedas, números y divisas en tu proyecto.

Grumble.js

Librería que te permite poner tooltips en tus proyectos.

Validate.js

Librería de JavaScript para validad campos de un formulario.

Moment.js

Este script te permite manipular y dar el formato que quieras a las fechas.

jQuery Transit

Plugin de jQuery para manejar las transformaciones y transiciones de CSS3.

Scrollorama

Plugin de jQuery para poner efectos en el texto cuando se desliza una página.

SuperScrollorama

Versión avanzada del plugin anterior, también para animaciones en el texto mientras se desliza la página hacia abajo.

Qooxdoo

Un completo framework para JavaScript.

Ember.js

Framework de JavaScript para crear aplicaciones web.

Knockout

Esta es una librería que te permite crear interfaces de usuario modificables.

JavaScriptMVC

Framework que utiliza el Modelo Vista Controlador (MVC) para desarrollar aplicaciones.

AngularJS

Otro framework para utilizar en tus aplicaciones web.

Batman.js

Framework para desarrollar aplicaciones web con JavaScript o CoffeeScript.

CreateJS

Un set de librerías que te permiten manejar Canvas, animaciones, audio y más.

Crafty

Librería útil para desarrollar juegos con JavaScript.

SoundManager 2

Esta librería te permite manejar el audio en tus aplicaciones web.

Gauge.js

Librería de JavaScript que te permite insertar y personalizar medidores o indicadores de progreso en tus proyectos.

Sugar

Librería con la que puedes trabajar con objetos nativos utilizando nuevos métodos en JavaScript.

Timeline JS

Esta librería te permite generar lineas de tiempo para presentar en tus proyectos.

CanJS

Framework de JavaScript para crear aplicaciones web.

TypedJS

Esta librería te ayuda a comentar y a probar tu código JavaScript.

Underscore.js

Librería que te permite usar varias funciones adicionales para tus proyectos.

Mousetrap

Con esta librería podrás configurar funciones para que empiecen con un determinado atajo por teclado.

jQuery++

Añade nuevas funciones para utilizar con jQuery.

Rekapi

Librería para hacer animaciones con JavaScript.

Testacular

Útil para probar y depurar tus aplicaciones en JavaScript.

jsLint.it

Este sitio te ayuda a depurar y a descubrir errores en tu código JavaScript.

Jam

Este es un administrador de paquetes para JavaScript.

Singool.js

Framework para desarrollar aplicaciones web de una sola página.

JavaScriptSQL

Un  motor de base de datos totalmente desarrollado en JavaScript.

Locache.js

Este es un framework que te permite cachear objetos del lado del cliente.

Zepto.js

Librería minimalista de JavaScript parecida a jQuery.

BigVideo.js

Esta extensión para jQuery te permitirá poner un vídeo como fondo de una página web.

JavaScript del Lado del Servidor

Ir Arriba ↑

Node.js

Entorno de programación del lado del servidor que utiliza el motor V8 de JavaScript, útil para crear aplicaciones que respondan en tiempo real.

Faye

Extensión para Node.js que crea un sistema de publicación y suscripción a canales de mensajes (pub/sub). Útil para crear salas de chat en tus proyectos.

Socket.IO

Otra extensión de Node.js, esta te permite crear aplicaciones en tiempo real.

Balloons.IO

Con esta extensión podrás crear salas de chat  de múltiples salones.

Express

Framework para crear aplicaciones web con Node.js.

Pubsub.io

Extensión para enviar mensajes en tiempo real.

Flatiron

Framework para desarrollar aplicaciones web con Node.js.

Geddy

Un simple framework para Node.js

RailwayJS

Framework para Node.js utilizado el modelo MVC.

SocketStream

Rápido framework para Node.js para realizar aplicaciones que respondan en tiempo real.

nQuery

Extensión para Node.js que te permite utilizar funciones de jQuery.

Stylus

Extensión para Node.js con la que puedes mejorar el manejo del código CSS.

AppJS

Extensión que te permite desarrollar aplicaciones para Linux, Windows y Mac utilizando Node.js, HTML, CSS y JavaScript.

Socketbug

Este te permite hacer depuración del JavaScript de tu aplicación móvil.

Fab

Framework con el que puedes desarrollar aplicaciones que respondan en tiempo real.

Node.js Database Drivers

Extensión con la cual puedes conectarte a una base de datos y actualizar, insertar o eliminar filas de esa base de datos.

HTML

Ir Arriba ↑

Emailology

Este sitio te ofrece toda la guía necesaria para que puedas diseñar un email en HTML y se vea bien en todos los clientes de correo.

Compare Ninja

Con este sitio puede generar tablas de comparación en HTML y CSS para tus proyectos.

Gury

Librería que te permite utilizar las funciones para crear aplicaciones con el Canvas de HTML5.

oCanvas

Otra librería que te facilita la tarea de dibujar elementos en tu página web con Canvas.

Wysihtml5

Con esta extensión puedes incluir un editor de texto en cualquier parte o formulario de tu página.

AccessifyHTML5

Script que te permite añadir los atributos de accesibilidad ARIA a tus documentos en HTML.

HTML5SQL

Script que te permite trabajar con las bases de datos de HTML5 (Web SQL).

Bizodo

Página en la que puedes crear formularios en linea para usar en tus proyectos.

HTML5 Sortable

Con este script puedes hacer que tus listas se puedan re-ordenar dependiendo del gusto de los usuarios.

Responsive Email Templates

Desde aquí puedes descargar varias plantillas para tus emails y con diseño web adaptable (Responsive Design).

Imágenes

Ir Arriba ↑

Response JS

Script con el que puede hacer que tus imágenes se adapten a la resolución de pantalla del visitantes de tu página web.

Responsive Img

Con este otro script puedes también puedes hacer que tus imágenes se adapten a la resolución de pantalla del navegador.

jQuery Picture

Plugin para jQuery que te permite redimensionar las imágenes de tu diseño según la resolución de pantalla de tu navegador.

bgStretcher

Este plugin te permite poner una imagen de fondo en tus diseños y hacer qu se acople en las diferentes resoluciones de pantalla del navegador del usuario.

Retina.js

Con este pequeño script puedes hacer que tus imágenes se muestren con alta calidad para dispositivos con Retina Display.

Stitches

En este sitio puedes generar tus imágenes sprite para tus diseños.

Avatars.io

Con esta aplicación puedes obtener los avatares de los usuarios de Twitter, Facebook, Instagram, Gravatar e incluso subir un avatar diferente.

TinyPNG

Sitio que te permite comprimir tus imágenes en formato PNG.

Holder.js

Con esta aplicación puedes generar varias imágenes de muestra para probar tus diseños.

Cropp.me

Aplicación web que te permite auto cortar tus imágenes destacando lo más importante.

Backstretch

Plugin para jQuery con el que puedes poner imágenes de fondo para tus diseños y agregarles efectos.

Freepik

Sitio en el que puedes encontrar una gran cantidad de imágenes para descargar gratis.

Placebox.es

Este sitio te ofrece un servicio con el que puedes generar imágenes de prueba para tus diseños.

Image Workshop

Con esta librería puedes modificar tus imágenes, volverlas miniaturas, agregarles marcas de agua, etc.

Duri.me

Con este sitio puedes generar el DataURI de tus imágenes para utilizar en tus diseños.

Kraken

Sitio que te permite optimizar tus imágenes reduciéndoles el peso sin perder calidad en la imagen.

Diseño

Ir Arriba ↑

Hex Words

En este sitio puedes encontrar diferentes códigos hexadecimales para colores, formados por palabras.

Colour Tool

Con esta aplicación puede obtener la paleta de colores del sitio web que quieras.

ColorHexa

Con este sitio puedes obtener información completa sobre un color.

Devoth’s HEX 2 RGBA Color Calculator

Aquí puedes convertir un color de código hexadecimal a código RGBA.

Piknik

Sitio con el que puedes encontrar un color aleatorio desplazando el cursor sobre esta página.

Colors.js

Librería que te permite manipular los colores de tus diseños web.

Colllor

En este sitio puedes generar una paleta de colores a partir de un solo color.

Generate Pattern

Aplicación web con la que puedes generar patrones para tus diseños.

Colorjoe

Útil para insertar un colorpicker en tus proyectos.

Iconos

Ir Arriba ↑

MimiGlyphs

80 iconos de 16×16 pixéles en formato .PSD (Photoshop) y .PNG.

Bijou

155 iconos en tamaño de 10×10 pixéles, en formato PSD y PNG.

Iconmonstr

Sitio en el que puedes encontrar y descargar en formato .PNG o .SVG más de 1000 iconos tipo pictograma para tus proyectos.

Font Awesome

Una fuente iconográfica que te ofrece 200 diferentes iconos para utilizar en tus proyectos.

Font Awesome More 2.0

Extensión de Font Awesome que añade más de 40 iconos a esta colección.

OpenWeb Icons

Desde aquí puedes descargar otra fuente iconográfica con iconos de estándares web como HTML5, CSS3, RSS y muchos más.

UICloud

Sitio en el que puedes buscar entre los más de 26.000 iconos que componen esta colección.

Foundation Icons Font

Sitio que te ofrece una gran variedad de iconos en formato de fuente iconográfica.

Jigsoar

60 iconos en colores blanco y negro y en tamaños de 64×64, 48×48, 24×24 y 16×16 pixéles en formato .PNG y .AI (Illustrator).

Entypo

250 iconos tipo pictograma en formato de fuente iconográfica, .PSD, .PDF y .EPS.

Koloria

Set de más de 160 iconos a color en tamaño de 32×32 pixéles.

Social Media Icons

Un pack de 74 iconos de las principales redes sociales en formato de fuente iconográfica.

Game Icons

Sitio donde puedes buscar y descargar entre más de 900 iconos en formato .PNG y .SVG.

Batch

Set de más de 300 iconos para tus diseños en formato .PSD, .SVG (128×128 pixeles) y .PNG (16×16, 32×32 y 64×64 pixéles).

Endless Icons

Una gran colección de iconos tipo pictograma que puedes descargar en formato .PNG.

Pictonic

Pack que incluye más de 250 iconos en formato de fuente iconográfica.

CSS

Ir Arriba ↑

Adapt.js

Script con el que puedes determina que archivo CSS cargar dependiendo de la resolución de la pantalla.

Foundation

Framework CSS de Diseño Web Adaptable (Responsive Design).

Animatable

Sitio donde se muestran las posibilidades de animación con CSS3.

Amazium

Framework CSS para Responsive Design.

Excssive

Sitio que te permite comprimir tus archivos CSS.

Fbootstrapp

Con este framework puede hacer que tu aplicación se vea como Facebook.

Bear CSS

Sitio en el que puedes generar tu archivo CSS dependiendo de el HTML de tu proyecto.

Linear Gradients

Herramienta que te permite generar degradados para utilizarlos en tus estilo CSS.

Sass

Preprocesador de CSS que te permite tener variables y funciones que facilitan la creación de estos archivos para tus diseños.

Skeleton

Framework para CSS que te brinda todas las herramientas para un diseño web adaptable y moderno.

SpritePad

Sitio con el que puedes crear CSS Sprites fácilmente.

978 Grid System

Framework de CSS basado en un tamaño de 978 pixéles.

Sprite Cow

Lugar donde puedes generar una imagen sprite y modificarla en línea.

Gridpak

Sitio en el que puedes generar un archivo CSS como plantilla para tus diseños con Responsive Design.

Gumby

Framework de CSS para diseños web adaptables en base a 960 pixéles.

Responsive Grid System

Framework de CSS para Responsive Design.

Css2Less

Herramienta en línea para convertir tu CSS en lenguaje LESS.

Pondasee

Kit que te proporciona todas las herramientas para facilitarte la creación de tus diseños.

Responsive Aeon

Framework minimalista de CSS3 para Diseños web adaptables.

Responsive Grid System

Sitio que te facilita la tarea de crear tus diseños con Responsive Design.

Kube

Framework minimalista de CSS para diseño web adaptable.

PHP

Ir Arriba ↑

React

Con esta librería en PHP puedes crear un servidor web así como lo hace NODE.js para tus desarrollos web.

Opauth

Esta librería te facilita la tarea de la autenticación de usuarios para tus aplicaciones web.

Laravel

Framework de PHP que te facilita la creación de aplicaciones web.

PHP: La Manera Correcta

Este sitio te informa de las mejores prácticas que debes tener al programar en lenguaje PHP.

Ratchet

Librería en PHP que te permite utilizar WebSockets para crear aplicaciones que respondan en tiempo real.

Slim Framework

Framework minimalista para PHP para poder programar fácil y rápidamente tus aplicaciones web.

AuthManager

Con esta librería puedes administrar los usuarios y su autenticación en tus desarrollos web.

PHP.js

Librería que se encarga de transformar el código PHP en código JavaScript para ser ejecutado en tus proyectos.

PHP Error

Librería que te permite mejorar los reportes de errores de tus aplicaciones con PHP.

Python

Ir Arriba ↑

WeasyPrint

Aplicación en Python que te permite pasar tus documentos de HTML a PDF.

Subscribely

Aplicación escrita en Python que te permite crear tu propio sistema de suscripción.

Syte

Aplicación que te permite crear un sitio personal en el que se incluyen sitios como Tumblr, Twitter, GitHub, Instagram y más.

Ruby

Ir Arriba ↑

Mercury Editor

Editor WYSIWYG en HTML5 desarrollado en Ruby on Rails.

RubyFiddle

Herramienta en línea que te permite probar tu código de Ruby.

Middleman

Herramienta con la que podrás desarrollar aplicaciones web fácilmente.

Desarrollo de Aplicaciones Móviles

Ir Arriba ↑

iUI

Framework especialmente creado para facilitarte la tarea de crear aplicaciones móviles.

Lungo

Framework para crear aplicaciones móviles compatibles con todas las plataformas.

Spine Mobile

Framework MVC de JavaScript para crear mejores aplicaciones móviles.

jqMobi

Librería de JavaScript con la que puedes crear aplicaciones móviles  con HTML5.

jQuery Mobile

Framework de jQuery especialmente optimizado para aplicaciones móviles.

Dojo Mobile

Framework de JavaScript para crear tus aplicaciones móviles utilizando HTML5.

Sencha Touch

Este es un framework para desarrollar aplicaciones móviles con HTML5.

Wink Toolkit

Kit de herramientas en JavaScript con las que podrás desarrollar mejores aplicaciones móviles.

QUOjs

Micro librería en JavaScript para facilitar la creación de aplicaciones móviles.

Android Views

Sitio desde el cual puedes descargar nuevos ‘Views’ para tus aplicaciones en Android.

Ratchet

Crea prototipos de aplicaciones móviles para iPhone con HTML, CSS y JavaScript.

Varios

Ir Arriba ↑

Responsivepx

Herramienta que te permite probar como se ve una página web en diferentes resoluciones.

Responsive Design Testing

Otra herramienta en línea con la que puedes probar tus diseños en diferentes resoluciones.

Scrolldeck.js

Librería de JavaScript que te permite hacer presentaciones con HTML.

Impress.js

Herramienta que te permite crear presentación al estilo de prezi.com con JavaScript y CSS.

The Responsive Calculator

Sitio que te permite transformar las distancias dadas en pixéles en porcentajes para que tus diseños sean Responsive Design.

Chico UI

Set de herramientas para poner en tus diseños web.

Prism

Librería que te permite resaltar tu código incluido en tus artículos.

Rainbow

Otra librería con la que puedes resaltar el código que pongas en los artículos o tutoriales de tus blog.

Socialite.js

Librería con la que puedes cargar los botones sociales de Twitter, Facebook, etc. al hacer scroll o al pasar sobre un artículo, etc.

Percentage Loader

Librería con la que puedes crear imágenes de carga para tus proyectos.

Fixie

Con esta herramienta puedes rellenar los campos de tus diseños con contenido de prueba (imágenes y texto).

QRHacker

Herramienta en línea para que puedas crear tus códigos QR y personalizarlos.

Browserling

Desde este sitio puedes probar como se verían tus diseños en diferentes navegadores.

OverAPI

Sitio que recopila todas las hojas de referencia de bastantes lenguajes de programación.

Infografía

Ir Arriba ↑

• Smashing Magazine
• Pixelco Blog
• Kabytes
• Web Resources Depot
• SpeckyBoy
• DjDesignerLab

Este es un artículo de invitado de Jaime Guisasola, emprendedor español y director de QUIWIQ Marketing, sitio que te ayuda a diseñar campañas de marketing online.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Transmitir el mensaje correcto debería resultar fácil para quien ya conoce un producto y sabe todo sobre él. Sin embargo, lo que puede parece a primera vista muy sencillo, resulta no ser tan obvio cuando se profundiza más en qué se debe comunicar.

Por norma general, se suele confundir lo que se quiere transmitir y esto es lo primero que debemos tener claro. ¿Qué es lo que queremos transmitir? Uno de los principios básicos del Marketing establece que al transmitir información sobre un producto o servicio, lo más importante es concentrarse en transmitir los beneficios que genera ese producto.

No es la primera vez, y probablemente no sea la última, que cuando le pregunto a algún cliente: “¿cuáles son las ventajas y beneficios de su producto frente a los de la competencia?” no sepa contestarme, o me contesta con un simple “nosotros somos más competitivos” o “nosotros somos mejores”. Sin aportar un porqué. Y es el porqué, lo que realmente hará que su producto se venda.

Otra respuesta muy común ante esa pregunta suele ser la de enumerar todas las características del producto. Algo así como, “nuestro producto tiene tal y cual característica que los de nuestra competencia no tienen”. Y la pregunta que siempre sale de mi boca a continuación es, ¿qué beneficios generan esas características, qué ventajas?

Imaginemos que tenemos un cliente que vende máquinas para hacer palomitas. Tiene máquinas desde 2×1,50 metros, destinadas principalmente al uso en cines, hasta 50×30 centímetros, destinadas para usuarios finales. Además, todas ellas tienen un fantástico look americano de los años 50 y un motor eléctrico de última generación con una lampara fluorescente compacta.

Hasta ahora, sólo hemos transmitido características del producto. ¿Alguien compraría el producto en esta fase? Posiblemente algún comprador desesperado caería en el anzuelo, posiblemente porque se encuentra desesperado y necesita una máquina de palomitas urgentemente. Pero ¿crees que esa simple descripción haría que alguien que ya tiene una máquina de palomitas se plantee substituir su máquina por la tuya? La respuesta, por lo menos en mi caso, creo que es no.

Ahora vamos a traducir esas características en ventajas. Tenemos las mejores máquinas de palomitas porque el sabor de las palomitas que salen de ellas es delicioso pues la temperatura que utilizan para su elaboración es más baja. Estas máquinas le encajarán en cualquier lugar, pues tenemos variedad de tamaños, y le producirán un ahorro energético del 40%, sin que por ello, las palomitas tarden más en hacerse o se enfríen más rápido. Tienen bombillas de larga duración que generan una luz mucho más potente, consumiendo menos y realzando el color de las palomitas, lo que a su vez, aumentará la intención de compra del cliente.

Además, tienen un diseño clásico que se asemeja a los modelos de máquinas de los año 50, mezclando la tradición con la vanguardia tecnológica. Estamos tan satisfechos con el diseño y la mecánica de nuestras máquinas que hemos decidido sacar una versión comercial para vender a usuarios finales, y lo cierto, es que nos ha sorprendido  la amplia aceptación que de momento están teniendo nuestras minipalomiteras entre el gran público.

He aquí la diferencia. Tal vez no os haya convencido para que compréis la máquina de palomitas, pero desde luego algo más os ha tenido que sorprender mi máquina ficticia. La cantidad de beneficios de peso transmitidos por la comprar de esta máquina son cuatro: mejores palomitas, ahorro energético, mayor consumo y un diseño que no pasa de moda…

En fin, que para vender más y mejor,  tanto a través de internet como en persona, lo importante es saber diferenciar las características y los beneficios generados de la utilización del producto o servicio que ofrecemos. Sabiendo combinar ambos de forma correcta, cualquier venta es posible. Muchas gracias por la atención y un saludo.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Existen cientos de maneras de generar tráfico a un sitio web, pero en este artículo, deseo compartir contigo unas tácticas fundamentales que debes poner en práctica.

Estas tácticas las he usado en mis sitios web, y sé a través de mi experiencia personal que funcionan.

Pero, antes de iniciar…

• Necesito aclarar que estás tácticas te servirán para construir un blog o negocio que estará contigo por años, no algo temporal.
• Tampoco son estrategias instantáneas o que luego de un par de meses serán obsoletas…

Bueno, aclarado lo anterior, empecemos!

1- Guest Blogging

La mejor manera de generar visitas para un blog es a través de Guest Posting, lo cual significa escribir artículos para ser publicados únicamente en otros blogs con el objetivo de obtener backlinks y promocionar tu blog ante una nueva audiencia.

Esta es la táctica que he usado para que mi blog destaque rápidamente en la blogosfera.

Si deseas sacar el máximo provecho a esta táctica, te recomiendo tomar el curso gratuito:

“Guest Posting: La mejor herramienta de Marketing para tu Blog”

2- Foros

La siguiente manera de generar tráfico es a través de Foros.

¿Cómo hacerlo?

• Busca foros en tu nicho, e inicia contribuyendo y ayudando a resolver los problemas relacionados a tu nicho.
• NO promuevas tu sitio web rápidamente o directamente, solo intenta ser útil para los demás miembros.

Entonces, ¿Cómo generarás tráfico si no promoverás tu blog?

Al crear tu cuenta en el foro, tendrás que crear tu firma que aparecerá al pie de todos tus mensajes. Ahí puedes colocar la dirección URL y una breve descripción de tu Blog.

Nota: Algunos foros no permiten este tipo de acciones, por ello, debes asegurarte que el foro en el que te registres sí permita.

3- Comentando en otros Blogs

Comentar en otros blogs no es la mejor manera de generar tráfico, pero sí genera un “poco”.

La gran ventaja de comentar en otros blogs es que te ayuda también a darte a conocer con el dueño del blog. Entonces, si comentas en docenas de blogs, las personas te empezarán a conocer, tendrán curiosidad y algunos visitarán tu blog.

¿Cómo debes hacerlo?

• Primeramente, no debes comentar en cualquier blog, porque si lo haces no obtendrás buenos resultados.
• Debes buscar los mejores blogs de tu nicho, y comentar únicamente en ellos.
• Al comentar no olvides colocar la dirección URL de tu blog en el campo “Sitio Web” del formulario de comentarios.
• Nunca comentes sin haber leído el artículo
• Nunca dejes comentarios SPAM = Donde solo hables de tu blog
• Deja comentarios de valor, y de preferencia de al menos 2 párrafos cortos.

4- Marketing de Artículos

Esta técnica es similar al Guest Posting, con la diferencia que los artículos los envías a Directorios de Artículos, no a otros blogs.

¿Cómo hacerlo?

Busca al menos 3 directorios de artículos que tengan un ranking de Alexa menor de 30,000. Luego regístrate en cada uno, lee los lineamientos e inicia enviando tus artículos.

Algunos directorios permiten enlaces afiliados, si es así, puedes colocar algunos en tus artículos y es posible que generes ingresos pasivos con ellos.

5- Entrevistas

Una manera de hacer networking y generar tráfico a la vez, son las Entrevistas.

Esto consiste en entrevistar a algún Top Blogger de tu nicho, y publicar la entrevista en tu blog. Así, el Top Blogger entrevistado compartirá con sus lectores y seguidores la entrevista, enviándo tráfico a tu blog.

Puedes hacer las entrevistas en formato Video (hangout) o de manera escrita.

6- Podcast

Iniciar tu propio podcast es una manera genial de expandir tu alcance. Los Bloggers que han creado un podcast han tenido una respuesta excelente.

En lo personal, no considero esta táctica adecuada para mí, por falta de tiempo.

Pero si tú consideras que tienes tiempo y capacidad de comprar el equipo necesario, no lo pienses más, te sorprenderán los resultados.

¿Qué puedes ganar con un Podcast?

• Generar Visitas a tu Blog
• Crear una comunidad alrededor de tu marca
• Conocer otros Bloggers y Personas de tu industria
• Tener más reconocimiento – reputación
• Entre otras cosas

7- Videos Tutoriales

Si deseas llevar tu actividad como Blogger un paso adelante, la creación de Videos Tutoriales es lo adecuado.

Si no deseas estar al frente de una cámara. Puedes usar únicamente una presentación de Power Point y usar algún programa que grabe tu pantalla y/o voz.

¿Cómo funciona esta técnica?

a) Graba el video, y al final invita a las personas a visitar tu blog

b) Al editar el video agrega al pie un mensaje que diga: “Visita miblog.com”

c) Sube el video a YouTube

d) Al subirlo, coloca en la descripción del video, una invitación y un enlace a tu blog

e) Disfruta de las visitas provenientes del YouTube!

8- Crea un Curso Gratis

Esta es una manera excelente de generar visitas, y fue la táctica principal que utilicé al crear mi blog, la cual me generó visitas y me ayudó a obtener lectores rápidamente.

Si tú estás pensando: Yo puedo crear un curso, pero, ¿Por qué habría de ser Gratis, si puede ser Vendido?

En primer lugar, si recién has creado tu blog y no tienes lectores ni visitas. NO podrás vender un curso, porque no tienes una audiencia que te conozca a ti y tu trabajo.

En cambio si publicas un curso gratuito, las personas lo tomarán. Y al finalizar el curso, ellos ya habrán apreciado tu trabajo, y si les benefició el curso, después no dudarán al comprar un curso Premium (vendido) que ofrezcas.

9- Optimización SEO

El SEO no podía faltar en esta lista, ya que las visitas provenientes de Motores de búsqueda constituyen en promedio el 80% del tráfico de cualquier sitio web.

Por ello, una buena optimización SEO puede posicionarte en los primeros resultados de Google, y así incrementar tu tráfico considerablemente.

Es cierto, Google ha hecho muchos cambios últimamente, pero si analizamos todos los cambios, Google lo único que desea es contenido de Calidad. Nada más.

10- Trabajo Duro

Muchas personas buscan estratégicas instantáneas al tratar de incrementar el tráfico a sus blogs.

Pero, si hay algo que he aprendido a través de los años que tengo de ser Webmáster, es que no existe ninguna fórmula mágica.

Necesitas trabajar duro para lograr tus objetivos, no solo en Blogging, sino en todas las áreas de nuestra vida.

Por ello, instrúyete en el camino correcto del Blogging, y enfócate a trabajar duro siguiendo ese camino, solo así empezarás a ver los resultados reales de lo que son los negocios online.

El Social Media

Aclarando, no he mencionado el Social Media como una manera de generar tráfico, porque yo en lo personal no me he enfocado mucho en ello.

Yo he aprendido que el Social Media es un medio para expresarnos, por ello, la mejor manera para un blog con pocos seguidores, es crear contenido de valor. Así, cuando las personas lo lean lo compartirán.

Entonces, para mí el social media no es tanto “lo que tú harás”, sino “lo que tus lectores harán por ti”.

¿Por qué?

Si tú publicas un post y lo compartes con tus 1,000 seguidores en Twitter, recibirás un promedio de 10 visitas (dependiendo de la hora). Nada más.

Pero si tu artículo recibe 300 visitas, y 100 de ellas lo comparten en Twitter, te pueden generar +200 visitas.

Entonces, el social media es simplemente algo que deriva de tu trabajo duro.

Concluyendo…

Todo lo que te puedo decir es: Crea Excelente contenido, promuévelo de la manera adecuada, trabaja duro constantemente y verás los resultados.

Si te ha gustado este Artículo, puedes visitar el sitio web de José Vega, donde encontrarás más consejos y tips para llevar tu blog al siguiente nivel.

Este es un artículo de invitado de Marc, blogger de Vanuta, blog que te ofrece artículos sobre blogging y tutoriales de diseño y desarrollo web.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Como diseñador o desarrollador web seguramente te habrás encontrado con proyectos de todo tipo. A veces se dice sí a un trabajo sin analizar a fondo lo que tendrás que hacer, cosa que puede llevar problemas más adelante. Cuando te presentan un nuevo proyecto, pararse a pensar si realmente vale la pena, puede ahorrarnos muchas horas de trabajo no deseado.

Conoce el cliente

Es vital conocer un poco el cliente para saber con que tipo de cliente vamos a trabajar. Si es posible, seria una muy buena pista ver anteriores proyectos de ese cliente. Pregunta si te puede mostrar anteriores páginas web para ver que cosas le gustan y que estilo tiene.

Lo importante es sacar información para conocerlo, para hacer directamente lo que a él le gusta.

Entiende lo que él quiere

Me he encontrado con clientes, que quieren una cosa pero no saben exactamente qué. Luego te piden que tu, como experto en el tema les des consejo. Estos tipos de proyecto son peligrosos ya que son los típicos que nunca se acaban. Como el cliente no tiene claro lo que quiere, aunque el proyecto se haya acabado, él va a encontrar cosas que quiere cambiar.

La mejor forma de solucionar estos problemas es haciendo preguntas, para que de las respuestas puedas ir obteniendo pistas de como hacerlo. Además haciendo preguntas vas completando lo comentado en el apartado anterior, el hecho de conocer el cliente para presentar exactamente lo que le gusta.

¡Todo por escrito!

Es básico, importante, fundamental, esencial… y mil adjetivos más, que todo esté por escrito. Antes de empezar a trabajar en el proyecto, poneros de acuerdo las dos partes con el precio, los plazos y todo el trabajo que deberás hacer, escríbelo todo y firmarlo las dos partes. De esta forma nos aseguramos que se tienen claros los costes del proyecto, se acepta la fecha de entrega y se tiene claro el proyecto.

Si el cliente con el que vas a trabajar es de los que se ha comentado anteriormente, que duda de qué quiere y del cómo lo quiere, asegurate de escribir y dejar bien claro como trabajaras. La forma más rápida de solucionarlo, es cobrar al cliente por horas trabajadas, pero hay gente a la que no le gusta trabajar por horas y prefiere cerrar un precio fijo a todo proyecto web.

En este caso, mi recomendación es la siguiente: Después de preguntarle al cliente y tener una idea de lo que quiere, hazle una propuesta siguiendo las pautas que habrás obtenido después de hacerle las preguntas. Le presentas la propuesta y que diga lo que no le gusta y quiere cambiar (¡Apuntalo todo!). Hazle los cambios y muestra el trabajo, en principio, finalizado y con el proyecto completo. A partir de ahí, si quiere hacer las cambios, no tendrás más remedio que cobrarle por horas.

Resumen

Resumiendo lo expuesto en este artículo, si tienes un cliente que duda de lo que quiere, que crees que no tiene claro lo que necesita y va a querer cambiar cosas continuamente, es preferible cobrarle por horas.

Si no es posible, intenta sacar mucha información del cliente, hazle una propuesta y cobra de la forma comentada anteriormente. Y sobretodo, en cualquier caso TODO por escrito y firmado. Si aún has hecho pocos proyectos o con poca gente quizás pensarás que no es necesario… ¡y luego habrá un día que recordaras este artículo!

Este es un artículo de invitado de Ivan Kreimer, director de Tráfico Plus, blog que ayuda a que emprendedores y PyMES puedan mejorar sus rankings, atraer más tráfico y obtener más clientes. Conéctate con Tráfico Plus en Twitter, Facebook o a través de RSS.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Muchos quieren recuperar el posicionamiento luego del último cambio algorítmico de Google, el Pingüino.

¿Y qué es el pingüino?, te preguntarás.

En pocas palabras, es un cambio que Google llevó a cabo para complicarnos la vida a todos los seres humanos.

Dicho de una mejor manera, es un cambio algorítmico que Google llevó a cabo para combatir a todos los oportunistas mal intencionados que querían clasificarse entre los primeros del ranking haciendo trampa.

El problema es que muchas personas confiaron sus páginas a “expertos” que utilizaron estas técnicas en mayor o menor medida. Al llevarse a cabo este cambio, perdieron automáticamente todo lo que habían ganado. Y lo peor de todo es que ahora muchos de los que sufrieron penalizaciones por parte de Google no saben como deshacerse del estigma.

Entonces, ¿cómo recupero mis rankings?

Haces bien en preguntar. Si quieres recuperar tus rankings, existen varias estrategias, las cuales forman parte de una única gran solución. Esta única gran solución es sencillamente hacer las cosas bien, respetando las reglas de juego.

Así que, ¿por donde empiezo?

Optimiza (bien) tus páginas

Lo primero es ver la optimización de tu página. Mirá tus tags y fijate. ¿Están sobre optimizados? Porque si es así, tenés que arreglar eso cuanto antes.

Ahora, entiendo que no sepas que es eso de la “sobre optimización”. No te preocupes, es muy sencillo de entender.

Una página está sobre optimizada cuando las palabras clave (o keywords) son utilizadas a lo largo y a lo ancho de tu página sin control. Existe una regla, llamémosle “regla de densidad“, que dice que no hay que usar una palabra clave aproximadamente más del 1% de tu contenido.

Por ejemplo, si tenés un artículo de 500 palabras, y tu palabra clave es “diseñador gráfico buenos aires”, entonces deberías utilizar esa palabra no más de 5 veces a lo largo del artículo. Si te pasás, es probable que Google encuentre tu página como de mala calidad (o spam).

Peor aún, si la densidad supera el 3%, estás muy mal. No solo complicaría tus chances de clasificar en los buscadores, sino que además empeoraría la semántica y coherencia de tu contenido, lo cual también afecta negativamente tus rankings. Por eso, es necesario que controles este factor a la perfección.

Además, la sobre optimización también afecta otros factores, como los títulos (o title tag), los headers (h1, h2 y h3 tags), las meta keywords (tags que ya no son más utilizadas), entre otros.

Primero, es importante que en tu título aparezca tu palabra clave. Pero éste tiene que tener sentido. Si tu palabra clave carece de semántica (diseñador de buenos aires gráfico, sería un ejemplo), entonces no lo utilices en tu título, porque nadie va a entender porqué alguien se le ocurriría escribir un titulo tan poco lógico.

Con respecto a los header tags, está bien que utilices tu palabra clave en los mismos, pero de nuevo, tienen que tener sentido. Un ejemplo de un h2 tag en esta página sería “Optimizá tu página”, como podés ver más arriba. (De todas formas, esa no es mi palabra clave. Solo usé ese ejemplo como para que te des cuenta de que te estoy hablando.)

Luego, las meta keywords solían ser un factor que tenía importancia, pero ya no, así que ignoralos.

Por último, algo que para muchos es un poco contra intuitivo, es el tema de los anchor text (el texto que aparece en un link). Antes, estaba la costumbre de utilizar el anchor text perfecto. En aquel entonces, se solía usar la palabra clave cada vez que un link apuntaba a la página del artículo con la palabra clave en cuestión.

Por ejemplo, usando el ejemplo anterior, si tu palabra clave era “diseñador buenos aires”, entonces creabas dentro de un artículo cualquiera un montón de links que apuntaran a la página principal de esa palabra clave (lo cual se conoce como keyword targeting), y listo.

Ya no es así. Google quiere ver naturalidad. Por eso, se recomienda que al crear un anchor text, el 70% de las veces utilices tu marca, tu nombre o la URL, el otro 20% la palabra clave dentro de una frase (en el ejemplo anterior, sería “diseñador gráfico de buenos aires” ) y el otro 10% el anchor text perfecto.

El contenido es lo que importa

Seguido de la optimización, tenemos el contenido.

Es importante que a partir de ahora te tomes el trabajo de crear el mejor contenido que puedas. No me canso de repetirlo. Éste tiene que ser, en lo posible, útil, entretenido e instructivo.

Tal vez vos pensás que el contenido no importa tanto porque, a fin de cuentas, Google utiliza algoritmos de computadora, y no personas para analizar las páginas web.

A pesar de que es cierto, actualmente Google sabe como detectar si el contenido es útil o no. Son varios los factores que analiza, pero los más importantes son el factor viral (esto es, si el contenido ha sido compartido en las redes sociales) y el factor analítico (esto es, si la gente se queda poco en tu página o no, entre otras más). No se cómo hace para saber tanto, pero lo cierto es que sabe.

Por eso, es obligatorio que desarrolles el mejor contenido posible. Siempre. Sea escrito, videos, audio o infográficas, tiene que ser excelente.

Lo “black hat” no va más

Relacionado con el contenido, está el link building.

Es bien sabido que existe toda una comunidad de gente que se especializa en crear links de manera poco ética (o sea, que violan los Términos y Condiciones de Google). Existen varias estrategias, como crear centenares de variaciones del mismo artículo, crear pirámides de links, “ruedas de links”, entre otras cosas más.

Similar con la sobre optimización, es esencial que te deshazgas de todas estas estrategias.

Si usaste estrategias como esas, entonces te va a tomar tiempo deshacerte de ellas.
Si alguien las hizo por vos, entonces será más difícil aún. Esto se debe a que vas a tener que utilizar herramientas de análisis de links, las cuales te mostrarán si has usado estas técnicas, y luego tendrás que tomar link por link y pedirle a Google que no los tome en cuenta (lo cual se hace a través de Google Webmaster Tools).

Lamentablemente, el proceso de “despenalización” es un proceso largo y tedioso. Tal vez a la larga Google te vuelva a indexar, pero hasta que eso pase, podés estar muchos meses sin ver resultados.

Pero para que no te deprimas, vale remarcar que ésta estrategia de despenalización, sumada con el buen contenido y una optimización no muy fuerte, puede hacer que recuperes tus rankings más rápido.

Socializá con la comunidad online

Como dije anteriormente, para Google es importante la viralización del contenido. Si éste no es compartido en las redes sociales, es por algo. A fin de cuentas, uno no comparte algo con sus amigos que no vale la pena ser compartido. Uno no quiere quedar en ridículo.

Por eso, sumado con una buena estrategia de contenido, hay que tomar en cuenta a las redes sociales. No solo se necesita tener una cuenta de Twitter y de Facebook. También se necesita saber como comunicarse con los clientes, y como darles lo que ellos necesitan. Por esa razón nacieron los llamados “Community Managers“, los cuales hacen precisamente ese trabajo.

Sin embargo, no tenés porque contratar a uno si respetás ciertas reglas básicas.

1. Diseñá un logo especial para las redes sociales. Lo mismo para la foto de portada, y el fondo de Twitter. Es un detalle, pero cuenta mucho para la imagen de la empresa.
2. Luego, con cada lanzamiento de contenido, es clave que salgas a promocionarlo en las redes sociales. Twitteá a todos los que creas que pueden estar interesados, retwitteá, creá conversaciones, etc. La idea básica es que crees un poco de bullicio, como para agitar las aguas.
3. Publicá el contenido en las horas adecuadas. No es lo mismo promocionar tu contenido a las 11 am que a las 11 pm. No es un detalle menor.
4. Mirá que dicen tus clientes de vos. Conversá con ellos. Haceles preguntas. Interesate. En definitiva, son ellos los que hacen que tu compañía siga viva.

A pesar de que el tema de las redes sociales es largo, lo que importa es que tengas bien en cuenta este factor al momento de buscar posicionarse en los buscadores.

Una imagen vale más que mil palabras

Por último, está el diseño y la usabilidad.

Con este tema voy a ser concreto: no se puede tener un diseño hecho hace 10 años y esperar conseguir clientes hoy. Si hay algo que vale la pena invertir dinero, es en esto.

Pero el diseño no es lo único que importa. También hay que pensar en la usabilidad y en el posicionamiento web.

Primero, pensá que querés obtener de tu página. ¿Más clientes? ¿Más ventas? ¿Mejor visibilidad? Porque de eso dependerá la usabilidad y el diseño.

Pensá en que querés obtener con tu página web, definilo, y creála alrededor de ese objetivo.

Por último, no hay que olvidarse del posicionamiento. Si querés clasificar tu página arriba en los buscadores, entonces creá una página que sea accesible.

Como regla básica, evitá Flash, AJAX y demasiado Javascript. Tal vez mejoren el diseño y/o la usabilidad, pero empeoran la accesibilidad de la página, complicándole el trabajo a Google.

Conclusión

Estas soluciones no son para nada mágicas, ni mucho menos. Como siempre digo, no podés recuperar de la misma manera de la que los perdiste; esto es, haciendo trampa.

Toman tiempo, dedicación y mucho esfuerzo. Pero tarde o temprano, con estas estrategias vas a poder recuperar todo lo perdido.

¿Qué has hecho hasta ahora para recuperar tus rankings? ¿Qué no vas a volver a hacer nunca más? Y ¿qué aprendiste de todo esto?

Este es un artículo como invitado de Mario Germán Reyes (@mager19), blogger de Imaginando la Web, sitio que ofrece artículos para Geeks, Gamers, serie-filos y también para aquellos que quieren conocer más sobre tecnología.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Cada vez que afrontamos un diseño web siempre nos encontramos en la disyuntiva de qué herramientas usar para agilizar procesos y sobre todo hacerlo más sencillo. Con este kit de herramientas (que no quiere decir que sean las únicas que se pueden usar) busca resaltar algunas aplicaciones con potencial y que no son tan reconocidas.

PLACEHOLD.IT

Esta genial herramienta nos permite crear un cuadrado del tamaño deseado y nos sirve para cuando estamos maquetando y requerimos una imagen de un tamaño preciso, Placehold.it hace esto, solo requerimos copiar la URL que se encuentra en su sitio y simplemente reemplazar las dimensiones que deseamos, ejemplo:

La url que se encuentra en la web es <img src=”http://placehold.it/350×150″> si requerimos una imagen de 600×400 solo procedemos a cambiar las dimensiones y listo: <img src=”http://placehold.it/600×400“>

Si colocas esta imagen en tu maquetación veras que se genera una imagen de 600×400.

ADAPTIVE IMAGES

Esta genial script detecta el tamaño de pantalla del visitante al sitio web y crea la imagen a la escala apropiada para cada dispositivo.

TINKERBIN

Genial editor online para realizar pruebas, o crear sitios sencillos, permite crear el archivo html, la hoja de estilos css, y si deseas agregar algo de Javascript lo puedes hacer.

Se muestran 3 áreas de texto en el que se definen los elementos antes mencionados, y lo mejor de todo es que permite una visualización en tiempo real.

Quizás el único defecto es que no permite generar un archivo que se pueda descargar, aunque tiene un botón SAVE, lo que hace es generar una URL para compartirla.

MOQUPS

Para mi parecer (de hecho lo uso) es la más sencilla y práctica herramienta para crear wireframes (modelos del diseño de un sitio web), la cantidad de opciones con las que cuenta, además de la interfaz intuitiva la convierte en una aplicación con un potencial invaluable para ser gratuita.

Algo para resaltar es que cuenta con una versión para Chrome.

RESPONSIVE JS

Herramientas de este tipo se están haciendo abundantes, ya que permiten ver el diseño de un sitio web o su maquetación en diferentes resoluciones, para así probar como se vería si aplicamos Responsive Design.

Esta en particular me parece que por su sencillez, solo ingresar la URL y en la parte de arriba puedes ver los dispositivos que permite, eso hace que nuestro trabajo se más rápido y efectivo.

FILLERATI

Fillerati es una herramienta que nos permite generar elementos de texto, para realizar maquetaciones (muy al estilo de Lorem Ipsum), darle un toque diferente.

¿Por qué? porque el texto generado es de novelas o escrito de grandes pensadores como Julio Verne, Hernan Melville.

Es bueno y muy sencillo.

COLLLOR

Colllor (si con 3 LLL) es una buena herramienta para el tema del color, en el cual debemos escoger un color y automáticamente nos genera una paleta de colores de los posibles que se pueden o deben usar con el color elegido.

Herramientas de este tipo nunca sobran y si has tenido que lidiar con colores poco comunes lo tendras presente.

Esta es la primera entrega de varias que haré mostrando posibilidades, para tener material de sobra para usar en nuestros diseños.

Mucha mas información sobre diseño y muchos otros temas.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Para los implicados en crear desarrollos web es de mucha utilidad tener elementos que les permitan hacer más rápido su trabajo, uno de estos elementos son las características correspondientes a cada color que se trabaja en un contenido. Para los diseñadores y programadores, quienes son los que hacen el contenido es importante contar con una paleta de colores definida para cada proyecto en el que van a meter mano y para esto existen varias aplicaciones web que pueden ayudar a lograrlo con el mínimo de esfuerzo.

Muchas de las aplicaciones que necesitamos deben ser rápidas y compatibles para trabajar en distintos ámbitos, por ejemplo, distintos sistemas operativos.

Para los que son nuevos en esto; las paletas de colores son muestras de color que predominan en una imagen o diseño y que son utilizadas en el desarrollo de un proyecto para definir un estilo. Estas paletas normalmente contienen los colores para diferentes lecturas del mismo, las más comunes son RGB y Hexadecimal, aunque hay que recordar que también tenemos LAB, CMYK (impresos), etc.

 ColorSchemeDesigner
Quizás uno de los más conocidos y utilizados, Color Scheme Designer te permite crear paletas de colores partiendo de un color definido, estas paletas pueden segmentarse por colores primarios, secundarios, entre otros, además de poder exportar estas paletas en varios formatos compatibles con Photoshop, GIMP, XML, entre otros. El servicio no te permite crear paletas de colores a partir de imágenes.

Degraeve
Esta aplicación online te permite sacar paletas de colores a partir de una imagen. Lo único que debes hacer es agregar la URL de la imagen y obtener la paleta, aquí no puedes crear paletas de colores a partir de una imagen.

CSS Drive
Es otra aplicación que cumple con lo que dice y que además conjuga lo que muchos diseñadores y desarrolladores necesitan, poder obtener paletas de colores a partir de imágenes y también poder crear sus propias paletas de colores. Como su nombre lo indica, estas paletas están orientadas a archivos CSS pero también se pueden exportar como Swatches de Photoshop.

Color Scheme Online
La aplicación además de estar disponible online se puede descargar para Windows y Mac. Lo que te permite esta aplicación es obtener paletas de colores a partir de una selección dentro de una gama de colores ya definida, agregando las opciones automáticas para obscurecer o aclarar las muestras. No te permite exportar las paletas en la aplicación web.

Pictaculus
Una de mis aplicaciones favoritas por su sencillez de interfaz es Pictaculus. Esta aplicación solo funciona para obtener paletas de color a partir de una imagen que adjuntas desde tu navegador. Lo simpático de esta aplicación es la facilidad con la que te puedes hacer de tu paleta de colores o compartirla vía mail.

ColoRotate
Una de las aplicaciones con look & feel depurado y atractivo es ColoRotate; esta aplicación esta disponible en iPad y vía web en la cual por medio de un prisma cónico puedes crear paletas de colores bastante elaboradas. Puedes guardar tus paletas y/o compartirlas por redes sociales.

Kuler
Una herramienta patrocinada por Adobe, Kuler te permite crear paletas de colores desde un circulo cromático el cual se divide por 5 puntos que son las muestras de color del cual partirá tu paleta. Este servicio es uno de los más sociales ya que te permite compartir paletas entre usuarios además de encontrar otras paletas que puedan ser de tu agrado.

COLOURlovers

Otra de las herramientas mejor posicionadas es COLOURlovers, este además de ser un creador de paletas de colores, conjuga todo lo que tenga que ver con esto dentro de una comunidad de amantes del color.

Copaso
Copaso es una herramienta de COLOURlovers la cual se define como una herramienta avanzada para la creación de paletas de colores. Al igual que las anteriores puedes guardar, exportar y compartir tus paletas creadas, lo malo, debes registrarte para hacerlo.

Color Explorer
Otra herramienta sumamente potente es ColorExplorer; esta herramienta te permite crear paletas de color a partir de una imagen, crear paletas de colores a partir de una selección y buscar paletas de color ya establecidas dentro de sus librerías.

Este artículo fue escrito por José Vega: webmaster, consultor SEO profesional, y fundador de Bloguea y Gana. Si deseas recibir más artículos de José puedes suscribirte a su Newsletter dando clic aquí.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Si utilizas la plataforma de Blogger y eres un Blogger profesional, o al menos lo intentas, Google tiene buenas noticias para ti. Blogger siempre ha provisto a sus usuarios, la oportunidad de expresar su punto de vista, mientras creas tu negocio online con la plataforma.

Analizando profundamente los problemas y consultas de sus usuarios, el equipo de Trabajo de Blogger ha anunciado recientemente su disponibilidad y procedimiento de contacto para sus usuarios.

Ahora, siendo conocedor de eso, ya puedes sentirte libre de presentar tus consultas al equipo y esperar obtener rápidamente resultados.

Blogger – El Equipo

No hay duda sobre la popularidad y efectividad de los productos que son ofrecidos por Blogger. También se ha comunicado que el equipo de Blogger está dispuesto a solucionar los problemas de los usuarios relacionados a la plataforma.

Como también ha sido creado un equipo global, dedicado a asegurar la calidad del producto.

Cuando contactar al equipo de Blogger

Blogging es una carrera interesante, donde ningún Blogger es perfecto en su negocio, ya que siempre surge algo nuevo en el mercado, y nos vemos en la necesidad de implementarlo. De esta manera, surgen los problemas.

Si tú ingresas a los foros podrás ver que la mayoría de usuarios tienen problemas en los siguientes escenarios:

• Implementación de dominio personalizado
• Implementación nuevas plantillas (diseño)
• Cómo iniciar con la plataforma
• Dificultad en crear una audiencia
• Disminución de tráfico bruscamente
• Problemas con implementación de Google Adsense

Blogger Help Center

El Centro de ayuda de Blogger es donde puedes encontrar todo tipo de noticias sobre las características o presentaciones de la plataforma lanzadas recientemente, conocer más sobre las actividades del Dashboard y mucho más.

Google Feedback

Blogger recibe tu Feedback. Ya sea que tengas algún problema a reportar, nuevas ideas para compartir, o algunas sugerencias

Es muy fácil. Lo único que debes hacer es dar clic en el icono de configuraciones de la plataforma y llenar un formulario de Feedback.

Foro de Blogger

Es esencialmente importante para los usuarios de Blogger ser parte de comunidades activas relacionadas a su nicho. El foro de Blogger es una comunidad oficial ofrecida por Blogger, donde tu encuentras al staff de ayuda de Blogger, y top contribuidores quienes siempre están escuchando y ayudando completamente.

Formulario de Reporte de Abuso

El equipo de Blogger brinda un formulario de abuso donde puedes reportar contenido abusivo o inadecuado en algún blog de Blogger y/o pedir ayuda.

Siendo breve, las cosas cada vez se están volviendo más fáciles en Blogger, si tú eres un usuario de la plataforma, te invito a explorar cada una de las opciones que el equipo de Blogger ha preparado para ti.

¿Qué te parece? Has necesitado asistencia técnica en algún momento, y no has encontrado? Ahora, puedes estar más tranquilo con estas opciones.

Este es un artículo como invitado de Iván Román, blogger de OK HOSTING, sitio que ofrece hosting, diseño de páginas web y dominios.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Tener un curriculum actualizado y con valor es una tarea que cualquier profesional debe tener al día. Muchas veces por precaución o simplemente por estar al día cada uno de nosotros integra nuevas herramientas para hacer más completo su perfil en Internet y esto también va relacionado con su actividad profesional.

En línea existen una serie de aplicaciones que te permiten crear un perfil profesional con una serie de varios pasos sencillos; si tu estas buscando estas herramientas te decimos por cuales optamos nosotros y el porque.

Linkedin

Además de ser una red de profesionales, linkedin te permite crear un curriculum en línea que puede ser consultado por usuarios de la misma red o personas externas a esta. Como dato, en muchos países esta herramienta es la que se utiliza generalmente para validar perfiles e incluso para encontrar personal.

About.me

Aunque es una página concentradora de tus demás perfiles, sirve como escaparate para mostrarte sin tener que invertir mucho tiempo en crear tu sitio web personal. About.me hoy es una referencia para mostrar perfiles sencillos y fáciles de actualizar.

Keyworks

Esta herramienta está patrocinada por Adecco, es una de las más completas en cuanto a la creación de curriculums. La gran ventaja que tiene es que al momento de crear tu cv, tienes la oportunidad de poder aplicar a las vacantes que Adecco tiene para los “socios”. Aunque el diseño no es su fuerte, es funcional.

cvmarker

Una herramienta, fácil y sencilla es cvmarker. Con este servicio puedes crear de forma rápida tu curriculum, así como poder compartirlo y mantenerlo de forma tan fácil como escribir en los campos con tu información y darle un estilo.