1. Responsive design en la Web

    Responsive design (o diseño adaptable) es una metodología de diseño de interfaces que adapta la aplicación al entorno del usuario en función de la resolución del dispositivo. Con JavaScript ya teníamos la capacidad de aplicar esta metodología, pero gracias a las media queries de CSS3 esta forma de diseñar esta cobrando aun más sentido. En el desarrollo de un sitio web el diseño suele plantear problemas mas allá de lo estético, problemas relacionados con la accesibilidad. Uno muy habitual es que el diseño no puede ser estático ya que no se visualiza igual en diferentes resoluciones y dispositivos. Como se aprecia en la imagen superior, el diseño adaptable soluciona este problema moviendo el contenido, ocultando información no relevante o incluso limitando funcionalidad que en algunos dispositivos es irrelevante. El mismo contenido presentado de forma diferente al usuario. La web cada vez es más accesible, por eso debemos tener en cuenta, dentro de nuestras posibilidades, el mayor número de dispositivos posibles.
  2. Resumen de Abril de 2012 en Kabel Sistemas de Información

    El tiempo pasa, es inevitable y ya se acaba Abril. En este mes de Abril hemos seguido alimentado este blog y nuestros compañeros de bases de datos y business intelligence han seguido en la línea del pasado Marzo y nos han hablado de su área de expertice. Sitecore proporciona aplicaciones de software a nivel empresarial que resuelven los problemas de hoy en día para una amplia gama de empresas y organizaciones. El software de Sitecore consiste en plataformas de gestión de contenido web (“WCM”),  Customer Engagement Platform (CEP) y Marketing Digital System (DMS) aportando integración con todos los canales sociales y automatización integrada de campañas de marketing y comercio electrónico. Este mes de Abril, se ha culminado el acuerdo entre Kabel Sistemas de Información y Sitecore, habiendo obtenido la acreditación Sitecore Certified Partner, de esta forma, podemos ofrecer soluciones con esta tecnología. Siguiendo la estela de la gente de base...
  3. Interfaces móviles con Codiga

    Codiga es un servicio online que permite hacer prototipos rápidos de aplicaciones móviles basadas en jQuery Mobile. Existe un periodo de prueba gratuito de 30 días y posteriormente dos planes de pago según las necesidades (más información). La interfaz es muy sencilla como se puede ver en la imagen superior. Creamos las diferentes páginas y arrastramos los componentes hacia el dispositivo móvil. Una vez que finalicemos el proyecto, podemos exportarlo haciendo clic en el botón “Download HTML”.     Gracias a la compatibilidad que ofrece jQuery Mobile con las principales plataformas móviles y a la rapidez con la que podemos diseñar la aplicación con Codiga, podemos tener una interfaz móvil con excelentes resultados en muy poco tiempo.
  4. Testeando las capacidades de los navegadores móviles con Ringmark

    Ringmark es una suite de pruebas basada en la web que mide la compatibilidad de los navegadores móviles con las capacidades que requieren las aplicaciones modernas en dispositivos móviles. Las pruebas están basadas según las especificaciones de sus autores. Dichas especificaciones están organizadas en grupos de características representadas por anillos. Cuanto mayor sea el anillo, mayor complejidad para hacer las pruebas, o en otras palabras, es más difícil tener compatibilidad con diferentes navegadores. Gracias a Ringmark y después de realizar el análisis de la aplicación a desarrollar, podemos determinar que especificaciones podemos usar en función de los requisitos. Por ejemplo, una determinada  funcionalidad que podía quedar a cargo del cliente (navegador), nos veremos obligados a realizarla en el servidor para poder tener compatibilidad total con todos los dispositivos que se exigen (Windows Phone 7 Mango, iOS 5.x  y Android 3.x) y así tener una misma experiencia en las principales plataformas. En la imagen anterior vemos que la especificación Background de CSS3 no...