MasterStudy es un
plugin de WordPress diseñado para crear y gestionar cursos en línea. 

Aquí
tienes una guía básica para empezar:

1. Instalación y activación:

   • Ve a tu panel de administración de WordPress.
   • Haz clic en «Plugins» en el menú de la izquierda.
   • Luego, selecciona «Añadir nuevo».
   • En el campo de búsqueda, escribe «MasterStudy».
   • Cuando lo encuentres, haz clic en «Instalar ahora» y luego en
     «Activar».

2. Configuración inicial:

   • Después de la activación, verás un nuevo menú llamado «MasterStudy» en
     tu panel de administración. Haz clic en él.
   • Completa la configuración inicial, que incluye ajustes generales como
     el nombre de tu plataforma, dirección de correo electrónico y
     configuración de moneda.

3. Creación de cursos:

   • En el menú «MasterStudy», ve a «Cursos» y selecciona «Añadir nuevo
     curso».
   • Llena los detalles del curso, como el título, la descripción y la
     imagen destacada.
   • Configura las opciones de curso, como el precio, la duración y las
     lecciones.

4. Añadir lecciones:

   • Puedes añadir lecciones al curso seleccionando «Lecciones» en el menú
     de MasterStudy y luego haciendo clic en «Añadir nueva lección».
   • Llena la información de la lección, como el título, el contenido y los
     recursos adicionales.

5. Gestión de estudiantes:

   • Para gestionar a tus estudiantes, ve a «Estudiantes» en el menú de
     MasterStudy. Aquí podrás ver quiénes se han inscrito en tus cursos.

6. Personalización y diseño:

   • MasterStudy ofrece opciones de personalización para adaptar el diseño
     de tus cursos y páginas a tus necesidades. Puedes modificar los
     ajustes de diseño desde la sección «Apariencia» en el menú de
     MasterStudy.

7. Publicación de cursos:

   • Una vez que hayas creado tu curso y estés satisfecho con la
     configuración, puedes publicarlo. Ve a la página de edición del curso
     y haz clic en el botón «Publicar» para que esté disponible para tus
     estudiantes.

8. Gestión de usuarios:

   • MasterStudy te permite gestionar a tus usuarios y su progreso en los
     cursos. Puedes hacer un seguimiento de las calificaciones y el
     progreso de los estudiantes desde la sección «Estudiantes».

9. Soporte y recursos:

   • Si tienes problemas o preguntas específicas sobre el uso de
     MasterStudy, te recomiendo visitar la página oficial del plugin o
     consultar su documentación. También puedes buscar en línea tutoriales
     y recursos adicionales.

Puedes ver el plugin desde el repositorio de wordpress Aqui

Puedes ver la versión pro desde Aqui

Si quieres probar la versión pro desde el sitio para usuarios puedes hacerlo desde aqui

Espero que esta guía te ayude a comenzar a utilizar el plugin MasterStudy
para crear y gestionar tus cursos en línea. Si tienes alguna pregunta más
específica o necesitas ayuda adicional, no dudes en preguntar.

Los generadores CSS son herramientas en línea que te ayudan a crear hojas
de estilo en cascada (CSS) para tu sitio web de una manera más eficiente y
rápida. Estas herramientas suelen ofrecer una interfaz de usuario amigable
que te permite personalizar estilos visuales como colores, tipografía,
márgenes, rellenos, bordes y más, sin necesidad de escribir código CSS
manualmente. Aquí hay algunos generadores CSS populares que puedes
utilizar para crear estilos personalizados para tu sitio web:

1. CSS Gradient Generators:

   • Gradient Hunt
   • CSS Gradient

2. Generadores de Colores:

   • Coolors
   • Color Hunt

3. Generadores de Tipografía:

   • Google Fonts
   • Font Squirrel

4. Generadores de Botones:

   • CSS Button Generator
   • Button Maker

5. Generadores de Sombras:

   • Box Shadow Generator
   • Neumorphism.io

6. Generadores de Formularios:

   • Formspree
   • CSS Form Generator

7. Generadores de Animaciones CSS:

   • Animista
   • Keyframes

8. Generadores de Cuadrícula CSS:

   • CSS Grid Generator
   • Grid.layoutit

9. Generadores de Flexbox CSS:

   • Flexbox Froggy
   • Flexbox CSS Generator

10. Generadores de CSS Responsivo:

    • Responsive Web Design Tool
    • Responsively

Estos generadores te ayudarán a crear CSS de manera más eficiente y a
mantener un diseño coherente en tu sitio web. Sin embargo, es importante
recordar que es útil tener al menos un conocimiento básico de CSS para
ajustar y personalizar los estilos generados según las necesidades
específicas de tu proyecto.

Existen numerosos sitios web que ofrecen servicios de hosting (alojamiento
web) para alojar tu sitio web en línea. Aquí tienes una lista de algunos de
los proveedores de hosting web más conocidos:

1. Bluehost: Bluehost es un proveedor popular de hosting web
   que ofrece una variedad de planes, incluyendo hosting compartido, VPS y
   dedicado. También tienen una sólida reputación en cuanto a facilidad de
   uso y soporte al cliente.

Sitio web: Bluehost

2. HostGator: HostGator es otro proveedor de hosting
   conocido que ofrece alojamiento compartido, VPS y dedicado. También son
   conocidos por su servicio de atención al cliente.

Sitio web: HostGator

3. SiteGround: SiteGround es conocido por su rendimiento y
   seguridad. Ofrecen hosting compartido, VPS y servicios de alojamiento en
   la nube.

Sitio web:
SiteGround

4. GoDaddy: GoDaddy es una empresa de renombre que ofrece
   una variedad de servicios, incluyendo alojamiento web. Tienen una interfaz
   de usuario amigable y una amplia gama de opciones.

Sitio web: GoDaddy

5. Hostinger: Hostinger se destaca por ofrecer hosting
   económico y planes compartidos accesibles. También ofrecen opciones de
   hosting en la nube y VPS.

Sitio web: Hostinger

6. A2 Hosting: A2 Hosting se enfoca en la velocidad y el
   rendimiento. Ofrecen hosting compartido, VPS y dedicado, así como opciones
   de alojamiento optimizado para CMS como WordPress.

Sitio web: A2 Hosting

7. InMotion Hosting: InMotion Hosting es conocido por su
   excelente soporte técnico y opciones de hosting compartido y VPS.

Sitio web:
InMotion Hosting

8. DreamHost: DreamHost es una empresa de hosting web que se
   enorgullece de su compromiso con la privacidad y la sostenibilidad.
   Ofrecen hosting compartido y servicios en la nube.

Sitio web: DreamHost

9. HostWinds: HostWinds ofrece una amplia gama de servicios
   de alojamiento web, incluyendo hosting compartido, VPS, y servidores
   dedicados, a precios competitivos.

Sitio web: HostWinds

10. 1&1 IONOS: 1&1 IONOS ofrece una variedad de
    servicios de hosting, así como soluciones de alojamiento en la nube y
    dominios.

Sitio web: 1&1 IONOS

Antes de elegir un proveedor de hosting, es importante investigar y comparar
las características, precios y opiniones de los usuarios para encontrar el
servicio que mejor se adapte a tus necesidades y presupuesto.

Firebase es una plataforma de desarrollo de aplicaciones móviles y web
desarrollada por Google. Ofrece una variedad de herramientas y servicios que
permiten a los desarrolladores crear aplicaciones de alta calidad,
escalables y seguras de manera más eficiente. Algunos de los servicios y
características más destacados de Firebase incluyen:

1. Base de Datos en Tiempo Real: Firebase ofrece una base
   de datos en tiempo real que permite a los desarrolladores almacenar y
   sincronizar datos en tiempo real en la nube. Esto es particularmente
   útil para aplicaciones que requieren actualizaciones instantáneas, como
   aplicaciones de chat en tiempo real y aplicaciones colaborativas.

2. Autenticación: Firebase proporciona servicios de
   autenticación segura para permitir que los usuarios se registren en una
   aplicación utilizando diferentes métodos, como correo electrónico,
   contraseñas, Google, Facebook, Twitter, y más.

3. Almacenamiento en la Nube: Permite almacenar archivos,
   como imágenes y videos, en la nube de Firebase, lo que facilita la
   administración y distribución de contenido multimedia en una aplicación.

4. Notificaciones en Tiempo Real: Firebase Cloud Messaging
   (FCM) permite enviar notificaciones push a dispositivos móviles y
   navegadores web para mantener a los usuarios informados y comprometidos
   con la aplicación.

5. Analytics: Firebase Analytics proporciona información
   detallada sobre el comportamiento de los usuarios en la aplicación, lo
   que ayuda a los desarrolladores a tomar decisiones informadas sobre
   mejoras y optimizaciones.

6. Hosting: Firebase Hosting permite alojar aplicaciones
   web estáticas y contenido dinámico en servidores rápidos y seguros de
   Google.

7. Funciones en la Nube: Firebase Functions permite crear
   funciones en la nube sin servidor que se ejecutan automáticamente en
   respuesta a eventos en la aplicación, como cargas de datos o
   autenticación de usuarios.

8. Testeo y A/B Testing: Firebase Test Lab proporciona
   herramientas para probar aplicaciones en una variedad de dispositivos y
   configuraciones, mientras que Firebase Remote Config permite realizar
   experimentos A/B y personalizar la experiencia del usuario.

9. Seguridad: Firebase ofrece servicios de seguridad, como
   reglas de seguridad de Firebase Realtime Database y Firebase
   Authentication, para proteger los datos y la autenticación de los
   usuarios.

10. Machine Learning: Firebase ML Kit facilita la
    integración de capacidades de aprendizaje automático en aplicaciones sin
    la necesidad de conocimientos avanzados en este campo.

Firebase es una elección popular para el desarrollo de aplicaciones móviles
y web debido a su facilidad de uso, escalabilidad y la amplia gama de
servicios que ofrece, lo que permite a los desarrolladores concentrarse en
crear una experiencia de usuario excepcional en lugar de preocuparse por la
infraestructura y la gestión de servidores.

Alternativas a firebase

Existen varias alternativas a Firebase en el mercado, cada una con sus
propias características y ventajas. La elección de la plataforma adecuada
dependerá de tus necesidades específicas y requisitos. Aquí tienes algunas
alternativas populares a Firebase:

1. AWS Amplify: Amplify es parte de Amazon Web Services
   (AWS) y ofrece una variedad de servicios para el desarrollo de
   aplicaciones web y móviles, incluyendo autenticación, bases de datos
   NoSQL, almacenamiento, funciones sin servidor y más.

2. Google Cloud Platform (GCP): Al igual que AWS, Google
   Cloud ofrece una amplia gama de servicios para el desarrollo de
   aplicaciones, incluyendo Firebase Realtime Database, Cloud Firestore y
   Cloud Functions. También proporciona herramientas de autenticación y
   almacenamiento.

3. Microsoft Azure: Azure ofrece servicios similares a AWS
   y GCP, incluyendo Azure Functions para funciones sin servidor y Azure
   Cosmos DB para bases de datos NoSQL. También ofrece servicios de
   autenticación y almacenamiento.

4. Heroku: Heroku es una plataforma de desarrollo en la
   nube que simplifica la implementación de aplicaciones web y móviles.
   Puedes utilizar bases de datos PostgreSQL, MongoDB y otros servicios
   complementarios.

5. Netlify: Netlify es conocido por su alojamiento web
   estático y funciones sin servidor. Ofrece despliegue continuo y otras
   características útiles para el desarrollo web moderno.

6. AWS AppSync: Si estás buscando una alternativa
   específica a Firebase para GraphQL, AWS AppSync es una opción sólida.
   Proporciona soporte para GraphQL, sincronización en tiempo real y
   conectividad con diversas fuentes de datos.

7. MongoDB Atlas: Si necesitas una base de datos NoSQL,
   MongoDB Atlas es una opción popular que ofrece escalabilidad, seguridad
   y opciones de implementación en la nube.

8. Supabase: Supabase es una plataforma de desarrollo de
   código abierto que se autodenomina «una alternativa de código abierto a
   Firebase». Ofrece una base de datos PostgreSQL, autenticación y
   almacenamiento.

9. Hasura: Hasura es otra plataforma de código abierto que
   se integra fácilmente con bases de datos PostgreSQL para proporcionar
   una capa de GraphQL y autenticación.

10. Firebase Alternativos de código abierto: Existen
    proyectos de código abierto que intentan replicar las funcionalidades de
    Firebase, como «Kuzzle» para aplicaciones en tiempo real y «Appwrite»
    para backend de aplicaciones.

La elección de la alternativa adecuada dependerá de tus requisitos
específicos, tu familiaridad con la plataforma, el presupuesto y otros
factores. Es importante investigar y probar estas alternativas para
determinar cuál se adapta mejor a tu proyecto.

En WordPress, puedes utilizar la caché de objetos persistente para mejorar el
rendimiento de tu sitio web almacenando en caché resultados de consultas de
base de datos y otros datos que se utilizan con frecuencia. Esto puede ayudar
a reducir la carga del servidor y acelerar la carga de páginas para los
visitantes.

WordPress es compatible con varios sistemas de almacenamiento en caché de
objetos persistentes, pero uno de los más comunes es Memcached. Aquí tienes
los pasos generales para configurar la caché de objetos persistente en
WordPress utilizando Memcached:

1. Instala y configura Memcached:

   • Debes tener acceso a tu servidor para instalar Memcached. Puedes hacerlo
     utilizando el gestor de paquetes de tu sistema operativo. Por ejemplo,
     en Ubuntu puedes ejecutar sudo apt-get install memcached.
   • Después de la instalación, asegúrate de que el servicio Memcached esté
     en ejecución. Puedes verificarlo usando
     sudo systemctl status memcached.

2. Instala el plugin de caché de objetos:

   • En el panel de administración de WordPress, ve a «Plugins» y busca un
     plugin de caché de objetos que sea compatible con Memcached. Uno de los
     plugins populares es «Memcached Object Cache». Instálalo y actívalo.

3. Configura el plugin:

   • Una vez activado, ve a «Ajustes» o «Configuración» en tu panel de
     administración y busca la sección del plugin de caché de objetos.
   • Aquí deberías poder especificar la configuración de Memcached, como la
     dirección IP y el puerto del servidor Memcached. Por lo general,
     Memcached se ejecuta en el localhost (127.0.0.1) en el puerto 11211 por
     defecto.

4. Prueba la caché:

   • Para asegurarte de que la caché de objetos esté funcionando
     correctamente, puedes utilizar una herramienta de prueba como «Memcached
     Object Cache Test». Esta herramienta te permitirá verificar si Memcached
     está almacenando y recuperando datos correctamente.

5. Optimiza la configuración:

   • Dependiendo de tus necesidades y recursos del servidor, es posible que
     desees ajustar la configuración de Memcached y del plugin para optimizar
     el rendimiento de la caché.

Es importante tener en cuenta que la configuración específica puede variar
según tu entorno de alojamiento y la versión de WordPress que estés
utilizando. Si no tienes acceso directo al servidor o estás utilizando un
alojamiento gestionado de WordPress, es posible que debas comunicarte con tu
proveedor de alojamiento para obtener ayuda en la configuración de la caché de
objetos persistente.

La caché de objetos persistente es una herramienta poderosa para mejorar la
velocidad de tu sitio web WordPress, pero también puede causar problemas si no
se configura correctamente, así que asegúrate de realizar pruebas y ajustes
cuidadosos.

El archivo php.ini es un archivo de configuración utilizado
para configurar la forma en que PHP, el lenguaje de programación en el que
se basa WordPress, funciona en un servidor web. Sin embargo, en un entorno
de hosting compartido típico de WordPress, es posible que no tengas acceso
directo a un archivo php.ini para realizar cambios, ya que esto
suele ser controlado por el proveedor de alojamiento.

Si necesitas realizar cambios en la configuración de PHP para tu sitio de
WordPress, aquí hay algunas opciones:

1. Contacta a tu proveedor de alojamiento: Si estás
   utilizando un servicio de alojamiento compartido, lo mejor es ponerse en
   contacto con el soporte técnico de tu proveedor y preguntar si pueden
   realizar las modificaciones necesarias en la configuración de PHP por
   ti. Algunos proveedores permiten ciertas personalizaciones a través de
   un archivo php.ini personalizado o paneles de control.

2. Usa un archivo .user.ini: En algunos casos, los proveedores de alojamiento permiten a los
   usuarios crear su propio archivo .user.ini en el directorio
   raíz de su sitio de WordPress. Este archivo puede contener
   configuraciones específicas de PHP que afectarán solo a tu sitio.
   Consulta con tu proveedor de alojamiento si esta opción está disponible.

3. Configuración de PHP a nivel de código: En lugar de
   modificar la configuración de PHP a nivel del servidor, puedes hacerlo a
   nivel de código dentro de tu tema de WordPress o en el archivo
   wp-config.php. Por ejemplo, puedes cambiar valores como el
   límite de memoria o el tiempo de ejecución de scripts PHP usando
   funciones como ini_set(). Aquí tienes un ejemplo:

ini_set(‘memory_limit’, ‘256M’);

4. Usa plugins de WordPress: A menudo, las configuraciones
   específicas de PHP se pueden ajustar utilizando plugins de WordPress. Por
   ejemplo, hay plugins que te permiten cambiar la versión de PHP utilizada
   por tu sitio o ajustar otras configuraciones relacionadas con PHP.

Recuerda que hacer cambios incorrectos en la configuración de PHP puede
afectar el rendimiento o la funcionalidad de tu sitio web, por lo que es
importante tener cuidado y, si no estás seguro de lo que estás haciendo,
buscar la asistencia de un desarrollador web o el soporte técnico de tu
proveedor de alojamiento.

 Puede notar que sus listados de búsqueda contienen fragmentos enriquecidos, que muestran elementos como calificaciones, precios de productos y reseñas. Estos fragmentos pueden aumentar su visibilidad en las clasificaciones de los motores de búsqueda, pero no se generan automáticamente.

Afortunadamente, el plugin All in One Schema Rich Snippets le permite agregar fácilmente fragmentos enriquecidos a sus publicaciones y páginas. Con esta herramienta, puede configurar sus extractos para los motores de búsqueda y hacerlos más accesibles para sus lectores también.

En este artículo, analizaremos qué son los fragmentos enriquecidos y por qué debería considerar su uso. Luego, explicaremos cómo configurarlos con el plugin All in One Schema Rich Snippets. 

Qué son los Rich Snippets (y por qué debería considerar su uso)

Para comprender qué son los fragmentos enriquecidos, primero deberemos analizar los datos estructurados y el marcado de esquema . Afortunadamente, los conceptos son relativamente simples.

Los datos estructurados son una forma de proporcionar información contextual a los motores de búsqueda. Como tal, este formato ayuda a los motores de búsqueda a comprender mejor los datos de una página web. El marcado de esquema, por otro lado, es un tipo de datos estructurados que produce fragmentos enriquecidos.

El marcado de esquema proporciona los datos a los motores de búsqueda. Luego, la información se muestra a los lectores como un fragmento enriquecido:

Un ejemplo de un fragmento enriquecido en los resultados de Google. 

Los fragmentos enriquecidos pueden ser útiles en una variedad de contextos. Por ejemplo, puede usarlos para mostrar productos que se ofrecen en una tienda de comercio electrónico, un evento, videos o reseñas.

El uso de reseñas, en particular, se encuentra entre las principales prácticas de comercio electrónico para impulsar las conversiones. Además, si tiene videos en su contenido, debe informar a Google agregando un marcado de esquema. Este es uno de los siete consejos esenciales a seguir al agregar videos a su sitio web .

Además, los fragmentos enriquecidos pueden brindar a los usuarios una mejor idea de qué esperar del contenido. Por lo tanto, pueden aumentar las posibilidades de que los usuarios hagan clic en su sitio web. 

Cómo agregar fragmentos enriquecidos a su sitio web de WordPress 

Ahora que sabe qué son los fragmentos enriquecidos y por qué debería usarlos, veamos los detalles de cómo configurarlos. Estos son los pasos que deberá seguir.

Instale y active el plugin de fragmentos enriquecidos

Puede crear e integrar marcas de esquema en un sitio web de WordPress manualmente. Sin embargo, el proceso requiere algunas habilidades técnicas e inversión de tiempo. Por lo tanto, es posible que esté buscando un método más fácil de usar para crear fragmentos enriquecidos.

Afortunadamente, el plugin All in One Schema Rich Snippets facilita el proceso:

Una vez que activa y configura el plugin, genera automáticamente un marcado de esquema. Luego, puede agregarlo a sus publicaciones y páginas relevantes. Exploraremos ese proceso en el siguiente paso.

Configurar los ajustes del plugin

Haga clic en este para acceder a las opciones de configuración:

Opciones de configuración para el plugin Rich Snippets. 

En esta pestaña, elegirá el marcado de esquema que usará para sus publicaciones y páginas. Aquí hay una descripción general rápida de cada opción:

Revisión de artículos: las revisiones pueden ayudarlo a aprovechar la prueba social y pueden usarse con productos que le gustaría promocionar. Puede mostrar texto, calificaciones y el nombre del revisor.

Eventos: si está promocionando un evento, este tipo de marcado de esquema puede proporcionar detalles clave como el lugar, la fecha y el precio.

Persona: si su sitio web o negocio se basa en miembros prominentes, el tipo de marca de persona puede mejorar los perfiles de figuras clave como socios.

Producto: el marcado del producto ayuda a poner sus productos de comercio electrónico frente a sus clientes incluso antes de que hagan clic en su sitio web.

Receta: los blogueros de comida , los restaurantes y otras empresas que ofrecen recetas para el público pueden usar este tipo de marcado de esquema.

Aplicación de software: este tipo de marcado le permite mostrar que su software cumple con determinadas especificaciones. También puede ofrecer datos como el precio y el nombre del desarrollador.

Video: la creación de una estrategia de marketing de video puede ser una decisión inteligente para su empresa. Cuando lo implemente, puede informar a Google con el tipo de marcado de video.

Artículo: Los motores de búsqueda ya son buenos para comprender y diferenciar artículos de otros tipos de contenido. Sin embargo, no está de más agregar un poco más de información.

Servicio: si ofrece un servicio, este tipo de marcado le permite mostrar información importante, como su área de cobertura.

Puede expandir cada tipo de marcado para configurar sus cadenas. Estos son los campos de datos con la información esencial:

Configuración de la cadena Producto en Rich Snippets. 

Por ejemplo, el marcado de esquema para un producto tendría un nombre de marca, nombre de producto, precio y otros tipos de cadenas.

Agregue marcado a sus páginas de WordPress

El siguiente paso es agregar algunas marcas a sus páginas de WordPress. Afortunadamente, este es un proceso sencillo.

Primero, navegue hasta la publicación o página donde le gustaría agregar algunas marcas de esquema. Desplácese hacia abajo debajo del contenido de la página y verá algunas opciones para configurar el marcado de esquema (fragmentos enriquecidos) para esa página:

Haga clic en el botón etiquetado Seleccionar de qué se trata esta publicación . Esto abrirá un menú desplegable que le permite elegir entre los diferentes tipos de marcado que admite el plugin.

Si tiene una tienda de comercio electrónico, por ejemplo, es probable que desee elegir Producto . Esta selección abrirá una interfaz donde puede ingresar detalles como la calificación del producto, el nombre de la marca y la imagen del producto:

El menú desplegable de Rich Snippets. 

Guarde sus cambios, ¡y listo! Su publicación o página ahora mostrará un fragmento enriquecido en los motores de búsqueda.

Valide sus Rich Snippets

A estas alturas, habrá incorporado con éxito el marcado de esquema en su sitio web de WordPress. Sin embargo, antes de terminar, deberá asegurarse de que todo funcione según lo previsto.

Esto significa que deberá validar sus fragmentos enriquecidos. La forma más fácil y popular de hacerlo es mediante la herramienta de prueba de datos estructurados de Google :

Prueba de fragmentos enriquecidos con la herramienta de datos estructurados de Google. 

Esta herramienta prueba todas las formas de datos estructurados. Además, ofrece una prueba de resultados enriquecida dedicada para evaluar fragmentos enriquecidos. Como tal, puede utilizar la herramienta para ver si sus fragmentos se muestran correctamente y están optimizados para los motores de búsqueda.

Todo lo que tienes que hacer es abrir la herramienta y pegar la URL de tu sitio web. Haga clic en PRUEBA URL y espere los resultados.

El objetivo de utilizar un Framewor de cualquier tipo es facilitar su trabajo.

Desea trabajar con un paquete que le brinde las características suficientes
para ayudarlo a comenzar a ejecutar sin agobiarlo con un montón de opciones
que no necesita.

Con ese objetivo en mente, aquí hay 20 frameworks de CSS que brindan los
conceptos básicos, sin todo el volumen.

FICTOAN pretende ser una excelente opción para aquellos que no son fanáticos de
frameworks más grandes y complejos. Cuenta con una combinación de colores
vivos, iconos personalizados y muchos elementos de diseño de estilo ligero.

Avalanche es un framework que puede personalizar para satisfacer sus necesidades. Hay
paquetes disponibles para habilitar características específicas como un
sistema de cuadrícula fluida , clases de compensación, contenedores, espaciado
vertical y más.

Beauter 

Con menos de 5k comprimidos, Beauter ciertamente acepta el desafío de ser muy
liviano. Sin embargo, eso no significa que no haya funciones. Obtiene lo
básico como una cuadrícula receptiva, pero también algunos extras como
desplazamiento de paralaje, modales, información sobre herramientas y algunos
contenedores agradables.

Vanilla Framework tiene un diseño simple para brindarle un excelente punto de partida para su
proyecto. Muchos contenedores y elementos de diseño se ven geniales por sí
solos, pero también se pueden personalizar fácilmente para que coincidan con
el aspecto deseado.

Cirrus.CSS
es un framework SCSS centrado en componentes y servicios públicos diseñado
para la creación rápida de prototipos.

Halfmoon es un framework de interfaz de usuario con un modo oscuro incorporado y una
personalización completa mediante variables CSS.

new.css es un
framework CSS ligero (~ 4.5kb) y sin clases para crear sitios web solo HTML.

Bulma  Basado en CSS Flexbox ,

 Bulma es un framework modular y totalmente receptivo que le permite usar
solo las cosas que necesita.

 Obtiene todas las ventajas de Flexbox , incluidas las columnas y
mosaicos que se redimensionan automáticamente en función de su número y
ventana gráfica.

Milligram
pesa casi tan poco como su homónimo: solo 2k cuando se comprime. Incluye todos
los conceptos básicos que esperaría y está diseñado para minimizar la cantidad
de estilos que tendrá que restablecer.

InvisCss se creó como una alternativa a frameworks más complicados. El paquete
presenta nombres de selectores CSS simples y una interfaz de usuario mínima
pero atractiva.

Mirar 

El resultado de un proyecto personal, Look fue lanzado al público como un
framework CSS minimalista para servir como un punto de partida básico para el
desarrollo del sitio. Los elementos de diseño son sencillos y se pueden
personalizar a tu gusto.

Cuadrícula ilimitada

UnlimitedGrid, basado en Sass, es un framework de red flexible y móvil. 

Es modular, por lo que solo tiene que usar las funciones que necesita. Se
incluye soporte Flexbox y hay múltiples variaciones de cuadrícula para elegir.

Vital 

Considerado como el «enfoque inverso» a los frameworks más grandes, Vital es
ligero y escalable. Construido con Sass, encontrará un diseño de cuadrícula
eficiente, botones y cargadores personalizados. También se incluyen varios
estilos de diseño útiles para cosas como collages de fotos, contenedores de
tarjetas y formularios.

PowerToCSS 

Basado en los principios de SMACSS y DRY, PowerToCSS es un framework CSS
ligero que ofrece una base sólida como una roca para que pueda comenzar
rápidamente con su próximo proyecto web.

Kouto Swiss
es un framework CSS completo para Stylus que le brinda muchas combinaciones,
funciones y utilidades para codificar más rápido, y también incluye el poder
del sitio web de Caniuse para hacer que sus hojas de estilo se ajusten a sus
necesidades de compatibilidad.

CSS furtivo

Furtive es un framework basado en dispositivos móviles con una huella muy
pequeña. 

Este framework no se preocupa por las versiones anteriores del navegador, lo
que significa que puede usar ‘tecnología de vanguardia’ como flexbox, SVG y
prefijos de proveedores limitados. También está disponible en SCSS, CSS y
viene con un archivo Gulp para personalizar la compilación.

Webplate 

El framework de Webplate incluye todo, desde un robusto motor de diseño
receptivo hasta elementos de botones globales, formularios personalizables y
soporte para fuentes de iconos IcoMoon. También viene con jQuery, Modernizr y
Typeplate por defecto.

Webplate web Lightweight Front-End Framework robusto motor de diseño receptivo
kit de herramientas css html

Fluidez

¡La fluidez es quizás el framework CSS más ligero y totalmente receptivo de
todos los tiempos! El HTML responde casi al 100% desde el primer momento, y el
archivo CSS de 115 bytes corrige la parte ‘casi’. No puedo ser más ligero que
eso.

Esquema 

Basado en LESS, Schema es un framework de interfaz de usuario de interfaz de
usuario receptivo que viene con una colección completa de componentes CSS
(botones, menús desplegables, formularios …) para ayudarlo a comenzar
rápidamente.

Esmeralda 

Emerald es un sistema de cuadrícula receptivo pragmático en MENOS. Está basado
en elementos de bloque (a diferencia de los flotantes) y está escrito con la
metodología OOCSS utilizando la sintaxis BEM.

Bibelot 

Bijou es un framework de cuadrícula de 10 columnas liviano (<2 kb)
sensible. Viene empaquetado con botones, alertas, tablas, barra de navegación
y, por supuesto, la cuadrícula.

Chispa

Spark es un framework liviano basado en el enfoque móvil primero para el
diseño receptivo. El framework viene preconstruido con varios temas de color
que son intercambiables, tanto en estilos brillantes como planos. Actualmente,
los colores base son plateado (predeterminado), azul, verde, naranja, rojo,
morado, lima y fruta del dragón.

Typebase 

typebase.css es una plantilla de tipografía CSS mínima y personalizable. Lo
más importante que le brinda typebase.css es un ritmo vertical obligatorio en
la mayoría de las pantallas de los dispositivos, lo que garantiza que el texto
en las columnas y la copia larga no se vuelva desigual. Están disponibles las
versiones Less y Sass.

Hoisin 

Construido con Sass, Hoisin es un mini framework front-end simple y receptivo
que ha sido creado como una alternativa a los frameworks front-end más
complejos e hinchados. A propósito, no incluye ningún componente, sino que se
centra en brindarle una base organizada a partir de la cual puede crear su
propia biblioteca.

Cuadrículas lindas 

Cute Grids es un sistema de cuadrícula de respuesta móvil de 12 columnas que
nació de la frustración de los grandes frameworks de trabajo de hoy en día que
pueden ser excesivos para la mayoría de los proyectos y restringir la
creatividad del diseñador.en día que pueden ser excesivos para la mayoría de
los proyectos y restringir la creatividad del diseñador.