35 ebooks gratis sobre diseño y desarrollo web

Cada vez hay que tener en cuenta más disciplinas a la hora de desarrollar una web (lenguajes, frameworks, css3, html5, responsible design, desarrollo móvil…), pero también disponemos de mucho más material gratuito para aprender y poder avanzar en cualquier disciplina por nuestra cuenta.

En tripwiremagazine han recopilado 35 ebooks gratis sobre diseño y desarrollo web  y que abarcan desde  creatividad, uso de tipografías hasta el gestión con CMS:

35 Useful and Free E-books for Web Designers

Otra web imprescindible es OpenLibra, sección de ebooks libres de EtnasSoft en la que también van recopilando todo el material libre sobre desarrollo y programación web: OpenLibra de EtnasSoft

Infografía: Las propiedades CSS3 más interesantes

Infografía con las propiedades CSS3 más importantes.
Aunque no las soportan los navegadores antiguos, los navegadores de smarphones las suelen soportar sin problemas ya que hay más rotación de dispositivos y no tiene que soportar los caprichos de Internet Explorer.

Utilizando estas propiedades te puedes ahorrar photoshop para casi todos los efectos visutales “2.0″ ya que el propio navegador ya los soporta: bordes redondeados, opacidad, sombras, degradados, etc… con las ventajas de carga en los dispositivos móviles y en agilidad de el desarrollo:

Visto en Oneextrapixel: Quick look into css3 propierties

Primeros días con Google Plus

No quería poner nada hasta ver por dónde respiraba la nueva red social de Google. Después de más de una semana de uso ( y gracias a la invitación de Francisco y Jesus de Goltratec ) ,ver como la gente empieza triplicar los contenidos que mueve en redes sociales (facebook, twitter y ahora Google +), la verdad es que me siento cómodo en ella. Más cómodo que en Facebook.

Para los que no sepan de que va el tema (raro si estás en las redes sociales), Google+ es la nueva red social que ha creado Google que mezcla conceptos de Facebook y de twitter. Algo entre un Facebook con datos más publicos o un twitter con esteróides.

Un detalle que pude no tener mucha importancia pero que es un ejemplo de que parte es la que Google quiere destacar, es la información que puedes adjuntar a tu perfil. Y es la que marca la diferencia del tipo de perfil que va a usar una plataforma u otra.

Los datos que te permite incluir facebook en la información de tu perfil como qué música me gusta, libros que leo, películas o una serie de campos que tengo o vacíos, sinceramente, me importan un pimiento. La gente no es tan plana. No me dice nada, o más bién, nada de valor. Sin embargo, ¿que encontramos en Google+? Aparte de la básica como descripción, trabajo, etc.. podemos añadir las redes sociales a las que perteneces, tus enlaces en delicious, compartidos en Google reader, twitter, blogs, etc… Esa información si me parece interesante. No me digas lo que te gusta, ¡demuéstramelo!

Lo malo de ir a rebufo de la competencia es que a la hora de salir a la calle tienes que cumplir unos requisitos que tu competencia (en este caso facebook o twitter), han ido perfilando con el tiempo y que la gente ya da por básicas en la plataforma: El acceso a su API ¿que aún no tiene páginas de empresa? No pasa nada, ya incluirá google places o cualquier cosa que se le ocurra.

Os dejo unos enlaces con información sobre Google Plus para pillándole la gracia a la plataforma, que al ritmo al que está creciendo, le va a hacer pupita tanto a google como a Facebook. Aunque hay sitios para todas, no tenemos tanto tiempo y al final, el tiempo que dedicas a una se lo vas a quitar a otra.

• Google Plus: La nueva red social de Google en el blog de Grupo Skala. Un buen recopilatorio que se han currado mis compañeros @Kisuxa10 y @belmontedavid
• Todo lo que quiso saber sobre Google+ y no se atrevió a preguntar… en el blog Tus apis por mi cookies. Un post lleno de enlaces para tirarte una semana leyendo :)
• I’m a technical lead on the Google+ team. Ask me anything. Un de los desarrolladores que han trabajo en Google+ responde a las preguntas en la web AnyAsq
• How Google+ could become an essential business tool en The Next Web sobre los usos empresariales de Google+

Le falta integración con Google Reader, api para la creación de apis y programas de acceso para la gestión de la plataforma, etc… Pero acaba de salir. Y fuerte.

Como se suele decir, Google+ ha venido para quedarse.

Enlaces:

• Web de Hector Delgado. Ilustrador y diseñador y creador de la ilustración que abre el post. Gracias por dejarme publicar tu dibujillo, majete :)
• Google +
• Blog Tus apis por mis Cookies
• Goltratec

¿HTML5 o App Nativa para las webs de información turística?

A la hora de facilitar el acceso a la información de un destino turístico desde dispositivos móviles (iPhone, Android, etc..), nos podemos encontrar con el siguiente dilema: ¿creamos una versión de la web optimizada para móviles en HTML5 o una aplicación nativa que corra en el dispositivo?

Mucha gente se hace esta pregunta, pero antes, hay que tener claro que le vamos a pedir a la aplicación: ¿Que quiero que haga la aplicación? ¿Va a tener información general geolocalizada? ¿realidad aumentada? ¿Se puede usar sin conexión?

Viendo muchas de las aplicaciones en la categoría “Turismo”  disponibles en la App Store o el Market de Android, el 95% de ellas podría ser una web app:

• Aprovechan poco o nada el acceso a las características nativas del teléfono (cámara, giroscopios, almacenamiento de datos, etc…)
• No se puede utilizar sin conexión (¿para que descargarla entonces?)
• Y lo peor.. un número de instalaciones casi marginal. (lo del número lo podemos saber en el market de android por que la App Store no te indica las instalaciones ni de forma estimativa)

Si a los problemas anteriores unimos la diversidad de plataformas disponibles ( iOS, Android, Blackberry, Symbian y sus distintas versiones..), la respuesta está clara: salvo que uses Realidad Aumentada u otra tecnología que no soporte el navegador, la mejor manera de facilitar el acceso a la información es creando una webapp en HTML5 y de paso nos saltamos las  peculiaridades o limitaciones de los Market y aprovechamos todo el tráfico que la web principal nos puede traer para que la versión para móvil sea verdaderamente útil.

Algunas ventajas de usar una Web App:

• Acceso universal: Se puede acceder desde iPhone, Android, Blackberry y con algunos retoques, symbian en sus versiones antiguas.Mientras más recursos se le dediquen, más compatibilidad con otros dispositivos.
• Disponibilidad de frameworks que nos van a proporcionar el “look and Feel” de una aplicación nativa: Transiciones, efectos visuales, popups, etc..
• Actualizaciones inexistentes. No hace falta subir la última versiuón al market ni que el usuario tenga que descargar nada: la versión disponible online siempre es el última.
• SEO y Analítica. Estamos hablando de una web, por lo que todos los conocimientos y técnicas SEO también las podemos aplicar en nuestra webapp.

…pero una aplicaciones nativa también tiene sus ventajas:

• Rendimiento. Al ejecutarse de forma nativa podemos optimizar la respuesta a la interacción del usuario.
• Acceso a todos los recursos nativos del dispositivo: cámara, giroscopios, almacenamiento, integración con otras apps, etc.. (HTML5 también puede acceder a los recursos)
• Look and Feel nativo del dispositivo.
• Acceso a la información offline. En HTML5 ya podemos acceder a datos offline, pero es un poco más complicado

Si navegamos por la App Store o Market de Android, casi todas las apps de este tipo siguen la misma estructura:

• Noticias
• Guías
• Fotografías
• Monumentos y directorios geolocalizados

¿Podemos hacer todo ello sin necesidad acceso a los recursos nativos del dispositivo? Creo que si :) (incluso twitter ha creado una webapp en HTML5 de su plataforma)

Si, una versión web optimizada para móviles no es tan “cool” como una aplicación en el market. Pero chico, con 50-100 instalaciones o 500-1000, creo que a muchos “lo cool” les ha salido un poco caro. Cualquier versión móvil, por muy mala que sea, consigue más tráfico.

Que los smartphones dispongan de un navegador que soporta HTML5 nos da la posibilidad de usar muchas de las características a las que antes sólo se tenía acceso desde una aplicación nativa. Sólo hay que poner sobre la balanza las ventajas e inconvenientes de cada opción.

Os dejo un video de la conferencia Google I/O 2011: HTML5 versus Android: Apps or Web for Mobile Development? en la que se muestran de forma muy clara los recursos del dispositivo a los podemos acceder desde HTML5:

Algunos enlaces:

• Native App vs. Web App: Which Is Better for Mobile Commerce?
• HTML5: The Next Internet Goldrush
• Coping with Over Four Hundred Devices: How Netflix Uses HTML5 to Deliver Amazing User Interfaces

Serifalaris 2011. Encuentro de diseñadores en Getxo

Me ha pasado mi amigo y ex-jefe @kamatiko (Javier Gonzalez para los amigos) información sobre un encuentro de diseñadores que se va a celebrar el 3 de junio en Getxo (Bizkaia)

Serifalaris es el nuevo encuentro de diseñadores que se celebrará en Getxo (Bizkaia) el próximo 3 de junio. Un espacio para compartir, aprender y relacionarnos. Un día especial para salir de nuestra rutina y disfrutar de nuestra profesión y pasión.

Serifalari, “palabra bilingüe” (del inglés serif + del euskari -lari). Dícese de aquellas personas a?cionadas a las serifas, pero, ¿qué son las serifas? esas terminaciones de algunos tipos de letras. Serifalaris es un buen atributo para de?nir a los diseñadores grá?cos. Por eso, lo hemos elegido para dar nombre a este encuentro.

Ver el programa de Serifalaris

Una lástima que Getxo me quede a la otra parte de la península :(

Javi, haz fotos y un buén resumen. AGUR!