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:
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
Yo he usado Tailwind CSS y Materialize, tiza!
le acabo de preguntar al profe que salio de guardia y me dijo q material UI pf ni idea pero me dijo eso
Leison wrote:le acabo de preguntar al profe que salio de guardia y me dijo q material UI pf ni idea pero me dijo eso
Voy a leer su documentación a ver que tal, hasta ahora Tailwind tiene mi voto
mi página: https://lazaroagomez.github.io/
Lucien wrote:Voy a leer su documentación a ver que tal, hasta ahora Tailwind tiene mi voto
mi página: https://lazaroagomez.github.io/
vale de todas maneras voy a aberiguarte con varios colegas que estudian con migo y estan mas metido en la programacion que yo a ver q tal y uno tiene como 3 paginas en internet dentro de 15 mn te diro pal pv y te digo
Lucien wrote: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
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 wrote: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.)
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 wrote: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
Monta una API en Heroku y usa github sólo para el front-end. Eso fue lo que hizo un socio mío.
Boostrap, solo boostrap basta.
Lucien wrote:Voy a leer su documentación a ver que tal, hasta ahora Tailwind tiene mi voto
mi página: https://lazaroagomez.github.io/
Te sugiero Bootstrap un millón de veces mejor que tailwind
Blackasassing wrote:Te sugiero Bootstrap un millón de veces mejor que tailwind
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.
Tailwind