Sass y compass
•
0 recomendaciones•580 vistas
Sass es un preprocesador de CSS que añade características como variables, operadores matemáticos, anidamiento y mixins para evitar la redundancia en el código CSS. Compass es un framework que extiende las funcionalidades de Sass a través de mixins para tipografía, sombras y bordes redondeados. La instalación requiere Ruby y los comandos compass create, init y watch para compilar los archivos Sass a CSS.
Denunciar
Compartir
Denunciar
Compartir
Descargar para leer sin conexión
Recomendados
sobre compass
Este documento habla sobre las herramientas Compass, Sass y 960 para maquetación semántica y fácil de mantener. Sass permite escribir hojas de estilo de forma más limpia y eficiente mediante mixins, variables e imports. Compass es un meta-framework que integra Sass y frameworks CSS como 960 y Blueprint. Juntos, Sass y Compass permiten desarrollar sitios web de forma más ágil y ordenada.
Adaptando CSS a los programadores: SASS y Compass
Seminario "Adaptando CSS a los programadores: SASS y Compass", presentado por Luis Calvo el 30 de octubre 2013 en la Universidad CEU San Pablo de Madrid.
Mas información: http://www.paradigmatecnologico.com/seminarios/adaptando-css-a-los-programadores-sass-y-compass/
Desarrollo Ágil y Ruby on Rails
Este documento presenta Tractis.com, un sitio web que permite crear, negociar y firmar contratos en línea de manera legalmente vinculante. Explica que el sitio web usa Ruby on Rails para el frontend y Java para el backend, y que fue desarrollado por un equipo de 4 empleados y 1 colaborador que trabajan de forma remota. También proporciona una lista de temas relacionados con metodologías ágiles que se discutirán.
Conviértete en un desarrollador web front-end
Para crear una página web no basta únicamente con conocer el lenguaje HTML o los estilos CSS. Es necesario tener una serie de conocimientos que abarquen diferentes lenguajes de programación, frameworks, librerías e, incluso, nociones de maquetación. A estas personas que reúnen todos, o buena parte, de estas competencias se les denomina desarrolladores front-end, y son básicamente, los encargados de maquetar el contenido del sitio web, codificando el diseño en hojas de estilo y añadiendo la interacción.
Desarrollo Agil con Ruby Y Rails
Este documento presenta el lenguaje de programación Ruby y el framework web Ruby on Rails. Explica cómo instalar Ruby en diferentes sistemas operativos como Windows, Mac OS y Linux, y destaca que es dinámico, completo y orientado a objetos. También introduce los conceptos básicos de Rails para el desarrollo web ágil y la puesta en producción de aplicaciones.
Sass: CSS con Superpoderes
Una presentación sobre los fundamentos de Sass y sus posibilidades para ampliar las características de CSS en nuestros sitios y aplicaciones web.
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Presentación en Jornadas de Actualización Tecnológica del IUTEP en Acarigua, Edo. Portuguesa. (Tanto Ruby como Rails tienen ahora versiones más nuevas)
CSS Preprocessors - Sass
Sass es una extensión de CSS que facilita la escritura y organización del código CSS a través de características como variables, anidamiento, mixins, funciones y directivas de control. El documento explica cómo configurar Sass, su estructura de archivos, las características principales como variables, mixins y funciones, y recomendaciones para un manejo responsable de Sass como limitar el anidamiento y revisar el código CSS generado.
Recomendados
sobre compass
Este documento habla sobre las herramientas Compass, Sass y 960 para maquetación semántica y fácil de mantener. Sass permite escribir hojas de estilo de forma más limpia y eficiente mediante mixins, variables e imports. Compass es un meta-framework que integra Sass y frameworks CSS como 960 y Blueprint. Juntos, Sass y Compass permiten desarrollar sitios web de forma más ágil y ordenada.
Adaptando CSS a los programadores: SASS y Compass
Seminario "Adaptando CSS a los programadores: SASS y Compass", presentado por Luis Calvo el 30 de octubre 2013 en la Universidad CEU San Pablo de Madrid.
Mas información: http://www.paradigmatecnologico.com/seminarios/adaptando-css-a-los-programadores-sass-y-compass/
Desarrollo Ágil y Ruby on Rails
Este documento presenta Tractis.com, un sitio web que permite crear, negociar y firmar contratos en línea de manera legalmente vinculante. Explica que el sitio web usa Ruby on Rails para el frontend y Java para el backend, y que fue desarrollado por un equipo de 4 empleados y 1 colaborador que trabajan de forma remota. También proporciona una lista de temas relacionados con metodologías ágiles que se discutirán.
Conviértete en un desarrollador web front-end
Para crear una página web no basta únicamente con conocer el lenguaje HTML o los estilos CSS. Es necesario tener una serie de conocimientos que abarquen diferentes lenguajes de programación, frameworks, librerías e, incluso, nociones de maquetación. A estas personas que reúnen todos, o buena parte, de estas competencias se les denomina desarrolladores front-end, y son básicamente, los encargados de maquetar el contenido del sitio web, codificando el diseño en hojas de estilo y añadiendo la interacción.
Desarrollo Agil con Ruby Y Rails
Este documento presenta el lenguaje de programación Ruby y el framework web Ruby on Rails. Explica cómo instalar Ruby en diferentes sistemas operativos como Windows, Mac OS y Linux, y destaca que es dinámico, completo y orientado a objetos. También introduce los conceptos básicos de Rails para el desarrollo web ágil y la puesta en producción de aplicaciones.
Sass: CSS con Superpoderes
Una presentación sobre los fundamentos de Sass y sus posibilidades para ampliar las características de CSS en nuestros sitios y aplicaciones web.
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Presentación en Jornadas de Actualización Tecnológica del IUTEP en Acarigua, Edo. Portuguesa. (Tanto Ruby como Rails tienen ahora versiones más nuevas)
CSS Preprocessors - Sass
Sass es una extensión de CSS que facilita la escritura y organización del código CSS a través de características como variables, anidamiento, mixins, funciones y directivas de control. El documento explica cómo configurar Sass, su estructura de archivos, las características principales como variables, mixins y funciones, y recomendaciones para un manejo responsable de Sass como limitar el anidamiento y revisar el código CSS generado.
Curso TDD Ruby on Rails #06: Mocks y stubs
Este documento presenta una introducción a los mocks y stubs, objetos simulados que se usan para probar componentes de forma aislada. Explica que los mocks definen el comportamiento esperado y permiten verificar que los métodos se llaman correctamente, mientras que los stubs solo devuelven valores predefinidos. También menciona algunos frameworks populares para crear mocks y stubs en diferentes lenguajes de programación como Java, Ruby y .NET.
Pre-procesadores CSS. SASS
Introducción a los pre-procesadores CSS, y con un poco de detalle a SASS (Syntactically Awesome StyleSheet)
Uso de las Infraestructuras de Datos Espaciales en Astronomía
Este documento describe el uso de las Infraestructuras de Datos Espaciales (IDE) en astronomía. Explica brevemente qué es una IDE, sus componentes y servicios principales como WMS y WFS. Luego detalla aplicaciones como la planificación de observaciones, cálculo de efemérides, análisis de datos de cielo oscuro y su uso en arqueoastronomía para datar yacimientos. Finalmente, presenta ejemplos como la representación del orto helíaco de astros y su variación a través del tiempo debido a la pre
Ruby intro
Diapositivas de la introducción al lenguaje ruby en el curso de extensión universitaria "Desarrollo Web Avanzado" del programa de Extensión Universitaria de la Universidad de Oviedo (2010)
Lenguaje de programación Ruby
Este documento presenta una introducción al lenguaje de programación Ruby, incluyendo su historia, tipos de datos, colecciones, estructuras de control, expresiones regulares, gemas, orientación a objetos, metaprogramación, ORM y Ruby on Rails.
Curso TDD Ruby on Rails #08: Buenas prácticas
Este documento presenta un resumen de las buenas prácticas en el desarrollo de aplicaciones web. Enfatiza la importancia de escribir código limpio y legible siguiendo convenciones, usar herramientas para evitar repeticiones, separar preocupaciones, y realizar pruebas automáticas frecuentemente. También recomienda prácticas como desarrollo guiado por pruebas, uso de control de versiones, e implementación automática para mejorar la calidad y mantenibilidad del código.
Curso de Ruby on Rails
Este documento presenta un curso de introducción a Ruby on Rails ofrecido por ASPgems. El curso dura 5 días con 4 horas de instrucción cada día y cubrirá temas como Ruby, Rails, el modelo MVC, controladores de acción, rutas y vistas. El curso se centra en la práctica con el objetivo de que los estudiantes aprendan a desarrollar aplicaciones web con Rails. Los instructores son expertos senior con años de experiencia usando y contribuyendo a Rails.
Taller ruby
Este documento presenta una introducción al lenguaje de programación Ruby. Comienza con una breve historia del lenguaje y sus características principales como multiparadigma, interpretado y dinámico. Luego, cubre conceptos básicos como variables, funciones, bucles y condicionales. También explica conceptos de programación orientada a objetos como clases, módulos y mixins. Finalmente, introduce temas avanzados como bloques, procs, lambdas y manejo de hilos.
Curso de Ruby on Rails para el Master de Deusto. Día 2
El documento resume el día 2 de un curso sobre Ruby on Rails. Se discutió el registro y login de usuarios, vistas y helpers, rutas, tests funcionales y de integración, y se introdujo la funcionalidad de publicar tweets.
2 Introducción al lenguaje Ruby
Este documento introduce el lenguaje de programación Ruby. Ruby es un lenguaje orientado a objetos creado en 1995 por Yukihiro Matsumoto. El documento describe el ecosistema de Ruby, incluyendo implementaciones como MRI y JRuby, así como versiones como 1.8, 1.9 y 2.0. También cubre conceptos como desarrollo guiado por pruebas, clases, herencia, estructuras de control y tipos de datos como cadenas y arrays.
Ruby Facil
La variable a ahora tiene el valor 5.
irb(main):002:0>Â a
=> 5
irb(main):003:0>
Figura 1 - Ruby interactivo (irb)
En la lÃnea 1, se asigna el valor 5 a la variable a.
En la lÃnea 2, se imprime el valor de a, que es 5.
Para salir de irb, escribir: exit [Enter]
Este medio interactivo nos permitirá probar cÃ3digo paso a paso, y ver los
resultados inmediatamente. Es ideal para aprender.
Haml y Sass: HTML y CSS dietéticos
Este documento presenta una introducción a HAML y SASS. Explica que HAML es un lenguaje de marcado de abstracción que permite escribir código HTML de forma más limpia y concisa mediante la identación. También describe cómo SASS permite generar hojas de estilo CSS dinámicas a partir de plantillas y variables para evitar la repetición de código. El documento incluye varios ejemplos de cómo utilizar contenido estático y dinámico en HAML y SASS.
Desarrollo de Apps Web en Ruby on Rails
Conceptos básicos de Ruby on Rails incluyendo:
- Controladores y acciones
- Rutas
- Configuraciones de applicacion
- Generación de modelos y Active Record
- Plantillas y vistas
- REST y recursos
Además de dos ejemplos prácticos:
- Página con mensaje 'Hola Mundo'
- MiniAplicación de blogs
Multiplica tu productividad usando un preprocesador de css
Este documento habla sobre los beneficios de usar un preprocesador de CSS como Sass o Less. Estos preprocesadores permiten escribir CSS de una manera más limpia y organizada usando características como variables, anidamiento y mixins. Esto hace que el CSS sea más fácil de mantener y reutilizar, resultando en código más limpio, optimizado y legible. El documento también incluye un caso práctico mostrando cómo compilar CSS preprocesado reduce drásticamente la cantidad de líneas de código y el tamaño del archivo resultante
Curso TDD Ruby on Rails #01: Introducción al testing
Este documento presenta un curso de pruebas de software (testing) que se llevará a cabo del 12 al 16 de abril de 2010. Incluye información sobre el instructor, Alberto Perdomo, así como sobre conceptos clave relacionados con el testing como los tipos de pruebas, la importancia de automatizar las pruebas y especificar el comportamiento deseado a través de las pruebas.
Front-end Basics for Developers
My slides -in spanish- about some Frontend Basics:
* Grid System
* Responsive Web Design
* Sass (Syntactically Awesome Stylesheets)
Arquitectura frontend con BEM y SASS
Este documento describe una metodología para el desarrollo de proyectos front-end a gran escala basada en los principios de modularización, encapsulamiento y reutilización de código. Se recomienda el uso de BEM para nombrar bloques, elementos y modificadores, combinado con Sass para controlar la especificidad y herencia. También sugiere extender marcos de componentes existentes para dotar a los bloques de funcionalidad común mediante el uso de @extend en Sass.
Presentación
Este documento introduce las hojas de estilo en cascada (CSS) como una forma de aplicar formato y estilo a documentos HTML de manera separada del contenido. CSS permite controlar aspectos como los colores, fuentes, márgenes y bordes de elementos en la página. Se explican conceptos básicos de CSS como sintaxis, selectores y atributos comunes. También se proporcionan ejemplos de cómo aplicar estilos a diferentes partes de una página como párrafos, divisiones y la página completa.
Qué es CSS y con qué se come?
Aqui una explicación básica sobre qué es CSS, sus ventajas y desventajas, como funciona y algunos recursos.
Presenpabo
Este documento introduce las hojas de estilo en cascada (CSS) y describe sus usos y sintaxis. CSS permite definir estilos para partes específicas de una página, etiquetas individuales, toda una página o un sitio web completo. Se explican atributos como color, tamaño de fuente, alineación de texto, márgenes, bordes y más. El documento también cubre cómo enlazar archivos CSS externos y la maquetación con capas y posicionamiento.
Sass - Preprocesador de CSS
Este documento explica el uso de Sass (Syntactically Awesome Style Sheets), un preprocesador de CSS que permite escribir código CSS de forma más sencilla y mantenible mediante características como variables, anidamiento, mixins y operadores. También describe cómo compilar el código Sass a CSS normal para que pueda ser interpretado por los navegadores.
Arquitectura frontend para proyectos con preprocesadores CSS
Ponencia del taller 'Arquitectura frontend para proyectos con preprocesadores CSS' impartido por Alberto Portolés en la Wordcamp Zaragoza 2018
Más contenido relacionado
Destacado
Curso TDD Ruby on Rails #06: Mocks y stubs
Este documento presenta una introducción a los mocks y stubs, objetos simulados que se usan para probar componentes de forma aislada. Explica que los mocks definen el comportamiento esperado y permiten verificar que los métodos se llaman correctamente, mientras que los stubs solo devuelven valores predefinidos. También menciona algunos frameworks populares para crear mocks y stubs en diferentes lenguajes de programación como Java, Ruby y .NET.
Pre-procesadores CSS. SASS
Introducción a los pre-procesadores CSS, y con un poco de detalle a SASS (Syntactically Awesome StyleSheet)
Uso de las Infraestructuras de Datos Espaciales en Astronomía
Este documento describe el uso de las Infraestructuras de Datos Espaciales (IDE) en astronomía. Explica brevemente qué es una IDE, sus componentes y servicios principales como WMS y WFS. Luego detalla aplicaciones como la planificación de observaciones, cálculo de efemérides, análisis de datos de cielo oscuro y su uso en arqueoastronomía para datar yacimientos. Finalmente, presenta ejemplos como la representación del orto helíaco de astros y su variación a través del tiempo debido a la pre
Ruby intro
Diapositivas de la introducción al lenguaje ruby en el curso de extensión universitaria "Desarrollo Web Avanzado" del programa de Extensión Universitaria de la Universidad de Oviedo (2010)
Lenguaje de programación Ruby
Este documento presenta una introducción al lenguaje de programación Ruby, incluyendo su historia, tipos de datos, colecciones, estructuras de control, expresiones regulares, gemas, orientación a objetos, metaprogramación, ORM y Ruby on Rails.
Curso TDD Ruby on Rails #08: Buenas prácticas
Este documento presenta un resumen de las buenas prácticas en el desarrollo de aplicaciones web. Enfatiza la importancia de escribir código limpio y legible siguiendo convenciones, usar herramientas para evitar repeticiones, separar preocupaciones, y realizar pruebas automáticas frecuentemente. También recomienda prácticas como desarrollo guiado por pruebas, uso de control de versiones, e implementación automática para mejorar la calidad y mantenibilidad del código.
Curso de Ruby on Rails
Este documento presenta un curso de introducción a Ruby on Rails ofrecido por ASPgems. El curso dura 5 días con 4 horas de instrucción cada día y cubrirá temas como Ruby, Rails, el modelo MVC, controladores de acción, rutas y vistas. El curso se centra en la práctica con el objetivo de que los estudiantes aprendan a desarrollar aplicaciones web con Rails. Los instructores son expertos senior con años de experiencia usando y contribuyendo a Rails.
Taller ruby
Este documento presenta una introducción al lenguaje de programación Ruby. Comienza con una breve historia del lenguaje y sus características principales como multiparadigma, interpretado y dinámico. Luego, cubre conceptos básicos como variables, funciones, bucles y condicionales. También explica conceptos de programación orientada a objetos como clases, módulos y mixins. Finalmente, introduce temas avanzados como bloques, procs, lambdas y manejo de hilos.
Curso de Ruby on Rails para el Master de Deusto. Día 2
El documento resume el día 2 de un curso sobre Ruby on Rails. Se discutió el registro y login de usuarios, vistas y helpers, rutas, tests funcionales y de integración, y se introdujo la funcionalidad de publicar tweets.
2 Introducción al lenguaje Ruby
Este documento introduce el lenguaje de programación Ruby. Ruby es un lenguaje orientado a objetos creado en 1995 por Yukihiro Matsumoto. El documento describe el ecosistema de Ruby, incluyendo implementaciones como MRI y JRuby, así como versiones como 1.8, 1.9 y 2.0. También cubre conceptos como desarrollo guiado por pruebas, clases, herencia, estructuras de control y tipos de datos como cadenas y arrays.
Ruby Facil
La variable a ahora tiene el valor 5.
irb(main):002:0>Â a
=> 5
irb(main):003:0>
Figura 1 - Ruby interactivo (irb)
En la lÃnea 1, se asigna el valor 5 a la variable a.
En la lÃnea 2, se imprime el valor de a, que es 5.
Para salir de irb, escribir: exit [Enter]
Este medio interactivo nos permitirá probar cÃ3digo paso a paso, y ver los
resultados inmediatamente. Es ideal para aprender.
Haml y Sass: HTML y CSS dietéticos
Este documento presenta una introducción a HAML y SASS. Explica que HAML es un lenguaje de marcado de abstracción que permite escribir código HTML de forma más limpia y concisa mediante la identación. También describe cómo SASS permite generar hojas de estilo CSS dinámicas a partir de plantillas y variables para evitar la repetición de código. El documento incluye varios ejemplos de cómo utilizar contenido estático y dinámico en HAML y SASS.
Desarrollo de Apps Web en Ruby on Rails
Conceptos básicos de Ruby on Rails incluyendo:
- Controladores y acciones
- Rutas
- Configuraciones de applicacion
- Generación de modelos y Active Record
- Plantillas y vistas
- REST y recursos
Además de dos ejemplos prácticos:
- Página con mensaje 'Hola Mundo'
- MiniAplicación de blogs
Multiplica tu productividad usando un preprocesador de css
Este documento habla sobre los beneficios de usar un preprocesador de CSS como Sass o Less. Estos preprocesadores permiten escribir CSS de una manera más limpia y organizada usando características como variables, anidamiento y mixins. Esto hace que el CSS sea más fácil de mantener y reutilizar, resultando en código más limpio, optimizado y legible. El documento también incluye un caso práctico mostrando cómo compilar CSS preprocesado reduce drásticamente la cantidad de líneas de código y el tamaño del archivo resultante
Curso TDD Ruby on Rails #01: Introducción al testing
Este documento presenta un curso de pruebas de software (testing) que se llevará a cabo del 12 al 16 de abril de 2010. Incluye información sobre el instructor, Alberto Perdomo, así como sobre conceptos clave relacionados con el testing como los tipos de pruebas, la importancia de automatizar las pruebas y especificar el comportamiento deseado a través de las pruebas.
Front-end Basics for Developers
My slides -in spanish- about some Frontend Basics:
* Grid System
* Responsive Web Design
* Sass (Syntactically Awesome Stylesheets)
Arquitectura frontend con BEM y SASS
Este documento describe una metodología para el desarrollo de proyectos front-end a gran escala basada en los principios de modularización, encapsulamiento y reutilización de código. Se recomienda el uso de BEM para nombrar bloques, elementos y modificadores, combinado con Sass para controlar la especificidad y herencia. También sugiere extender marcos de componentes existentes para dotar a los bloques de funcionalidad común mediante el uso de @extend en Sass.
Destacado (17)
Uso de las Infraestructuras de Datos Espaciales en Astronomía
Uso de las Infraestructuras de Datos Espaciales en Astronomía
Curso de Ruby on Rails para el Master de Deusto. Día 2
Curso de Ruby on Rails para el Master de Deusto. Día 2
Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de css
Curso TDD Ruby on Rails #01: Introducción al testing
Curso TDD Ruby on Rails #01: Introducción al testing
Similar a Sass y compass
Presentación
Este documento introduce las hojas de estilo en cascada (CSS) como una forma de aplicar formato y estilo a documentos HTML de manera separada del contenido. CSS permite controlar aspectos como los colores, fuentes, márgenes y bordes de elementos en la página. Se explican conceptos básicos de CSS como sintaxis, selectores y atributos comunes. También se proporcionan ejemplos de cómo aplicar estilos a diferentes partes de una página como párrafos, divisiones y la página completa.
Qué es CSS y con qué se come?
Aqui una explicación básica sobre qué es CSS, sus ventajas y desventajas, como funciona y algunos recursos.
Presenpabo
Este documento introduce las hojas de estilo en cascada (CSS) y describe sus usos y sintaxis. CSS permite definir estilos para partes específicas de una página, etiquetas individuales, toda una página o un sitio web completo. Se explican atributos como color, tamaño de fuente, alineación de texto, márgenes, bordes y más. El documento también cubre cómo enlazar archivos CSS externos y la maquetación con capas y posicionamiento.
Sass - Preprocesador de CSS
Este documento explica el uso de Sass (Syntactically Awesome Style Sheets), un preprocesador de CSS que permite escribir código CSS de forma más sencilla y mantenible mediante características como variables, anidamiento, mixins y operadores. También describe cómo compilar el código Sass a CSS normal para que pueda ser interpretado por los navegadores.
Arquitectura frontend para proyectos con preprocesadores CSS
Ponencia del taller 'Arquitectura frontend para proyectos con preprocesadores CSS' impartido por Alberto Portolés en la Wordcamp Zaragoza 2018
Css
CSS (Cascading Style Sheets) es una especificación que permite separar la estructura lógica de un documento HTML de su presentación mediante hojas de estilos. CSS controla aspectos como fuentes, colores, márgenes y dimensiones para definir la apariencia y formato de los documentos. Ofrece beneficios como el mantenimiento consistente de estilos en múltiples páginas y carga más rápida.
Css
CSS (Cascading Style Sheets) es una especificación que permite separar la estructura lógica de un documento HTML de su presentación mediante hojas de estilos. CSS controla aspectos como fuentes, colores, márgenes y dimensiones para definir la apariencia y formato de los documentos. Ofrece beneficios como el mantenimiento consistente de estilos en múltiples páginas y carga más rápida.
PHPVigo #09: Preprocesadores CSS/SASS por Sergio Carracedo
El documento habla sobre preprocesadores CSS como LESS y SASS. Explica que permiten escribir CSS de forma más limpia y ordenada mediante el uso de variables, anidación, mixins, importación de archivos y otras características. También cubre conceptos como herencia, manejo de colores, operaciones matemáticas, loops y estructuras de control. La conclusión es que el uso de este tipo de preprocesadores solo aporta ventajas al permitir generar hojas de estilo más mantenibles y legibles.
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
Este documento introduce los conceptos básicos de CSS (Cascading Style Sheets) o hojas de estilo en cascada. Explica que CSS permite aplicar formato a los documentos HTML de manera más precisa que el propio HTML. También describe algunas de las características y ventajas de CSS como definir distancias entre líneas, aplicar sangrías a párrafos, posicionar elementos con precisión y definir visibilidad y estilos de texto. Además, resume los diferentes usos de CSS como definir estilos para una etiqueta, parte o toda una pá
Manual de css hojas de estilo
El documento describe el lenguaje HTML y las limitaciones para aplicar formato a los documentos. Se introducen las Hojas de Estilo en Cascada (CSS) como una solución para aplicar formato y estilo de manera separada del contenido. CSS permite definir estilos para partes específicas de una página, etiquetas individuales, secciones completas de una página o un sitio web entero. Se explican los diferentes usos y sintaxis básica de CSS.
Manual de css......jpg
Este documento describe el lenguaje CSS y sus usos. CSS permite aplicar formato y estilo a documentos HTML de manera separada del contenido. CSS puede usarse para definir estilos para partes específicas de una página, etiquetas individuales, secciones completas de una página o un sitio web entero. El documento explica atributos CSS comunes como color, tamaño de fuente y alineación de texto, y cómo usar clases CSS para aplicar estilos de manera reutilizable.
Deber2 css 21
CSS permite separar la estructura del contenido de la presentación de los documentos HTML y XHTML. CSS define cómo se muestran los elementos mediante propiedades como el color, tamaño de fuente y posición. Esto mejora la accesibilidad, mantenimiento y permite visualizar el mismo contenido en diferentes dispositivos. CSS controla el estilo y formato de múltiples páginas web de forma centralizada.
Manual de css
1) El documento introduce las hojas de estilos en cascada (CSS) como una forma de separar la presentación de un documento HTML de su contenido. 2) CSS permite definir estilos que se pueden aplicar a una parte de la página, a toda la página, o a un sitio web completo. 3) Existen diferentes formas de definir estilos CSS, incluyendo el uso de etiquetas internas <style>, enlaces externos <link>, o la importación de archivos CSS externos con @import.
Hojas de estilo css
1) El documento introduce las hojas de estilo en cascada (CSS) como una forma de aplicar formato y diseño a los documentos HTML de manera separada del contenido. 2) CSS permite definir estilos a nivel de página web, documento, sección, o etiqueta individual. 3) El documento explica diferentes usos básicos y avanzados de CSS como aplicar estilos a SPANs, DIVs, y a toda una página o sitio web.
Manual css
El documento introduce las hojas de estilos en cascada (CSS) y describe sus características y ventajas. CSS permite definir la presentación de todo un sitio web, una página o parte de ella mediante una sintaxis especial. Esto ofrece más control sobre el formato y soluciona problemas del HTML para dar forma a documentos. Los navegadores más recientes soportan CSS, pero se debe usar con cuidado para asegurar la visualización correcta en todos los navegadores.
Hojas de calculo CSS
CSS (Hoja de Estilos en Cascada) es un lenguaje de diseño gráfico que separa el contenido de un documento de su presentación visual. CSS permite controlar el formato y estilo de páginas web de forma sencilla y eficiente. Funciona mediante reglas que describen cómo se mostrarán los elementos de un documento, permitiendo modificar fácilmente su apariencia y presentación.
Que es css
CSS se usa para controlar la presentación de documentos de forma más precisa que HTML. CSS ofrece beneficios como controlar la presentación desde una hoja de estilo, aplicar estilos a diferentes medios, y usar técnicas avanzadas. Las tablas CSS tienen propiedades como la posición del título y el espaciado entre bordes, y se componen de encabezamientos, celdas y títulos. Las tablas requieren espacio, relleno y un tratamiento adecuado de su contenido.
Hojas de estilo css
El documento introduce las hojas de estilos en cascada (CSS), describiendo sus características y ventajas, como permitir definir el formato de una página de manera separada del contenido. Explica que CSS permite definir estilos para una etiqueta, sección o página entera y aplicarlos de manera uniforme. También cubre cómo vincular una hoja de estilos externa para aplicar formatos a todo un sitio web de forma cohesionada.
Front end basics - Sass
Este documento proporciona una introducción a SASS y Compass. Explica conceptos básicos de SASS como variables, mixins, anidamiento y herencia, así como funciones avanzadas como @import, @each y @media. También cubre la instalación y uso de Compass, una librería que extiende las capacidades de SASS.
Similar a Sass y compass (20)
Arquitectura frontend para proyectos con preprocesadores CSS
Arquitectura frontend para proyectos con preprocesadores CSS
PHPVigo #09: Preprocesadores CSS/SASS por Sergio Carracedo
PHPVigo #09: Preprocesadores CSS/SASS por Sergio Carracedo
Más de Medio y forma
Fuctional css
Laminas de la platica sonr ediseño funciona y tailwind.
https://www.youtube.com/watch?v=6vVlNdmfxUk
Presentando ddev
DDEV es una herramienta de desarrollo basada en Docker que permite crear ambientes de desarrollo locales para proyectos PHP como Drupal, WordPress y Laravel sin necesidad de configurar el entorno en la computadora. DDEV usa Docker para proveer todo lo necesario como servidores web, base de datos y más, permitiendo trabajar simultáneamente en varios proyectos. Se instala fácilmente en Linux, Mac y Windows y provee comandos para iniciar y administrar los proyectos.
Consejos de accesibilidad web
Este documento proporciona consejos sobre accesibilidad web. Explica que la accesibilidad significa que todos los usuarios pueden acceder a los contenidos web de manera igualitaria. Detalla diferentes tipos de discapacidades y recomendaciones de la W3C para hacer sitios web perceptibles, operables, comprensibles y robustos. Incluye consejos prácticos como usar estructura semántica, texto alternativo para imágenes, navegación por teclado, contraste adecuado y contenido claro.
Accesibilidad web y drupal 8
Presentación sobre accesibilidad web y algunas aplicaciones en drupal 8. Se explica la W3C, pautas y objetivos, dando ejemplos.
Presentación Grid y flexbox
El documento compara Flexbox y Grid Layout, dos técnicas para diseñar layouts web. Flexbox permite colocar elementos de forma horizontal y vertical de forma flexible. Grid Layout define un sistema basado en cuadrícula donde los elementos pueden colocarse en ranuras de forma arbitraria. El documento también incluye enlaces útiles para aprender más sobre estas técnicas.
Smacss. Organizando css
SMACSS (Scalable and Modular Architecture for CSS) es una guía de estilos para organizar el CSS de manera predecible, reutilizable, mantenible y escalable. Se divide el CSS en 5 categorías: Base, Layout, Module, State y Theme. Esto ayuda a mantener un CSS ordenado y fácil de mantener a medida que crecen los sitios web.
Taller drupal 8 tuxtepec
Drupal es un sistema de gestión de contenidos (CMS) modular, gratuito y de código abierto. Se puede usar para crear periódicos en línea, blogs, sitios de comunidades, aplicaciones y sitios de empresas. Drupal permite controlar el flujo de creación, edición y publicación de contenido, así como categorizar y organizar contenido de manera flexible.
Curso básico de drupal 8
Drupal es un sistema de gestión de contenidos (CMS) modular, gratuito y de código abierto que permite construir diversos tipos de páginas web adaptándose a las necesidades particulares de cada caso. Drupal requiere una base de datos MySQL, PostgreSQL o Microsoft SQL Server y un servidor web como Apache o nginx. El documento explica cómo instalar Drupal 8 y algunas de las funcionalidades básicas como crear tipos de contenido, taxonomías, bloques y listados con Views.
¿Por que contribuir a un proyecto de Software Libre?
Laminas de la platica sobre por que contribuir a un proyecto de software libre. La platica se dio a los alumnos de l tecnológico de Tuxtepec.
Elementos de diseño web
Este documento habla sobre conceptos básicos de diseño web como alineación, balance, consistencia, contraste, proximidad y espacio en blanco. Explica que el principio de la gestalt se refiere a la percepción de una composición como un todo mayor que la suma de sus partes. Luego enumera elementos comunes en una página web como navegación, contacto, búsqueda, encabezados, pies de página y estilos de botones. Finalmente propone un ejercicio de dibujar formas geométricas y codificarlas en HTML
Presentando drupal en xalapa
Presentación del curso de medio día en Xalapa, como parte del Drupal Global Training Days en México. Se incluye ejemplos de sitios hechos con drupal. opciones de trabajo, una parte tecnica y se habla sobre la comunidad de drupal en México.
Presentando Inkscape
Inkscape es un programa de diseño vectorial gratuito y de código abierto que se puede utilizar para ilustración, logotipos, diseño editorial como trípticos, carteles y tarjetas, dibujo y páginas web. Ofrece funciones como creación y manipulación de objetos, relleno y trazo, trabajo con trayectorias y soporte de texto.
Presentando drupal
Este documento ofrece una introducción a Drupal, un sistema de gestión de contenidos de código abierto. Explica que Drupal permite construir diversos tipos de sitios web de forma modular y gratuita, y que es una comunidad y proyecto de software libre. También describe algunas de las características técnicas de Drupal y ejemplos de sitios que se han creado con él.
Sitios de ONG en drupal
Presentación en el drupalcamp México sobre algunos criterios y algunas distribuciones que pueden ser usadas por una ONG.
Patrones de diseño CSS
Presentación sobre patrones de diseño CSS para simplificar, crear y mostrar. Aplicando esto a drupal.
Del Druplicon a la máscara de luchador
The document discusses the history and branding of Drupal and the Druplicon logo. It analyzes how the logo is both similar and different compared to other logos. The document proposes balancing similarity and difference in a logo redesign by adding elements beyond the Druplicon, such as water, droplets, and people. Different can be interesting, and a new design is presented as an example unofficial redesign of the Drupal Association logo.
Lenguaje con manos
Presentación del sitio lenguajeconmanos.org por Ixchel Trillo en el Drupal Summit Latino Guadalajara
Sobre presentaciones
Este documento describe diferentes tipos de eventos participativos como BarCamps, Super Happy Dev House, Pio.la y Complaints Choir. Los BarCamps son conferencias donde los participantes proponen y presentan temas siguiendo reglas como presentaciones cortas e interactividad. Super Happy Dev House y Pio.la son eventos en línea abiertos para compartir conocimiento sobre tecnología. Complaints Choir organiza coros para que la gente exprese sus quejas a través de la música. Estos eventos promueven la participación, brevedad, contacto entre personas y menos
Presentando Drupal en el Flisol Xalapa
Este documento ofrece una introducción a Drupal, un sistema de gestión de contenidos (CMS) de código abierto y gratuito. Explica que Drupal permite construir diversos tipos de sitios web de manera modular y flexible. También describe algunas de sus características clave como el control de contenido, usuarios y permisos, la presentación de contenido en diferentes formatos, y su naturaleza de código abierto y comunidad de desarrolladores. Finalmente, proporciona una guía básica sobre cómo instalar Drupal y empezar a utilizar sus
Inspirar japon
El poema reflexiona sobre el terremoto y tsunami de Japón de 2011, así como sobre los efectos de la radiactividad en Fukushima y la bomba atómica en Nagasaki. A pesar de las catástrofes, el poema sugiere que Japón se define no solo por su geografía o historia, sino también por el espíritu de su gente.
Más de Medio y forma (20)
¿Por que contribuir a un proyecto de Software Libre?
¿Por que contribuir a un proyecto de Software Libre?
Último
DuckDuckGo (Motor de Busqueda) - JRM - APSTI I A
DuckDuckGo, es el motor de búsqueda centrado en la privacidad que lleva años creciendo como una sólida alternativa a buscadores como Google, Bing y Yahoo. Sobre todo, una alternativa para todos aquellos que no quieran ser rastreados y que quieran maximizar la privacidad cuando buscan cosas en Internet.
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...micarnavaltupatrimon
Mi Carnaval es la plataforma que permite conectar al usuario con la cultura y la emoción del Carnaval de Blancos y Negros en la ciudad de Pasto, esta plataforma brinda una amplia oferta de productos, servicios, tiquetería e información relevante para generarle valor al usuario, además, la plataforma realiza un levantamiento de datos de los espectadores que se registran, capturando su actividad e información relevante para generar la analítica demográfica del evento en tiempo real, con estos datos se generan modelos predictivos, que permiten una mejor preparación y organización del evento, de esta manera ayudando a reducir la congestión, las largas filas y, así como a identificar áreas de alto riesgo de delincuencia y otros problemas de seguridad.Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...Javier Martinez Seco
El 15 de junio de 2024 Javier Martínez Seco, director de Ecode, presentó en SEonthebeach 2024 una ponencia titulada "Casos de éxito en Negocios online - Estrategias WPO que funcionan". Javier compartió su experiencia de más de 15 años en el ámbito de las tecnologías web, destacando su especialización en desarrollo web a medida, SEO técnico y optimización del rendimiento web (WPO).
- Presentación inicial: Javier Martínez es ingeniero informático especializado en tecnologías web, con un historial que incluye la creación y mejora de más de 1000 sitios web y negocios online. Realiza auditorías, consultorías, formación a equipos de desarrollo y desarrollo a medida.
- Sitios web que funcionan bien desde el principio: destacó la diferencia entre un sitio web que simplemente "funciona" y uno que "funciona bien". Ejemplos reales desarrollados por Ecode.
- Calidad en el rendimiento web: explicó qué aspectos deben considerarse para conseguir calidad en el rendimiento de una web. Detalló los procesos que el navegador debe seguir para renderizar una página web, incluyendo la descarga del documento HTML, CSS y demás recursos (imágenes, tipografías, ficheros JavaScript).
- Estrategias de carga óptima: Javier presentó estrategias de carga óptima teniendo en cuenta diferentes objetivos y condiciones de trabajo. Habló sobre la importancia de simular condiciones reales de usuario y ajustar la velocidad y CPU para estas simulaciones. También mencionó la extensión de Chrome Web Vitals.
- Pruebas de rendimiento: indicó cómo probar el rendimiento de carga de una página web en su primera visita.
- Realidad del sector y mercado actual: Javier describió la situación actual del sector, donde se priorizan tecnologías populares que facilitan el trabajo de creación web. Sin embargo, advirtió sobre la dependencia de tecnologías conocidas y la necesidad de adaptar el negocio online a estas tecnologías.
- Ejemplos de cargas no óptimas: presentó ejemplos de malas cargas de diferentes webs populares desarrolladas con CMS y tecnologías como Shopify, Webflow, Prestashop, Magento, Salesforce, Elementor, WordPress y Drupal. La tecnología lenta es tecnología mala.
- ¿Merece la pena hacerlo mejor?: Javier subrayó la importancia de medir la situación actual y evaluar la oportunidad de mejora.
- Javier finalizó la ponencia hablando sobre cómo trabaja actualmente con su empresa Ecode, enfocada en construir sitios web muy optimizados desde el inicio. Presentó un caso de éxito: La Casa del Electrodoméstico, una tienda online a medida con una facturación anual de millones de euros y más de 10 millones de carritos de compra, donde más del 90% de las sesiones cumplen con los parámetros LCP, INP y CLS durante toda la sesión.
La ponencia de Javier Martínez Seco en SEonthebeach 2024 ofreció una visión completa y práctica sobre la optimización del rendimiento web, demostrando cómo las estrategias WPO bien implementadas pueden marcar la diferencia en el éxito de los negocios online.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
Historia de la Memoria RAM, sus inicios hasta su actualidad.
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...micarnavaltupatrimon
Mi Carnaval es la plataforma que permite conectar al usuario con la cultura y la emoción del Carnaval de Blancos y Negros en la ciudad de Pasto, esta plataforma brinda una amplia oferta de productos, servicios, tiquetería e información relevante para generarle valor al usuario, además, la plataforma realiza un levantamiento de datos de los espectadores que se registran, capturando su actividad e información relevante para generar la analítica demográfica del evento en tiempo real, con estos datos se generan modelos predictivos, que permiten una mejor preparación y organización del evento, de esta manera ayudando a reducir la congestión, las largas filas y, así como a identificar áreas de alto riesgo de delincuencia y otros problemas de seguridad.TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
En este documento es una monografía que te puede servir de guía para tu vida diaria
Último (10)
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Sass y compass
- 2. ¿CSS? Cascading Style Sheets (Hojas de Estilo en Cascada)
- 3. Estilo separado de la estructura HTML CSS
- 4. Estilo separado de la estructura Ventajas Estilos en uno o pocos archivos Estándar y accesible
- 5. Ausencia de expresiones de cálculo numérico Desventajas Redundancia de código ¿Variables?
- 11. Sass es un preprocesador de CSS
- 12. Copila en CSS
- 13. Sigue las convenciones de CSS.
- 14. y añade cosas como Variables (@variable) Operadores (+, -, *, /, %) Anidamiento
- 15. Parciales (@import) Mixins @mixin() Extender / Sucesiones
- 18. sudo apt-get install ruby1.9.1 Instalar Ruby
- 19. gem update --system gem install compass Instalar Compass
- 20. compass create <myproject> compass init compass watch
- 21. Nos vamos a un ejemplo
- 22. y Compass?
- 24. Compass es una serie de Mixins que extiende Sass
- 25. Typography Vertical Rhythm CSS3 Border Radius Box Shadow
- 28. compasseando.com
- 30. Fin de la plática