Desarrollo móvil multiplataforma
 

[Tutorial Sass] II – Anidación, Variables, Funciones e Importación

  Tras ver cómo instalar Sass y cómo configurar nuestro entorno de trabajo, ha llegado el momento de analizar en profundidad qué funcionalidades nos ofrece y descubrir la potencia que esconde este preprocesador CSS. En este artículo analizaremos la sintaxis del metalenguaje y comprobaremos cómo podremos generar hojas de estilo más ricas a nivel semántico y […]

[Tutorial SASS] III – Mixins, Interpolación y directivas de control

Seguimos analizando las funcionalidades ofrecidas por Sass donde empezaremos viendo los mixins, una de las más útiles a la hora de trabajar con este preprocesador. También veremos cómo funciona la interpolación y conoceremos algunas herramientas más que nos ofrece su sintaxis como los bucles @each o los condicionales @if. Mixins Un mixin es un fragmento de […]

[Tutorial Sass] IV – Ejemplos de uso y recomendaciones

Ahora que conocemos la potencia de Sass, vamos a ver algunos casos prácticos donde podemos ver cómo podemos hacer uso de Sass a la hora de abordar operaciones cotidianas de maquetación CSS. También veremos alguna recomendación a la hora de utilizar Sass. Ejemplos de uso Prefijos de navegadores en propiedades CSS3 Al utilizar algunas propiedades […]

[Tutorial Sass] I – Instalación y primeros pasos

¿Qué es Sass? Si todavía hay algún despistado que no sabe de lo que estamos hablando, SASS es un metalenguaje para escribir hojas de estilo que nos ayudará a generar ficheros CSS más optimizados, incorporando mayor contenido semántico a nuestras hojas de estilo y permitiendo utilizar funcionalidades que normalmente encontraríamos en lenguajes de programación tradicionales, […]

Tutorial Sass en Español

Si desarrollas con Ruby, para tí Sass será un viejo conocido, pero si desarrollas para otras plataformas puede que te pase como a mí, que aun conociendo de su existencia y sabiendo de sus virtudes te cueste dar el paso a empezar a utilizarlo, pues son muchos años escribiendo CSS directamente. Para solucionar ese problema, […]

Tutorial de Backbone.js – VI. Sincronización y persistencia

Introducción Y por fin llegamos al último tema del tutorial sobre Backbone.js, el cual dedicaremos a ver los mecanismos de persistencia y sincronización con el servidor que nos ofrece la librería. En el tema 2 donde abordamos los Modelos vimos cómo podíamos crear, modificar y borrar modelos en nuestra aplicación, pero en ningún momento dijimos cómo […]

Tutorial de Backbone.js – V. Routers

Introducción En la programación web tradicional es normal hacer routing en el servidor y según la URL solicitada ofrecer un contenido u otro. Por ejemplo, una URL como blog.com/post/5 podría significar que debemos mostrar una determinada entrada de un blog. Las aplicaciones JavaScript basadas en una única página no tienen esta separación de contenidos ya […]

Tutorial de Backbone.js – IV. Vistas

Introducción Las vistas en Backbone son clases de control que nos ayudarán a representar nuestros modelos dentro de la interfaz de usuario de nuestra aplicación, detectando eventos de modificación para realizar las actualizaciones correspondientes. Realmente las vistas no realizan un tratamiento directo sobre el HTML o CSS de tu aplicación, y Backbone espera que utilicemos […]

Tutorial de Backbone.js – III. Colecciones

Introducción Tras haber analizado los modelos en el tema anterior, en este tema vamos a ver las colecciones, que no son otra cosa que conjuntos ordenados de instancias de modelos. Normalmente una colección contendrá instancias de un único modelo, aunque realmente no hay restricción alguna y una colección podría contener instancias de distintos modelos. Creación […]

Tutorial de Backbone.js – II. Modelos

Introducción En este segundo tema vamos a seguir conociendo la librería Backbone explicando uno de sus componentes más importantes: los Modelos. Los modelos son los encargados de almacenar los datos de tu aplicación, así como proporcionar un conjunto de funcionalidades comunes y conectarlos al sistema de eventos Backbone para notificarnos cuando un modelo ha sido […]