Migracja z Bootstrap do innej biblioteki stylów

Pracuje na troche starym projekcie. I staram sie troche pozmieniac w nim ile sie da. Obecnie ten projekt uzywa CSS Bootstrap. Troche te kolory, tabele, list i cala reszta zawiewa staroscia, old fasion. Czy ktos moze uzywa jakiegos innego CSS fr, ktory polecacie? Ktory jest troche nowszy i oferuje lesze UI. I do tego w sumie, zeby istniala mozliwosc migracji z Bootstrap do nowego CSS fr, bo nie wiem czy da rade latwo taka migracje przeprowadzic.

Tailwind?

Wydaje sie wlasnie ok. Tylko nie mam pojecia jak to przemigrowac? Czy oba frameworki uzywaja tych samych CSS nazw? Musze poczytaj jak to jest z migracja. Bo przerabic caly projekt widok po widoku to nie da rady samemu...

nie używają tych samych, ale koncept jest zbliżony, możesz też poszukać wyższej wersji Bootstrapa

Wlasnie widze, ze Tailwind uzywa innych nazw CSS klass. Czyli to wchodzi zmiana wszystki CSSow, w calym projekcie. Widze, ze sa jakies tam narzedzia do zmiany tych CSSow np. https://github.com/awssat/tailwindo/. Tylko pytanie na ile to dziala. Szczegolnie, ze ten CSS w tym pojekcie jest niemal, ze wszedzie. Moze warto zainstalowac dwa fr i uzywac dwoch. Powoli zmieniajac np manu, nawigacje, jakies nie wiem hedery i powoli isc w strone forms, grid etc.

Z tego co ja rozumiem to nie ma latwej opcji migracji z bootstrap do tailwind.

Nie prościej zmienić theme w samym Bootstrapie? Poeksperymentuj ale wygląda jakbyś właśnie czegoś takiego potrzebował. Przy okazji upgrade do najnowszej wersji Bootstrapa.
Z konkurencji można iść w material design, inne to raczej już mniejsze frameworki.

To jest pomysl designer'a. Porownal layout i powiedzial, ze mu pasuje ten tailwind. Wyglada na o wile bardziej nowoczesny. I mozeliwe ze tak nawet jest. Nawet porownujac do bootstrap 5.

Nadpisać cssy?

Ja mam taki zwyczaj, że nawet jak korzystam z gotowego frameworka to i tak na końcu edytuje cssy bo są po prostu kiepskie, ale funkcjonalności są w miarę ok.

Można cały framework wymienić, ale tam też będzie coś kiepskiego, od tego jest customizacja.

Tailwind a surowe Cssy niczym się nie różnią tu i tu musisz samemu zrobić sobie style komponentów.

Sprawdz sam:

https://getbootstrap.com/docs/5.0/examples/
i
https://tailwindcss.com/showcase/lemon-squeezy

poniatowski napisał(a):

Sprawdz sam:

https://getbootstrap.com/docs/5.0/examples/
i
https://tailwindcss.com/showcase/lemon-squeezy

Ten argument jest inwalidą, porównujesz example konkretnych feature'ów z jakimś gotowym szablonem. Porównaj np. z https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/

Problemem nie jest ten czy inny framework.

To chyba sa platne thems? Nawet nie wiedzialem, ale to geenralnie ten sam kod uzywa tylko zamienia styling?

poniatowski napisał(a):

Wlasnie widze, ze Tailwind uzywa innych nazw CSS klass. Czyli to wchodzi zmiana wszystki CSSow, w calym projekcie. Widze, ze sa jakies tam narzedzia do zmiany tych CSSow np. https://github.com/awssat/tailwindo/.

No niestety, poznałeś coś co się nazywa tight-coupling, czyli ciasne przywiązanie do jakiejś biblioteki lub frameworka. I to jest samo zło.

poniatowski napisał(a):

Z tego co ja rozumiem to nie ma latwej opcji migracji z bootstrap do tailwind.

No to wręcz definicja tight-coupling, że nie jest łatwo to zmienić.

Niestety, obawiam się że najbezpieczniejsza opcja to jest po prostu zostawić boostrap :/

Wlasnie tez mysle, ze Bootstrap bedzie spoko. Mam teraz wersje 3. Przemigruje do 5 i bedzie tez git.