Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad

Herramientas para LESS CSS, Guías, Proyectos, Investigaciones de Programación Web y Tecnologías

Breve investigación sobre las funcionalidades de LESS CSS.

Tipo: Guías, Proyectos, Investigaciones

2023/2024

Subido el 12/04/2024

luis-alfredo-castaneda-fernandez
luis-alfredo-castaneda-fernandez 🇲🇽

2 documentos

1 / 4

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
TECNOLÓGICO NACIONAL DE MÉXICO
Instituto Tecnológico de Zacatecas
Ingeniería en Sistemas Computacionales
1.3 Herramientas para CSS
Alumno: Luis Alfredo Castañeda Fernández
Materia: Tópicos Avanzados de Programación Web
Docente: Dr. Jaime Iván López Veyna
Fecha: 20/02/2024
Grupo: 8°A
pf3
pf4

Vista previa parcial del texto

¡Descarga Herramientas para LESS CSS y más Guías, Proyectos, Investigaciones en PDF de Programación Web y Tecnologías solo en Docsity!

TECNOLÓGICO NACIONAL DE MÉXICO

Instituto Tecnológico de Zacatecas

Ingeniería en Sistemas Computacionales

1. 3 Herramientas para CSS

Alumno: Luis Alfredo Castañeda Fernández Materia: Tópicos Avanzados de Programación Web Docente: Dr. Jaime Iván López Veyna Fecha: 20 /0 2 /202 4 Grupo: 8 °A

LESS CSS

LESS CSS fue creado para optimizar el código CSS, y su traducción al español es menos CSS. Esa Herramienta nos ayuda para obtener más resultado con menos código mediante sus características avanzadas para finalmente ahorrarnos trabajo, técnicamente es un pre-compilador CSS, no intenta reemplazar al CSS en sí, sino simplemente nos ofrece mejoras para el desarrollo dotando al lenguaje la utilización de variables, mixins (clases dinámicas), funciones de color entre otras cosas interesantes y útiles. Nos servirá básicamente para hacer más con menos, lleva su tiempo para desarrollar en este lenguaje de hojas de estilo, pero vale la pena cuando a futuro quisiéramos reutilizar el mismo CSS con pequeñas modificaciones incluso para otros proyectos. La principal diferencia entre LESS y otros pre compiladores CSS es que LESS permite la compilación en tiempo real por el navegador a través de LESS.js2. Opciones LESS

  • Variables: Las variables nos permiten definir en un solo lugar un valor que será usado en múltiples sitios de nuestro código CSS. Esto nos permite reutilizar las variables y en caso de cambiar por ejemplo un color corporativo, tendremos que cambiarlo solo en un lugar de nuestro archivo CSS. Las variables nos permiten aplicar el principio DRY (Dont Repeat Yourself).
  • Mixins: Los mixins te permiten embeber todas las propiedades de una clase dentro de otra clase simplemente incluyendo el nombre de la misma como una de sus propiedades.
  • Reglas anidadas: Cuando programamos en LESS no es necesario que escribamos largos selectores para especificar la herencia de nuestras reglas.

no busca reemplazar el CSS, sino proporcionar mejoras significativas al permitir el uso de variables, mixins, reglas anidadas, funciones de color y la emulación de JavaScript. Al utilizar LESS, se destaca la capacidad de reutilizar código y realizar cambios de manera eficiente, especialmente con la gestión centralizada de variables. Aunque puede llevar tiempo familiarizarse con este lenguaje de hojas de estilo, la inversión resulta beneficiosa cuando se busca reutilizar estilos con pequeñas modificaciones en proyectos futuros. En resumen, LESS CSS ofrece una manera eficiente y poderosa de trabajar con hojas de estilo, permitiendo a los desarrolladores optimizar su código, mejorar la reutilización y mantener un flujo de trabajo ágil y flexible. Referencias Riveros, F. (s. f.). LESS CSS – ¿Qué es y cómo optimizar su CSS? Scriptcase Blog

  • Development, Web Design, Sales And Digital Marketing. https://scriptcaseblog.net/es/development-es/less-css-que-es-y-como-optimizar-su- css/ Lifting Group. (2023, 6 julio). Plugins para diseñar y maquetar páginas en WordPress. Lifting Group. https://www.liftingroup.com/expertise/less-el-lenguaje- dinamico-de-hojas-de-estilo/