Frameworks CSS sin clases

Frameworks CSS sin clases — Amit Merchant — Un blog sobre PHP, JavaScript y más

 

Los marcos CSS son una excelente manera de diseñar rápidamente un sitio web. Le proporcionan un conjunto de componentes prefabricados que puede usar para construir su sitio web. Y también le brindan un conjunto de clases de utilidad que puede usar para diseñar sus componentes.

Pero el problema con los marcos CSS es que vienen con muchos componentes preconstruidos que quizás no necesites. Y también vienen con muchas clases de utilidades que quizás no necesites. Y por eso no son muy ligeros.

Y ahí es donde entran los frameworks CSS sin clases.

Índice
  1. ¿Qué es un framework CSS sin clases?
  2. Simple.css
  3. Pico.css

¿Qué es un framework CSS sin clases?

Estos son marcos CSS que no vienen con componentes prediseñados. Se basan en la semántica real de su código HTML para diseñar su sitio web.

Entonces, por ejemplo, si tienes un <h1> etiqueta, tendrá el estilo de un título. Y si tienes un <p> etiqueta, tendrá el estilo de un párrafo. Por lo tanto, puede crear rápidamente un prototipo de su sitio web que aún se ve bien y, al mismo tiempo, no tiene que preocuparse por agregar una sola clase a su código HTML.

Acabas de colocar el archivo CSS en tu proyecto y ¡bam! Instantáneamente tienes un sitio web atractivo.

Hay algunos frameworks CSS sin clases.

Simple.css

Un framework CSS simple, ligero y sin clases. Son solo 4 KB comprimidos con gzip. Aunque no tiene clases, viene con el siguiente conjunto de características.

  • Una buena pila de fuentes sans serif locales.
  • Buenas prácticas tipográficas.
  • Cambio automático al modo oscuro.
  • Hace que su sitio web sea totalmente receptivo.

Aquí hay una demostración de cómo se ve.

→ Simple.css

Pico.css

Si desea que su sitio web se vea un poco más moderno, Pico.css es la opción que puede elegir. Viene con clases predefinidas para diseñar sus cuadrículas y contenedores. Además, algunas utilidades para cargar botones giratorios e información sobre herramientas.

Pero también viene con una versión sin clases (como dicen "¡Para los puristas salvajes de HTML!") acabas de aprobar y te olvidas.

Si quieres conocer otros artículos parecidos a Frameworks CSS sin clases puedes visitar la categoría Código.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas