Category Archives: Tecnologías de la Información

Tecnologias de la Informacion

Creando una aplicación simple en jQuery Mobile

Cómo utilizar jQuery Mobile [Fuente: http://devgrow.com/mobile-web-dev-using-jquery-mobile/] jQuery Mobile es increiblemente fácil de utilizar, tan solo es necesario incluir las librerias js de jQuery Mobile en el header y añadir unos pocos atributos “data” en tu maquetación y ya tienes tu web con jQuery Mobile. Todo el tema de los estilos es manejado por jQuery y […]

jQuery Mobile: Modelo de navegación con Ajax

Una “page” en jQuery Mobile se compone de un elemento (generalmente un div) con un atributo data-role con el valor ‘page’, que generalmente contiene elementos div con roles de “header”, “content” y “footer”, cada una con su maquetación , formularios y widgets customizados de jQuery Mobile. El workflow básico en la carga de páginas es […]

jQuery Mobile: Poniendo Javascript a las páginas

Como jQuery Mobile utiliza un sistema de navegación controlado por Ajax, hay una serie de cosas que debes saber cuando manipulas el contenido del HTML con Javascript. 1.Scripts & styles en el head Cuando un usuario hace click en una web conducida por jQuery Mobile, el comportamiento por defecto del sistema de navegación es utilizar […]

Guía de diseño de webs para móviles

1. Diseñar para dispositivos móviles 1.1. Diferencias entre diseñar para la web y diseñar para dispositivos móviles Gracias a los avances de estandarización de los lenguajes de desarrollo de páginas web para  dispositivos móviles, las diferencias a la hora de realizar webs para distintos dispositivos se han reducido sensiblemente. Sin embargo, aunque técnicamente sea muy similar realizar […]

Manual de HTML5 en español

Fuente: http://theproc.es/2010/1/29/12236/manual-de-html5-en-espanol—1-de-3 El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación “básico” de la World Wide Web, el HTML. Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo problemas con los que los desarrolladores web se encuentran, así como rediseñar el código actualizandolo a nuevas necesidades que demanda la web de […]

Convertir de PSD a HTML

En este tutorial mostraremos como maquetar desde un layout PSD de una web hecha en Photoshop. Como ejemplo vamos a utlizar la nueva maqueta de este site. Queremos maquetar este diseño: 1.- Creación de archivos Crearemos una nueva carpeta que llamaremos “knowDB”, y dentro de esta carpeta crearemos otra carpeta llamada “images”. Abrimos un editor […]

CSS Errores típicos de los desarrolladores

[Fuente: http://sixrevisions.com/css/12-common-css-mistakes-web-developers-make/ ] Dejando a un lado su aspecto exterior de lenguaje fácil, CSS es un sistema complicado, especialmente cuando lo estamos haciendo para una web a nivel profesional. La cantidad de formas diferentes de seleccionar un elemento es inmensa, sin mencionar el número de propiedades que puedes aplicar al elemento (-s) seleccionado (-s) y como […]

CDN: Content Delivery Network y Jquery

Una Content Delivery Network o Content Distribution Network (CDN) es un sistema de computadoras conteniendo copias de datos almacenados en varios nodos de la red. Cuando se diseña e implementa un CDN bien, puede mejorar el acceso a los datos por medio de sistemas de cache con lo que se incrementa el ancho de banda […]

Highcharts: gráficas con jquery

Highcharts es un libreria para hacer gráficas escrita en puro Javascript, ofreciendo una variedad de tipos de gráficas interactivas e intuitivas para tu web o aplicación. Actualmente Highcharts soporta gráficas de los tipos linea, spline, area, areaspline, columnas, barras , tarta. http://www.highcharts.com/

Sonar: analiza tu código

Sonar es un proyecto OpenSource de codehaus.org para analizar la calidad tu código en Java con diferentes tipos de métricas, solo funciona con proyectos construidos con Maven2. Para descargar el proyecto http://sonar.codehaus.org/downloads/