¡Bienvenido!

Al registrarte con nosotros, podrás discutir, compartir y enviar mensajes privados con otros miembros de nuestra comunidad.

¡Regístrate ahora!

  • Ahora disponible chatcuba.net, nuestra nueva plataforma para conversaciones en tiempo real. Conéctate con otros cubanos y amigos de Cuba de forma más directa e inmediata.

Discusión Que Librería CSS usar para mi página

Lucien

Lucien

{life++}
Moderador
Nivel 6
Mensajes
1,801
Puntos de reacción
5,805
Buenos días a todos, hoy me desperté con ganas de aprender, así que decidí crearme una página con Github Pages, quiero hacerla toda de cero sin utilizar ninguna plantilla, mi pregunta es la siguiente ... ¿Cuál librería CSS me recomiendan? Ya conozco Boostrap así que debería optar por algún otro. Hasta ahora mis alternativas son:
  • Foundation
  • 2- Bulma
  • 3- Tailwind CSS
  • 4- HTML5 Boilerplate
  • 5- Material UI
  • 6- Metro UI
  • 7- UIKit
  • 8- Materialize

Mis objetivos es crear una landing page con entradas de blog hechas por mí, algo así como un CMS, pero de puro HTML, otra idea que tengo es que la página tenga modo oscuro y modo claro y que automáticamente detecte el idioma y traduzca al español o al inglés
 
le acabo de preguntar al profe que salio de guardia y me dijo q material UI pf ni idea pero me dijo eso
 
Lucien dijo:
pero de puro HTML, otra idea que tengo es que la página tenga modo oscuro y modo claro y que automáticamente detecte el idioma y traduzca al español o al inglés
Haz clic para expandir...
Eso no lo puedes hacer con puro HTML. Para lo primero necesitas JS para cuando el usuario haga click en un botón o algo cambie el stylesheet. Eso se ha hecho miles de veces, así que estoy seguro de que encontrarás un buen ejemplo googleando.
Para la segunda no estoy seguro de que si lo piedas hacer en el font-end con JS pero a lo que yo estoy acostumbrado es:
-Usar la URL para sacar el idioma (ej. https://example.com/es/ o https://es.example.com/)
-Usar los headers (específicamente "language") esto es lo que yo haría
Pero como yo lo veo vas a necesitar un framework de un lenguage fuerte pars hacer eso. (Un React, un Vue, quizás Django si no te gusta JS.)
 
moist dijo:
Eso no lo puedes hacer con puro HTML. Para lo primero necesitas JS para cuando el usuario haga click en un botón o algo cambie el stylesheet. Eso se ha hecho miles de veces, así que estoy seguro de que encontrarás un buen ejemplo googleando.
Para la segunda no estoy seguro de que si lo piedas hacer en el font-end con JS pero a lo que yo estoy acostumbrado es:
-Usar la URL para sacar el idioma (ej. https://example.com/es/ o https://es.example.com/)
-Usar los headers (específicamente "language") esto es lo que yo haría
Pero como yo lo veo vas a necesitar un framework de un lenguage fuerte pars hacer eso. (Un React, un Vue, quizás Django si no te gusta JS.)
Haz clic para expandir...
Si, lo que quería decir con html puro es que github pages solo sirve páginas estáticas, nada, toca googlear un poco y ver qué me tiene que decir stackoverflow al respecto jaja
 
Lucien dijo:
Si, lo que quería decir con html puro es que github pages solo sirve páginas estáticas, nada, toca googlear un poco y ver qué me tiene que decir stackoverflow al respecto jaja
Haz clic para expandir...
Monta una API en Heroku y usa github sólo para el front-end. Eso fue lo que hizo un socio mío.
 
Blackasassing dijo:
Te sugiero Bootstrap un millón de veces mejor que tailwind
Haz clic para expandir...
Bootstrap es mucho mejor si buscas rapidez y consistencia visual, mientras que Tailwind por la otra parte es mejor si prefieres control total sobre el diseño( adaptado a necesidades específicas) Cada uno sirve para objetivos diferentes.
 
Choosing a CSS library depends on your project's needs Bootstrap is great for responsive layouts, Tailwind CSS offers utility-first styling, and Bulma provides a lightweight, modern design. If you prefer flexibility, Tailwind allows custom styling without predefined components, while Bootstrap is best for quick prototyping. Consider performance, customization, and ease of use before selecting the right one for your page.
 
Última edición por un moderador:
Atrás