Crear una página en línea.

Algunos consejos para principiantes.

Tu nivel de conocimientos informáticos es limitado y no te sientes hábil con las computadoras? entonces la solución es utilizar un editor en línea para crear tu página. Esta opción es mucho más sencilla debido a que no utiliza ni programación ni ningún otro concepto complicado.
A menudo encontrarás servicios todo en uno, que incluyen los nombres de dominio, hosting y la asistencia para la creación de páginas web. Existen varios proveedores, con diferentes servicios y precios. Casi todos los editores ofrecen un sistema por etapas para crear una página web; En primer lugar eliges un diseño, después agregas páginas, sus contenidos y luego pones todo en línea.

Las ventajas 

Aquí las principales ventajas de los editores en línea:

Cientos de plantillas disponibles para crear una página web. Los diseñadores suelen proporcionar varios modelos para tu página. Solamente eliges el que más te guste! No es necesario de un programa para edición de fotos o conocimientos de programación para tener una hermosa página.

Soporte técnico disponible y gratuito. Ya sea por el sistema de correo electrónico o por teléfono, el soporte técnico está siempre disponible para ayudarte!

Los planes incluyen todo. El alojamiento, el nombre de dominio, correo electrónico, etc. No hay necesidad de buscar un proveedor para cada aspecto de tu página, porque todo está incluido con la suscripción!

La referencia web es gratuita. El equipo se ocupa de poner disponibles tu página en los principales motores de búsqueda como Google, Yahoo, MSN, etc.

Crear una página de manera fácil y rápida: unos pocos pasos son suficientes para crear, mantener y poner tu página en línea!

Accesible desde cualquier lugar, sin necesidad de descargar. Debido que los editores están en línea, no es necesario descargar programas para editar tu página o para acceder al servidor de archivos (FTP)! Una conexión a Internet es suficiente para modificar tu página!. La puedes modificar los 7 días de la semana, las 24 horas del día desde cualquier computadora. No más esperas, ni recargos adicionales.

Tips a tener en cuenta en el diseño web.

Puntos claves a la hora de diseñar una web.

El diseño es de suma importancia en todas sus áreas, sin embargo, se tiene que poner atención en la que va directamente relacionada con el medio más atractivo para los usuarios hoy en día, y es que según el Estudio de consumo de medios digitales 2013 de AMAI, el 28% de la población pasa 4 horas en promedio del día navegando por internet, cuando sólo el 20% de la población le dedica 3 horas diarias a ver la tv por cable, lo que nos indica una mayor atención en masa y en tiempo a internet, el medio más utilizado.
El diseñador demuestra su creatividad en la creación estratégica y gráfica del diseño web de los sitios de cada marca, donde atrae a su mercado meta, un buen diseño web marca notablemente la diferencia.
A continuación te mostramos 8 tips en los que debe poner atención el diseñador del área web:
1. Crear Poder de Confianza hacia la marca en el Consumidor:
Dar las herramientas necesarias en contenido del portal a cerca del producto/servicio, sacar provecho de los beneficios, los problemas que ayuda a solucionar, entre más información se genere, más confianza en la marca tendrá el mercado meta. No sólo debemos limitarnos a dar a conocer características físicas.
2. Crear estructura mediante el diseño:
Crear gráficos que sean capaces de guiar al espectador hacia alguna acción determinadas, esta se maneja mediante las características de color, tamaño y forma.
3. Accesibilidad y usabilidad:
Son aspectos tan importantes en una página web debido a que la audiencia se puede frustrar por el tiempo esperado o la dificultad para navegar y salga huyendo de su página.
4. Gráfico visual llamativo:
El logotipo debe de causar impacto, compenetración e identificación del mercado meta con la marca, colocarlo en el lugar estratégico dentro de tu sitio web (tomando en cuenta el diseño estratégico en la estructura), llamará a ala acción de entrada.
5. Diseño móbil:
El 14% de la población se conecta a internet desde su smartphone y la tendencia va en aumento (según el estudio de consumo de medios digitales en 2013 AMAI) lo que lleva a los diseñadores y creativos a encontrar la manera de enganchar a la audiencia con el diseño móvil, aplicaciones de interés que tengan como finalidad utilidad o beneficio para el consumidor, esto generar una recordación de marca en la vida diaria que se convierte en lealtad.
6. Tecnología de punta:
con el crecimiento antes mencionado de los internautas móviles las tecnologías evolucionan también, es importante incursionarlas en las nuevas “pantallas”, generará novedad e interés.
7. Elementos simples:
No se necesita poner muchos gráficos, entre menos mejor, la idea es una comunicación gráfica que sea capáz de atrapar la atención del mercado meta. La simplicidades es tema básico.

450 recursos premium gratuitos para diseñadores web.

Pack de diseño para mejorar las posibilidades de tu sitio web. 

Inky Deals, una de las comunidades de diseñadores web más importantes que existen en la actualidad con más de 300.000 miembros, acaba de lanzar un interesante paquete de recursos premium gratuitos. Entre los cerca de 475 freebies que incluye este pack dedicado a mejorar las posibilidades y trabajo de cualquier diseñador, desarrollador o webmaster, podemos encontrar desde texturas, plantillas, patrones, fuentes, botones o iconos... todos ellos de calidad y temática variada.
Valorado por el equipo de Inky Deals en más de 500 dólares este repertorio ahora gratuito ofrece además la posibilidad de previsualizar cada uno de los recursos incluidos antes de la definitiva descarga, de modo que sea posible conocer al detalle aquello que nos parece puede encajar con nuestra búsqueda.
Interesados pueden acceder a más información y descarga de estos +450 recursos premium gratuitos para diseñadores web desde www.inkydeals.com.

Claves para hacer una pagina de aterrizaje.

Formstack te ayuda en el diseño de una landing page.

Una landing o página de aterrizaje es una página web usada como entrada a un site para usuarios que acceden a través de banners o anuncios de texto situados en otras páginas webs.
Una landing page perfecta debe seguir determinadas pautas que ayuden al usuario a centrar su atención en el producto o contenido promocionado.
En Formstack presentan una interesante infografía donde se recogen 10 de las claves que todo diseñador y/o desarrollador debe tener en cuenta a la hora de llevar a cabo una landing page o página de aterrizaje.
Entre las recomendaciones que vamos a encontrar destaca la importancia concedida al título, la relevancia del uso de vídeos e imágenes, la fuerza del uso de un determinado color o la situación del contenido destacado dentro d e la página.

Visual Studio 2013 listo para descarga.

Microsoft lanza una nueva versión de su popular plataforma de desarrollo.

Confirmando las informaciones que en la TechEd de Nueva Orleans del pasado mes de junio, se dieron a conocer, Visual Studio 2013 acaba de ver la luz con un aumento de sus herramientas y posibilidades para crear una nueva generación de aplicaciones.
Tras la llegada de Visual Studio 2012 hace apenas 12 meses, Microsoft lanza uno de sus productos estrella entre desarrolladores, con mejoras en todos los aspectos de la herramienta. Entre esos cambio destacamos mejoras en ALM, mayor funcionalidad, incremento del rendimiento, mayor integración de sus herramientas de ASP.NET, compatibilidad con el desarrollo de aplicaciones para Windows 8.1, junto a algunos cambios en la interfaz de usuario.
Cabe destacar que el precio de Visual Studio 2013 asciende a 499 dólares, no obstante aquellos usuarios que se actualicen desde la versión 2012 podrán hacerlo por 99 USD siempre que lo hagan antes del próximo 31 de enero de 2014 momento en el cuál el precio subirá hasta los 299 dólares. No obstante lo anterior, todos aquellos que deseen una versión gratuita de este entorno de desarrollo integrado para crear aplicaciones, tienen a su disposición Visual Studio Express 2013.
Interesados pueden encontrar completa información oficial de sus posibilidades y características desde visualstudio mientras que la descarga de todas las versiones, gratuitas y de pago, así como software adicional, está disponible desde Microsoft.com.

Google presenta Dart 1.0, su alternativa a Javascript.

Lenguaje de programación de Google para el desarrollo de aplicaciones web.

Tal y como ha sido confirmado por su equipo de trabajo en la conferencia Devoxx, la llegada de la versión 1.0 significa que Dart está listo para los sitios web en el mundo real.
Superando una fase de prueba que ha durado dos años desde que Google presentará en sociedad este lenguaje orientado a objetos, Dart SDK 1.0 se autoproclama como “un lenguaje de programación sencillo pero potente que incluye herramientas robustas y bibliotecas estándar completas”.
Con este lenguaje de programación Google ha centrado parte de sus esfuerzos en que su tecnología sea fácil de aprender y empezar a usar para los programadores JavaScript, solucionando algunas de sus principales deficiencias relacionadas con la escalabilidad y la organización, así como aprovechando varias de sus virtudes. No obstante lo anterior solo el tiempo dirá la compañía líder de Internet logra su proposito o si en cambio éste no es el enésimo lenguaje de programación efímero que pronto pasa al olvido.
Interesados en conocer con todo detalle la llegada de Dart 1.0, así como las características y posibilidades de este proyecto de código abierto pueden acceder a dartlang.org.

WDD: todo tipo de recursos gratuitos para la web.

Recursos de diseño web gratuitos.

WebDesigner Depot es un popular blog en inglés sobre diseño y desarrollo web donde encontrar todo tipo de tutoriales y temas de actualidad.
Entre esta colección de contenidos hoy quereemos llamar la atención sobre una sección dedicada de forma íntegra a recursos gratuitos destinados a la web y conocidos como freebies, con los que cualquier usuario interesado va a poder acceder a su descarga sin necesidad de “pasar por caja”.
Entre los “regalos” que vamos a poder encontrar en WebDesigner Depot hay colecciones de iconos, texturas, plantillas de sitios web, patrones, botones y todo tipo de elementos de una interfaz gráfica. Además esta sección permanece en constante crecimiento por lo que nuevos recursos son añadidos cada cierto tiempo.
WDD es sin duda una plataforma imprescindible para todos aquellos que se dedican al diseño web resultando de especial utilidad para los amantes de los recursos gratuitos y de calidad.

Open Click Art, recursos grauitos para cualquier uso web.

Repositorio de libre acceso para ser usados en un proyecto web.

En nuestro intento de encontrar plataformas que ofrezcan contenidos gratuitos que mejoran el diseño de nuestra web, hoy queremos presentaros un proyecto llamado Open Click Art.
Open Click Art es una comunidad de recursos de calidad en constante ampliación con los que podemos darle a nuestro proyecto web el toque personal que estamos bucando.
Especializado en todo tipo imágenes de calidad, este repositorio ofrece sus recursos para cualquier tipo de uso personal o comercial, además incluso es posible bajarlos, modificarlos y volverlos a incluir en tu site sin ningún problema.
Tanto si eres un usuario en busca de recursos gratuitos como si eres un diseñador con ganas de mostrar al mundo tus habilidades no dejes de darle un vistazo a esta plataforma online.

Zepto.js una alternativa liviana a jQuery.

Librería Javascript orientada al mundo móvil.

Zepto.js es un framework Javascript que con poco más de 5Kbs es una alternativa compatible con jQuery especialmente dirigida a determinados entornos exigentes.
Este proyecto open source liberada bajo licencia MIT que usa la misma sintaxis que jQuery ofrece una estructura completamente modular que nos permite cargar únicamente aquellos archivos que necesitamos en cada parte concreta de nuestra aplicación.
Esta librería interesante para aplicaciones móviles donde reducir al máximo la transferencia de datos ofrece soporte con Safari 5+, Chrome 5+, Mozilla Firefox 4+, Opera 10+, y practicamente cualquier navegador basado en WebKit.
Interesados pueden encontrar completa documentación de la versión estable de Zepto.js desde zeptojs.com.

MixItUp crea listas de contenidos en tu website.

Filtra, ordena y añade efectos a una lista de elementos con este interesante plugin jQuery.

MixItUp permite gracias a  jQuery y también a CSS3 crear paneles de contenidos que nos permitan ordenarlos por categoría, según nombre, de forma aleatoria….
Si bien con jQuery decidimos qué elementos deseamos mostrar u ocultar en nuestra lista de elementos, las transiciones CSS3 se utilizan para poderlos animar. El plugin trabaja bien con diseños Responsive Web Design, es ligero y funciona bastante rápido.
Este plugin jQuery es completamente funcional en cualquier navegador que soporte CSS3, entre los más destacados incluimos Firefox 4 o superior, Chrome 4 o superior, Opera 10.5 o superior, Safari 3.1 o superior y también Internet Explorer 10 o superior.
MixItUp es un proyecto libre que es posible usar en proyectos personales y comerciales de forma completamente gratuita. 

Colección de Iconos sociales metálicos gratuitos.

Coleción de iconos con los que mejorar nuestro diseño web gratis.

El equipo de trabajo de CreativeNerds ha creado a petición de algunos de sus usuarios un set de iconos sociales de alta calidad con un aspecto metálico muy interesante.
Esta colección de recursos para diseñadores es completamente gratuita tanto para un uso personal como para proyectos comerciales por lo que está listo para ser implementado de forma inmediata en cualquiera de nuestros diseños.
Estos 12 iconos metálicos se corresponden con la imagen de plataformas sociales tan importantes como Facebook, Twitter, Digg, Youtube o LinkedIN entre otras.

Iconos gratuitos en todos los colores

Interesante proyecto en el que podemos encontrar el icono que necesitamos.

Icons DB es una plataforma web incluye un extenso set de recurso en constante crecimiento que se pueden descargar en cualquier color.
Con más de 2 millones de descargas desde su lanzamiento todos los iconos de Icons DB se pueden utilizar libremente en proyectos personales y comerciales.
Esta colección de recursos incluye los formatos ICO, PNG, JPG, GIF y ocho tamaños diferentes que van desde 16x16 pixeles hasta 512x512 pixeles.
La web del proyecto clasifiica los iconos entre los recientemente añadidos, los más populares o los más preciados. Además podremos hacer búsquedas según el motivo del icono o incluso su color, de forma que podamos cubrir las necesidades de nuestra web o aplicación.
El principal inconveniente es la incapacidad para descargar todo el pack, ya que se ofrece solamente la descarga de iconos de forma individual.

Textillate.js animación de textos en tu sitio web.

Plugin jQuery para mejorar la experiencia de todos los usuarios que visiten nuestro website.

Textillate.js es un pequeño plugin para animar textos en un website utilizando para ello la potencia de CSS3.
Este recurso incluye una variada cantidad de efectos que permiten configurar la animación a nuestros gustos y necesidades. Además es soportado a la perfección en las últimas versiones de los principales navegadores web. (Ojo con aquellos navegadores obsoletos que no aceptan propiedades CSS3).
Textillate.js simplifica el trabajo de cualquier desarrollador web que desee implementar este tipo de efectos animados para ello usa utiliza las librerías animate.css y lettering.js, además del mencionado jQuery.
Interesados pueden acceder a más información, descarga y una demo donde ver las posibilidades de Textillate.js desde jschr.github.com/textillate.

Anatomía de una Homepage Efectiva.

Guia para sacar el máximo rendimiento a la página de inicio de nuestra web.

La homepage es la página principal de un sitio web, es en definitiva la primera URL a la que acceden nuestros usuarios a través de su navegador web y que por tanto se convierte en el escaparate con el convencer a cualquier interesado de que somos lo que está buscando.
En atención a su relevancia los chicos de KISSmetrics han llevado a cabo una imagen infográfica bajo el título "The Anatomy of an Effective HomePage" donde poner el acento en el cuidado que debemos tener al llevar a cabo el diseño y estructura de la página de inicio de nuestra web.
No importa el tipo de website que queramos llevar a cabo ya que una homepage bien diseñada debe contener elementos como logo, buscador, menú de navegación o contenido con los que lograr aquellos objetivos que tenemos interés nuestros usuarios lleven a cabo de forma que un simple vistazo el usuario deba percibir toda esta información.
Esta interesante infografía con la que sacar el mejor rendimiento de site está a tu disposición de forma integra desde blog.kissmetrics.com 

Colección de Iconos sociales metálicos gratuitos.

Colección de recursos con los que mejorar nuestro diseño web.

El equipo de trabajo de CreativeNerds ha creado a petición de algunos de sus usuarios un set de iconos sociales de alta calidad con un aspecto metálico muy interesante.
Esta colección de recursos para diseñadores es completamente gratuita tanto para un uso personal como para proyectos comerciales por lo que está listo para ser implementado de forma inmediata en cualquiera de nuestros diseños.
Estos 12 iconos metálicos se corresponden con la imagen de plataformas sociales tan importantes como Facebook, Twitter, Digg, Youtube o LinkedIN entre otras.
Interesados en acceder a esta colección de iconos sociales pueden hacerlo ya de forma forma completamente gratuita desde creativenerds.co.uk

Iconos gratuitos de calidad con Batch.

Colección de recursos libres para usar en nuestros diseños web.

Batch es un conjunto de iconos de alta calidad pensados para hacer más fácil el trabajo de todos aquellos interesados en mejorar la experiencia de su website.
Esta colección de uso completamente gratuito tanto en proyectos libres como comerciales permite embellecer y mejorar la usabilidad de nuestra web o interfaz de usuario.
Pese a tratarse de una plataforma de recursos gratuitos Batch comenzó siendo un proyecto comercial creado por Adam Whitcroft @AdamWhitcroft que ofrecia sus iconos a cambio de precio.
Actualmente hay más de 300 iconos en formato PSD, SVGs (128x128) y PNGs (16x16, 32x32, 64x64) aunque Batch es un proyecto vivo que está en constante actualización y mejora.

Screenfly, simulador de resoluciones para webs.

Interesante herramienta muestra cómo nos ven nuestros usuarios desde todo tipo de dispositivos.

La web multidispositivo hace tiempo que ya está aquí, no obstante todavía existe un déficit en la comunidad de webs en español en cuanto a la aplicación de técnicas como Responsive Web Design.
Screenfly es un herramienta online desarrollada por Quicktools que nos permite visualizar un sitio en resoluciones de navegadores de escritorio, tablets, smatphones y hasta los navegadores presentes en algunos televisores y así llegar a ser consciente de algunos déficits de nuestra web.
Simplemente con introducir la URL de nuestro site o blog, esta herramienta simula de forma automática la visualización que un usuario tiene en múltiples resoluciones y dispositivos dando una idea exacta de la experiencia que estamos ofreciendo a nuestros usuarios.
Además de lo anterior el equipo de Quicktools también dispone de una aplicación web llamada Wires con la que ayudar a construir wireframes directamente desde el navegador si necesidad de plug-ins, aplicaciones de Flash.....
Screenfly y Wires están disponible de forma gratuita para cualquier webmaster interesado, sin necesidad de registro previo o descarga de software.

COLOURlovers: color, diseño y web.

Plataforma online dedicada al diseño.

COLOURlovers ofrece a todo aquel interesado en el diseño web una gran cantidad de información y recursos relacionados con el color con los que facilitar de forma importante el proceso creativo.Si simplemente estamos buscando una paleta de colores para incluir en nuestro proyecto, deseamos compartir un patrón, o encontrar información sobre la última tendencia cromática COLOURlovers dispone de las herramientas y servicios para ayudar a cualquier diseñador interesado.
Esta popular plataforma posee cierta dinámica de red social y cuenta con más de 2 millones de usuarios, 5.6 millones de colores, 2.2 millones de paletas y 2,6 millones de patrones.
Desde la inspiración del diseño hasta la ejecución todos los contenidos son ofrecidos por categorías a través de una interfaz bien organizada y de fácil manejo que permitirá sacarle partido tanto a usuarios con más experiencia como a aquellos que dan sus primeros pasos.

Skrollr, increible scroll para tu web.

Librería Javascript para animar nuestro website mientras hacemos scroll.

Skrollr es una herramienta con la que mejora sustancialmente nuestra web gracias al efecto parallax.
Esta pequeña librería Javascript (3k zipeada) permite animar las propiedades CSS de cualquier elemento de acuerdo a la posición de la barra de desplazamiento horizontal.
Skrollr es una utilidad open source interesante para aquellos diseñadores que busquen mejorar la experiencia de navegación de sus usuarios y que no tienen demasiada experiencia en JavaScript ya que casi todo es definido dentro de los elementos HTML.
Scroll parallax, es un tipo de desplazamiento (scroll) tan de moda últimamente y que es capaz de crear una ilusión de profundidad al mover los elementos web en diferentes velocidades.
Interesados en más información, demos, ejemplos y descarga de Skrollr pueden hacerlo desde prinzhorn.github.com/skrollr/

Vanity, recursos jQuery para tu site.

Mejora tu website gracias a esta colección de recursos gratuitos para desarrolladores.

Vanity es un set de plugins jQuery creados por el responsable de 52Framework.
Esta interesante colección que además está en constante evolución incluye por el momento 7 plugins como jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder, y jCollapse, con las que simplificar muchas de las tareas más comunes de un desarrollador front-end.Creadas con la idea de ofrecer una colección de recursos funcionales, livianos y sencillos, capaces de ser soportados por los principales navegadores web las distintas herramientas que podemos encontrar en Vanity están disponibles todavía en fase de desarrollo.