20 octubre 2012

Google crea gratis una versión móvil de tu web.

Google nos ayuda a adaptar un sitio a la realidad web de hoy en día.

Google, la compañía líder de Internet en colaboración con dispone de un proyecto con el que adaptar nuestro site a una realidad que hace tiempo que ya es algo más que una tendencia en la web.
En este sentido varios son los estudios e informes que apuntan datos como que en 2013 se calcula que habrá mas usuarios navegando en Internet desde dispositivos móviles que desde equipos de escritorio.
Como debes saber, el hecho de que tus usuarios puedan ver tu web desde su smartphone o tablet no significa que ofrezcas una experiencia de usuario móvil capaz de responder a características como rapidez, simplicidad de navegación, manejo táctil o adpatabilidad a diferentes resoluciones y dispositivos.
Ahora, para convertir tu web en móvil Google ha llevado a cabo un proyecto desde el qjue simplemente debemos realizar un sencillo test desde www.haztuwebmovil.com para comprobar que experiencia móvil estamos ofreciendo en la actualidad y posteriormente seguir los pasos indicados en www.howtogomo.com para crear una versión de tu web a adaptada a smartphones, tablets y cualquier dispositivo móvil.
Esta interesante plataforma para adaptar tu negocio a la realidad de hoy se puede llevar a cabo sin necesidad de conocimientos técnicos ni de programación y de una manera completamente gratuita.
Además de lo anterior desde www.haztuwebmovil.com vamos a poder encontrar interesante información en español acerca de las ventajas de adaptarse al móvil, guías sectoriales y recursos adicionales para hacer nuestra web móvil.

15 octubre 2012

LoremPixel: imágenes de prueba para tu diseño web.

Interesante servicio que rellena nuestra web con imagenes de prueba.

LoremPixel bautizado de forma extraoficial como el Lorem Ipsum de las imágenes es un nuevo servicio gratuito con el que de forma sencilla vamos a poder introducir imágenes de relleno en nuestro diseño.
Este generados de imagenes de prueba resultará especialmente interesante para todos aquellos que quieren tener una experiencia aproximada del resultado final del proyecto en el que estén trabajando.
LoremPixel
ofrece dos opciones para lograr nuestro objetivo y evitarnos perder tiempo en busca de imagenes de prueba, por un lado podemos utilizar directamente su generador para obtener imágenes del tamaño, categoría y color deseado, o también podemos incluir una determinada imagen en nuestro diseño con la etiqueta img src y una de las 6 URLS que son ofrecidas para obtener una determinada configuración de imagenes.
Las imágenes proporcionadas son únicamente para fines de diseño y se distribuyen bajo la licencia Creative Commons. Caso de querer usar cualquiera de esta imagen con otro proposito debemos recibir la correspondiente autorización.
Este servicio online completamente gratuito ha ofrecido cerca de 200 millones de imagenes a dieñadores web de todo el mundo.



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.



02 octubre 2012

Code Snipets: el código para tus proyectos web.

Coleción de fragmentos de código con los que mejorar tu trabajo de desarrollador web.

Los chicos de CSS Tricks, plataforma web para todos aquellos interesados en mejorar sus habilidades y conocimientos web, tienen una interesante biblioteca abierta de snipets lista para ser usados por cualquier desarrollador y/o diseñador interesado.
Esta recopilación de fragmentos de código es un recurso muy recomendable para tenerlo siempre a mano e incluye snippets de tecnolologias y lenguajes como CSS, PHP, jQuery, WordPress, htaccess, o JavaScript.
Entre los snippets que podemos encontrar destaca el centrado vertical en CSS, la creacion de tablas o listas con efecto, almacenamiento de los errores de PHP en un archivo o cómo evitar cacheo de CSS en WordPress.
Así que si estás buscando una amplio repositorio de código con una importante cantidad de snippets listos para ser implementados en tu desarrollo, noi dejes de darle un vistazo a css-tricks.com/snippets.