VariablesComentariosAnidamiento de selectoresAnidamiento de propiedadesInterpolación de variablesAmpersand &MixinsAlgunas funciones nativas de SASSNuestras propias funcionesEstructuras de control@if y @else@for@each@whileInclusión de archivos parcialesExtender un elementoMedia queriesConclusiónDocumentación Sass es un acrónimo para Syntactically Awesome Stylesheets, y … [Leer más...] acerca deIntroducción a SASS
Css
Repaso de Bootstrap 4: Grid
En esta ocasión vamos a hablar de Bootstrap en su versión 4, la estable actualmente. Se trata de un framework html/css con algunas partes en javascript que fue desarrollado por Twitter. Gracias a él podemos desarrollar el frontend de las aplicaciones web de forma más ágil que usando directamente css. En este primer post vamos a centrarnos en su componente GRID. ¿Qué es … [Leer más...] acerca deRepaso de Bootstrap 4: Grid
Repaso CSS: Media Queries
Las Media Queries son una técnica de css3 que permite cambiar la presentación del contenido en función de los diferentes tamaños que vaya adoptando el viewport, es decir, el área visible de una página web, que varía dependiendo del dispositivo que estemos usando. Por lo que son la principal herramienta que tenemos para elaborar diseños responsive. Siguen una sintaxis muy … [Leer más...] acerca deRepaso CSS: Media Queries
Repaso CSS: Grid
Como decía en el anterior artículo, puede parecer que ya tenemos todo lo que podíamos desear gracias a la maquetación con flexbox, pero el último en llegar es el grid(cuadrícula) layout, que promete lo mismo que el anterior pero esta vez ampliando las posibilidades de una a dos dimensiones. Conceptos Contenedor: Es el div que define el grid o cuadrícula y contiene … [Leer más...] acerca deRepaso CSS: Grid
Repaso CSS: Flexbox
Primero fueron los layout basados en tablas cuando no se usaba CSS, y después comenzamos a usar estructuras basadas en bloques flotantes. Con flexbox se añade un nuevo modo de layout llamado "flex" además de los conocidos block e inline. Flexbox es mucho más fácil de usar que los float y es un gusto crear sitios responsive con él, incluso Explorer desde su versión 11 ya lo … [Leer más...] acerca deRepaso CSS: Flexbox