Categories
FrontEnd Design Portfolio UI/UX

Responsive design

Internet ya está dentro de todo, ya no accedemos a la red de redes únicamente desde los ordenadores.

Navegamos desde als pequeñas pantallas de los móviles hasta en grandes monitores o pantallas de smartTV en nuestros salones, pasando por los cada vez mas habituales tabletas.

Al diseñar una web tenemos que ser conscientes de ello, podemos hacer una versión para cada uno de los dispositivos o utilizar la tecnica que llamamos Responsive Web Design (RWD o Diseño web Adaptable) que trata de hacer  una plantilla elástica que se adapte a lso diversos anchos y mediante css y un poco de js recolocar los elementos según el tamaño de la pantalla.

Por ejemplo en pantallas grandes podemos mostrar un layout con varias columnas, imágenes a gran tamaño y menús completos, en pantallas de móvil mostraremos el m ismo contenido en una sola columna, escalando las imágenes y ocultando menús.

Aquí un proyecto sencillo utilizando esta técnica.  Es un site realizado en WordPress al que he diseñado un theme a partir del 1140gs.

http://www.ecodigest.cat

 

Categories
Tecnología UI/UX

IOS5 vs ICS

IOS5 vs ICSAndroid, IOS, Windows Phone, BlackBerry, … que Sistema Operativo movil es mejor?

Para mi la característica fundamental de un SO tiene que ser la usabilidad, en este sentido Apple tiene mucho camino ganado, ha sabido enfocarse en este aspecto aunque a veces dejando de lado otros temas (multitarea, personalización, etc.)

Apple y BB también hacen muy bien la promoción, la mayoria de usuarios optan por uno de estos sistemas porque simplemente desconocen las posibilidades de Android.

Microsoft había perdido el carro y ahora con WindowsPhone está luchando para su cuota de mercado, pero sólo con dinero no se puede comprar el tiempo perdido.

Apple siempre ha sabido reconducir las mejores ideas tecnológicas, adaptarlas y venderlas,  no ha inventado nada aunque sea la sensación que ellos y muchos medios nos quieran dar. Tablets hace años que existian, también dispositivos táctiles e interfaces de usuario novedosas, Apple ha sabido unificarlas, hacerlas mas usuables y venderlas, y eso no es poco.

Google es muy fuerte, tiene muchos recursos y tiene internet como foco, y eso hoy en dia es esencial. Android en poco tiempo ha conseguido ser un SO muy potente.

Podemos decir que los SO móviles ya son maduros, cada vez mas completos y mas potentes (mucho mas potentes que muchísimos ordenadores de escritório que encontramos en la mayoria de oficinas).

Estas nuevas versiones de Google (Android 4 Ice Cream Sandwish) y Apple  (IOS5) las encentro muy cercanas en prestaciones. Claramente se han inspirado  mutuamente para sus actualizaciones, como las notificaciones en IOS5 o la usabilidad en ICS.

Personalmente me sigue gustando mas Android, básicamente porque es un SO abierto, flexible y personalizable.

En IOS encuentro a faltar la posibilidad de añadir widgets en pantalla y una mayor integración con el Cloud, y no sólo con el suyo ppropio. En definitiva, es un SO cerrado ya que juega que tiene un mercado muy grande lo que ayuda a crear este gueto o comunidad de “fanáticos” de Apple.  😉

¿Que opinais vosotros?

 

 

 

Categories
FrontEnd Design UI/UX

10 herramientas básicas para el diseño web freelance

Trabajar como freelance requiere generarse un entorno adecuado para realizar con éxito los proyectos, dedicar el tiempo necesario en un espacio físico adecuado y tranquilo lo mas alejado posible de distracciones (domésticas, ociosas, etc.)

En este post reflejo mis 10 herramientas fundamentales para el desarrollo de mis tareas, no son todas ni son las mejores, simplemente son con las que me siento mas cómodo.

Lo indispensable es un hardware, en mi caso un ordenador portátil ligero pero potente, con buena pantalla (16″, 1600x900px) y tarjeta gráfica dedicada. He elegido un portátil porque si se da al caso puedes transportarlo a casa del cliente, reuniones o trabajar ocasionalmente fuera de la oficina. Para mas comodidad en la oficina tengo un monitor extra (23″, 1920×1080) y un ratón y un teclado completo mas ergonómicos, así como una impresora que cada vez utilizo menos. Para estar conectado permanentemente e incluso realizar alguna tarea (consultar y responder emails, twittear, etc) se ha hecho indispensable un móvil con tarifa de datos, en mi caso un Android de HTC. También dispongo de un pequeño netbook con SO Jolycloud que por su ligereza (menos de 1kg) transporto a eventos o reuniones dónde el móvil se queda corto y  el portátil pesado.

A pesar que en este mundo OSX de Apple es el SO mas utilizado como Sistema Operativo, en el portátil de oficina actualmente utilizo Windows 7.

Las aplicaciones básicas las podemos dividir en 2 tipos, las desktop (que te instalas localmente en tu ordenador) y las online (aplicaciones y u utilidades que viven y funcionan en la internet, “la nube”). Para mi el ideal seria que todas estuviesen en la nube, por lo que no dependerías de un hardware único y concreto sino que podrías acceder a ellas desde cualquier dispositivo. Existen aplicaciones gráficas y de programación online, pero aun no son lo suficientemente potentes y manejables para poder desarrollar un proyecto con agilidad. Actualmente de las 10 aplicaciones que mas utilizo únicamente tengo 3 instaladas en mi ordenador (el navegador, el editor gráfico y el editor web)

  1. Navegador web: Es la aplicación reina, siempre abierta, además de  buscar información es el puente para utilizar todas las aplicaciones, herramientas y utilidades online, así como, gracias a sus plugins, ayudarme a realizar algunas tareas básicas en el desarrollo web (inspeccionar y ajustar códigos, capturar pantalla, etc.). Actualmente utilizo Chrome por su velocidad y simplicidad aunque también tengo instalado Firefox, Safari, Explorer y Opera para testear los sitios que desarrollo.
  2. Editor gráfico: Los diseños, después de plantearlos por escrito y esbozarlos en papel hay que plasmarlos en imagen. En este caso Fireworks de Adobe es mi segundo software mas utilizado ya que está específicamente pensado para este propósito (diseño web). Puntualmente utilizo Photoshop para algún retoque fotográfico, y flash y algún editor de vídeo para las animaciones.
  3. Editor web: Para maquetar y “picar código” (HTML, CSS, PHP, js, …) desde ya hace muchos años utilizo Dreamweaver, también lo utilizo como administrador de ficheros y cliente FTP de mis sitios.
  4. Email: El correo electrónico es fundamental, y poder disponer de él desde cualquier dispositivo (móvil, netbook, tablet, etc) y desde cualquier sitio es vital, por eso he optado por  Gmail de Google, es rápido y potente y en él tengo todas mis cuentas de correo. Desde el mismo utilizo la mensajería instantánea que ofrece la plataforma de Gtalk integrada y sin salir de la web.
  5. Ofimática: Aun Microsoft Office es la suite más utilizada, yo en local la he sustituido por Open Office (abierta y gratuita), pero básicamente utilizo Google Docs para lealizar los presupuestos, facturas, presentaciones, etc. ya que estos documentos se quedan en la nube y puedo consultarlos y editarlos desde cualquier sitio.
  6. Almacenamiento/backups: Disponer de una copia de seguridad de tus ficheros, sincronizarlos desde los diversos ordenadores y a la vez poder acceder a ellos desde cualquier sitio ha hecho de Dropbox una herramienta imprescindible.
  7. Redes Sociales: Estar al día, ver que hacen los colegas, observar tendencias, compartir conocimientos, etc. etc. hacen las redes sociales un medio que  ningún profesional puede despreciar. En LinkedIn tengo mi CV y mis contactos mas profesionales (posibles clientes), twitter es básico para intercambiar feedback con los colegas de oficio y facebook con el mundo en general.
  8. CMS: Para construir y, a posterior, gestionar una web, la mejor alternativa es utilizar un gestor de contenidos (Content Manager System) WordPress es gratuito, sencillo y potente gracias a la cantidad de desarrolladores y plugins que dispone esta plataforma.
  9. RSS: Existen cantidad de blogs interesantes, siempre dedico un momento al día para consultar los posts nuevos en el agregador de feeds, en mi caso Google Reader.
  10. Gestor de tareas: Gestionar las tareas es básico para una buena productividad, y más si trabajas en equipo.  Hiveminder es una buena plataforma online para este menester.

Después en mis bookmarks tengo infinidad de enlaces a herramientas para cosas mas específicas y a multitud de librerías de iconos, tipografías, imágenes, plantillas, tutoriales, etc.

¿Cuales son vuestras herramientas esenciales?

Categories
Tecnología Video

Tethering

Cada vez disponemos mas dispositivos que se mueven con nosotros, el indispensable móvil, el portátil o netbook, y dentro de poco no podremos estar sin un tablet PC al estilo del iPad.

Estos dispositivos no sacan todo su partido si no están conectados a internet, de esto se han dado cuenta las operadoras telefónicas y han “boicoteado” las redes Wifi libres para que acabemos contratando sus tarifas de datos 3G, realmente es una teconogía que funciona muy bien pero que nos sale muy caro sobre todo is queremos conectar varios dispositivos directamente o con modems 3G USB o mifis.

La solución es sólo tener un aparato conectado a internet y pagar una sola cuota, el móvil siempre lo llevamos encima y convertir este en un router wifi no es técnicamente complicado.

Android lo ofrecerá en su versión 2.2 (Froyo), tanto por conexión Wifi como por cable USB

iPhone OS 4 parece que sólo la ofrecerá via USB o bluetooth y, conociendo a Apple sólo sera accesible desde otros dispositivos de la manzana.

Especiamente pensado para los poseedores de un iPad (que pasará c on los que se han comprado el modelo 3G?)

Lamentablemente es esperable que las operadoras tenga esta opción deshabilitada en los terminales subvencionados, o como parece en el caso del iPhone la activaran previo pago.

Categories
Social Media

Buzzear vs Twittear

Google tiene 2 grandes herramientas, su buscador y el gmail, no son herramientas sociales en el hecho que no han logrado crear experiencias parecidas a las que nos da Twitter o Facebook, lo intentan con Orkut pero solo funciona en Brasil y Wave ha sido un bluf ya que no es lo que muchos esperábamos.

Buzz puede que consiga lo qua han estado buscando, hacer mas social tu perfil de Google.

Hace pocas horas que lo han anunciado y aun no me aparece en gmail, pero sí en el Goggle Maps de mi android dónde se puede intuir su potencial.

A primera vista es una capa mas en el mapa donde te muestra la gente que está alrededor y lo que dicen … Me ha recordado a Foursquare, pero creo que va mas allá, son cosas diferentes y complementarias.

Si en Twitter la gente twittea en Buzz la gente Buzzea.

Buzzing, buzzear, rebuzzear, rebuzz, … van a ser términos que tenemos qua añadir ya a nuestros tags habituales.

¿Creeis que Buzz va a ser una seria competencia a Twitter o Facebbok?

Categories
Social Media

Foursquare

No hace mucho que he subido un escalón mas en esto de la conectividad y los socialmedia, desde que tengo el Android HTC Tatoo estoy siempre online, la cuota de 12€ mensuales que pago por estar siempre conectado a Internet las amortizo con creces, ya que llamo menos y envio menos SMS.

Twittear, publicar fotos y vídeos directamente desde el móvil y sobretodo repasar el email (básicamente mirar si hay algo urgente y borrar lo que no interesa) son las tareas que hago mas a menudo desde este gadget que deja de ser meramente un teléfono.

Una utilidad mas que ya solía hacer con Twitter,  es ahora mas facil con foursquare.

Foursquare

Existe tanto para iPhone, Android y BlackBerry y básicamente es una aplicacion que nos permite de manera muy sencilla, y gracias al geoposicionamiento, indicar dónde estamos y si el sitio no existe lo podemos dar de alta y al momento actualiza tu estado en Twitter y/o Facebook.

Cierto que en principio parece una cosa para frikies y/o geeks, yo me he nganchado un poco ya que existe una clasificación en base de los puntos que te dan segun los sitios donde hayas estado o añadido, no regalan nada, pero es una manera para que la gente añada posicionesy aumente la base de datos.

Con una herramienta como esta, por ejemplo, 11870 hubiese ampliado su base de datos mucho mas rápido.

Lo bueno de foursquare es quu disponen de API, con lo que su integración en otros medios sociales abre mucho las posibilidades de la herramienta.

Sobretodo lo veo muy útil en el tema del turismo y/o de recomendaciones de restaurantes y locales en general.

Es una primera versión y seguro que en poco tiempo veremos como evoluciona y se hace aun mas social.

Mi perfil: http://foursquare.com/user/xarop

¿Cómo creéis que evolucionarán este tipo de herramientas?