40 APIs para diseñadores web y programadores

Una API (Application Programming Interface) es un conjunto de reglas y especificaciones que los programas de software pueden seguir para comunicarse o relacionarse con cualquier otro.

Como sabemos los desarrolladores, hay cientos de APIs para hacer casi cualquier cosa imaginable online. Algunas son mejores que otras, y algunas definitivamente más útiles que otras.

Entre otras, tenemos:

• APIs de Google, entre las que se encuentran la de Places, Geocoding, Blogger, Calendar, YouTube,  etc.
• APIs de Yahoo!, entre las que están Flickr, Delicious, Meme, etc.
• API de Twitter
• API de Facebook
• API de Digg.
• ....

Resto del artículo (fuente original).

Tests en Javascript

Cuando trabajamos con lenguajes dinámicos como Javascript los tests son mucho más importantes que en lenguajes estáticos. Ahora que he empezado a usar mas Javascript en la vida real y tener cosas más complejas que aplicaciones básicas con node.js o Knockout, mantener el código funcionando se hace más complicado y los tests más necesarios.

La principal razón por la que los tests son más necesarios se porque no hay una fase de compilación como tal. Esto provoca que no podamos detectar fallos hasta el momento de ejecutar la aplicación, pero sobre todo impide aprovechar las capacidades de análisis estático de un compilador moderno.

Resto del artículo (fuente original).

Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)

Desarrollo de Aplicaciones Windows 8 Apps con HTML, CSS y Javascript.

Accceso a blog oficial de Microsoft en el que podemos acceder a la dercarga de la "Second Preview" (en formato pdf) del título oficial de próxima publicación orientado al desarrollo de aplicaciones para Windows App Store con HTML, CSS y Javascript.

Acceso, igualmente, a los vídeos y soluciones que tratan en el libro. Lo que ellos llaman, "Second Preview’s companion content"

Aquí el enlace.

Microsoft HTML 5

Links a páginas que pueden ser de interés

Channel 9 MSDN

• Acceso a 6 lecciones acerca del funcionamiento de HTML 5 (Fundamentos HTML5, XHTML, CSS, Working with Canvas…)

• Building Windows 8 Metro style casual games using HTML 5, video de ayuda para desarrolladores de HTML%/Javascript para el desarrollo de su primera aplicación Metro Style App

• Acceso a varios videos donde explica el funcionamiento de HTML5, la forma de trabajar…

• Acceso a un tutorial y a contenidos orientados al desarrollo de nuestra primera aplicación Windows Store App

MVA – Microsoft Virtual Academy

• Donde, una vez registrado, podrás acceder a contenidos docentes en desarrollo para Windows 8 con HTML5 entre otros

Tutorial HTML 5 para principiantes

Se trata de un tutorial (en inglés, pero como es para beginners... no problem!) para comenzar con HTML 5 y sus etiquetas.

Cuando se haya completado este tutorial, se tendrá un conocimiento básico del HTML y sabrá obtener un dominio y construir un sencillo website.

Resto del artículo (fuente original)

ASP .NET, creando Custom Validators

Pese a que los validadores (de .NET) llevan en nuestras algunos cuantos años (si no recuerdo mal, Microsoft los introdujo en la versión 2.0).

Pero han sacado una versión 2 del framework web, y en éste han incluido un nuevo framework. Aquí, han metido una serie de validadores específicos que cubren los típicos escenarios como validación de la presencia, tipo de datos o intervalos[...].

Resto del artículo (fuente original)

Otra guía más de conceptos básicos de jQuery

Por ahí se dice que es el tutorial definitivo para aprender jQuery de un modo rápido, sencillo y eficaz. Vosotros mismos....

Aquí está el enlace.

Tutorial de Backbone.js

Una excelente introducción a Backbone.js, y además.... en castellano!!

Llevo un tiempo analizando y aprendiendo a trabajar con la librería Backbone.js y me parece una librería estupenda para desarrollar aplicaciones JavaScript. El mayor problema que estoy encontrando es la falta de tutoriales y documentación al respecto, y por ese motivo he decido crear un pequeño tutorial donde se analice el funcionamiento de la librería. Este tutorial lo iré desarrollando poco a poco en distintas entradas, intentando resaltar los aspectos más importantes y analizando cada uno de sus componentes.

Resto del artículo (fuente original)

Páginas para desarrolladores Android en inglés

Además de los mejores recursos para Android en español nada es comparable con la inmensa cantidad de contenidos en inglés.

Android developers: La referencia oficial de Android. Podemos encontrar en ella el SDK y una guía de referencia cubriendo la mayor parte de los temas necesarios para crear tus propias aplicaciones en Android, desde lo más básico hasta guías para publicar en Google Play o para optimizar procesos.

Stackoverflow: El mayor lugar de preguntas y respuestas sobre programación. Los usuarios votan las mejores respuestas a una pregunta, lo que hace que éstas aparezcan más arriba en la página. Todo lo que puedas preguntarte ya se ha tratado antes en esta página, seguro. Es la referencia de cualquier lenguaje de programación, y Android no iba a ser una excepción.

Vogella: Impresionante blog con una cantidad inmensa de tutoriales. En el apartado de Android podemos encontrar una referencia completa para aprender sobre cualquier tema. Los apartados son muy extensos y altamente detallados, por lo que es casi imposible no encontrar lo que buscas aquí. Además tiene la gran ventaja de que los va actualizando a la última versión de Android, algo que no ocurre en la mayoría de las páginas y que sirve de mucho para estar al tanto de todas las novedades sobre el API.

Android UI Design Patterns: Como bien he querido hacer ver en la serie de posts sobre interfaces de usuario que inicié hace poco, la parte visual es casi tan importante como la funcionalidad. En ocasiones incluso más, porque un usuario puede dejar de usarla simplemente porque no le guste su apariencia. Es por eso que este blog nos será de mucha utilidad para tomar sus ideas como referencia.

Android Patterns: En la línea de la anterior, pero de una forma muy visual, nos dan ideas sobre los patrones de diseño más empleados para aplicaciones Android. Excelente opción para inspirarse a la hora de diseñar nuestras propias aplicaciones.

Si conoces alguna otra página que pueda ser de utilidad, coméntala en la parte inferior de esta entrada.

Resto del artículo (fuente original)

Mejorar la apariencia de la interfaz de usuario en Android

Centrándonos en los aspectos relacionados con la apariencia visual, sobre todo en los colores y decorados, los consejos para este caso son los siguientes:

1. Utiliza colores y diseños simples

El minimalismo está a la orden del día, y no es sólo un capricho o una moda pasajera. La tendencia a destacar el contenido sobre el continente consigue evitar distraer al usuario con lo que rodea a la información y conseguir que se centre en lo que realmente importa. Esto es más significativo si cabe en aplicaciones móviles, donde cualquier adorno innecesario nos hará malgastar el ya de por sí reducido espacio de pantalla.

2. Emplea gamas cromáticas complementarias, y con poca cantidad de colores diferentes

Los colores empleados en el tema de un diseño deben ajustarse a una gama de colores que permitan ser combinados entre sí. Es una tarea complicada de llevar a cabo a ojo, pero hoy en día existen muchas herramientas útiles para esta tarea, como puede Color Scheme Designer. No te excedas con la cantidad de colores a usar, dos ó tres serán más que suficientes para la mayoría de los contextos. Escoge tus colores y cíñete a ellos en todas las pantallas de tu aplicación.

3. Evita los efectos de relieve

A diferencia de los degradados o los sombreados, que usados con cuidado pueden darle un toque profesional a nuestra aplicación, los efectos de relieve deberían ser eliminados de la interfaz. Destruyen la sensación de limpieza que conceden las estructuras planas y le otorgan un aspecto tosco al conjunto. Recuerda: lo importante es el contenido, no incluyas elementos innecesarios que puedan distraer la atención.

4. Crea un alto contraste entre la letra y el fondo

Este detalle es siempre importante en cualquier aplicación para facilitar la legibilidad y evitar que la vista se canse, pero más aún en una aplicación para un dispositivo móvil, que en ocasiones se emplea en situaciones extremas de luz, como puede ser la exposición directa al sol.

5. Evita los negros puros sobre los blancos

Al igual que es importante el contraste, un exceso del mismo puede resultar perjudicial. Prueba a sustituir los negros por grises oscuros para letras con fondo blanco. A la inversa, por el contrario, funciona bastante bien, aunque no estaría de más que probases con algún tono de gris muy claro sobre los fondos negros.

6. Aporta imagen de marca

A nadie le va a llamar la atención de primeras una aplicación cuya apariencia es igual a la de otros miles de aplicaciones. Al final la funcionalidad es lo más importante, pero al usuario medio se le suele ganar por el impacto inicial, y este se puede conseguir con una mínima personalización del tema básico.

7. No abuses de bordes y recuadros

Siguiendo con el aspecto de la limpieza visual, recomiendo tratar de minimizar al máximo los bordes y los recuadros innecesarios. La interfaz Holo de Android ya ni siquiera enmarca por completo las cajas de texto. Ese el estilo a seguir.

Resto del artículo (fuente original)