Tutorial de Stylus - Preprocesador CSS

-
(Instalación, Compilación, Compresión, Conversión)

Tutorial a grandes rasgos de cómo utilizar Stylus un Preprocesador CSS en nuestros proyectos Web para agilizar y estructurar mejor nuestros archivos de estilo mediante lo siguiente:
  • Instalación (Mediante Node.JS)
  • Primer archivo
  • Compilación
  • Compresión
  • Combinación de 2 archivos por importación @import
  • Conversión de CSS a Stylus


Comentarios

Publicar un comentario

Entradas populares de este blog

Instalar Ruby on Rails en Ubuntu 13.04

-
Los pasos a seguir son los siguientes: 1. Actualizar repositorios de paquetes: sudo apt-get update 2. Instalar  Git . Git es un sofware de control de versiones: sudo apt-get install git 3. Instalación de  Curl . Curl es una herramienta de línea de comandos para automatizar transferencias de archivos con sintaxis url: sudo apt-get install curl 4. Antes de instalar Ruby, es necesario instalar  Ruby Version Manager , que nos permite tener diferentes versiones de Ruby instaladas: curl -L get.rvm.io | bash -s stable Es necesario que RVM se ejecute como una función en la shell. Primero verificamos si ya es así: type rvm | head -1 Todo irá correcto si la salida es: rvm: es una función En caso contrario, hay que editar el fichero ~/.bashrc y añadirle la siguiente linea: [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm" # Load RVM into a shell session *as a function* Y se recarga la shell: source ~/.bashrc 5. Instalación de depende
Leer más

Navigation Drawer (Cajón de Navegación) Android

-
Imagen
El cajón es un panel de navegación que las transiciones desde el borde izquierdo de la pantalla y muestra las principales opciones de navegación de la aplicación. Viendo el cajón de navegación El usuario puede llevar el cajón de navegación en la pantalla deslizando desde el borde izquierdo de la pantalla o tocando el icono de la aplicación en la barra de acción. Como el cajón de navegación expande, se recubre el contenido, pero no la barra de acción. Cuando el cajón está completamente extendida, la barra de acción se ajusta a su contenido mediante la sustitución del título de la barra de acción actual con el nombre de la aplicación y la eliminación de todas las acciones que sean contextualmente a la vista debajo del cajón de la navegación. El menú de desbordamiento con los elementos de acción estándar para ajustes y la ayuda sigue siendo visible. El usuario puede abrir el panel del cajón al tocar el indicador de cajón de navegación. Debido a que son transitorios, cajones d
Leer más

Preguntas de una entrevista de trabajo para Ruby y Ruby on Rails

-
1. ¿Qué es request.xhr? 2. ¿Cuál es la diferencia entre un Scaffolding dinámico y estático? 3. ¿Cuál es la diferencia entre Symbol y String? 4. ¿Qué es una sesión y una cookie? 5. ¿Por qué Ruby on Rails? 6. ¿Qué es MVC y cómo funciona? 7. ¿Qué cosas puedes definir en el modelo? 8. ¿Qué es ORM en Rails? 9. ¿Cuántos tipos de relaciones tiene un modelo? 10. ¿Cuál es la diferencia entre has_and_belongs_to_many y has_many :through? 11. ¿Qué diferencias tiene rails version 2.2.2 con las anteriores? 12. ¿Cuál es la diferencia entre render y redirect? 13. ¿Cómo podemos utilizar una base de datos sql o mysql sin definirla en el database.yml? 14. ¿Qué son los helpers y cómo se utilizan en Rails? 15. ¿Qué es Active Record? 16. ¿Ruby soporta herencia simple, herencia múltiple o las dos? 17. ¿Cuántos tipos de callbacks están disponibles en Rails? 18. Supongamos que en mi método estoy actualizando atributos de una tabla, en mi modelo tengo definido after_create hacer X, y after_save hacer Y. ¿Cuál m
Leer más