Korzysta ktoś z Tailwinda do tworzenia widoków stron internetowych? Jeżeli tak, to czy możecie coś o nim napisać?

Coś mi się obiło o uszy, że podobno jest coraz popularniejszy, chociaż część osób narzeka na kilka wad, jak np konieczność mieszania stylów z elementami html.

Swoją drogą, co według Was jest lepsze, Tailwind, Bootstrap, czy czysty CSS/SCSS?

#webdev #naukaprogramowania #css #javascript #bootstrap #tailwindcss
maciorqa - Korzysta ktoś z Tailwinda do tworzenia widoków stron internetowych? Jeżeli...

źródło: tailwind-thumb

Pobierz

Jak najlepiej stylować widoki stron internetowych?

  • Vanilla CSS/SCSS 36.0% (18)
  • Bootstrap 28.0% (14)
  • Tailwind 36.0% (18)

Oddanych głosów: 50

@maciorqa: to zależy:

- Bootstrap to jest dobry do zrobienia prostego i szybkiego mocka. Ma z góry narzucone style, trzeba nadpisywać i robi się syf. Żaden poważny projekt komercyjny na tym nie stoi albo jest mocno przerobiony
- Tailwind: fajny, zmniejsza ilość CSSów (bo powielone atrybuty CSSa są w jednej klasie więc jak w projekcie normalnie byśmy użyli np. font-weight: bold 100 razy to w Tailwindzie będzie tylko jedna deklaracja więc
@maciorqa: Pracuję jako webdev jakieś 12 lat.

Po pierwszej styczności z Tailwindem nie wrócę już z własnej woli do Bootstrapa czy vanilla CSS/SCSS.

Szczególnie w większych projektach i tych gdzie pracuje więcej osób. Ale nawet w mniejszych też to mój framework pierwszego wyboru.

A już szczególnie jak jeszcze trzeba pracować z widokami dostarczonymi Figmie, gdzie można sobie je ekspertować.

Ale również produkcyjny kod CSS - przy dobrej konfiguracji - pozwala ograniczyć
Wykopki, uczę się już trochę czasu frontendu obecnie jestem na poziomie robienia do portfolio rozbudowanej strony sklepu w #react z #bootstrap w oparciu o api stronek typu dummyjson . Do tej pory uczę się sam ale pojawiła się opcja sfinansowania kursu z urzędu pracy. Czy warto się na to porywać, polecacie jakieś kursy ? Z jednej strony opinie o dostępnych kursach są mieszane i mogę stracić czas na rzeczy w której dużej
#naukaprogramowania
#bootstrap
#webdev
#html
#css

Mirki to nie moja działka, ale staram się ułożyć zdjęcia w bootstrapowym gridzie.
Zdjęcie numer 1 to zdjęcie pionowe proporcje 2:3
Kolejne 2 i 3 to proporcje 3:2

Układ jaki chcę ma wyglądać niby tak jak na obrazku.
Chcę by zdjęcia po prawej jedno było wyrównane do góry lewego zdjęcia, a to dolne było wyrównane do dołu zdjęcia po lewej.
Na ten moment przy tym kodzie dostaję
cohontes - #naukaprogramowania
#bootstrap
#webdev
#html
#css

Mirki to nie moja dział...

źródło: uklad

Pobierz
#bootstrap

pomoże mi ktoś z jedna rzeczą? Kiedyś Mirek mi zrobił prosty szablon strony w boostrap i sobie ją modyfikuje ale jadą rzecz chciałem dodać, mianowicie wstawić tabelkę z arkuszy google która będzie centralnie w środku strony i będzie się w miarę responsywna w zależności od urządzenia. Będę ją edytował w arkuszach a ona się zmieni na www :) najprościej jak się da bym poprosił o wskazówki,. Aktualnie moje body wygląda tak:
hej mireczki, mam problem z #bootstrap zainstalowalem bootstrapa przez npm, otworzyłem plik html z podpietym
"js/bootstrap.js" i "css/bootstrap.css", niby wszystko git z css bo zmienil sie font ale w konsoli widze taki blad, probowalem wyszukac ten problem ale nic nie znalalem (bylo tylko rozwiazanie: Uncaught TypeError: Cannot read property 'fn' of undefined ( ͡° ʖ̯ ͡°) poprawcie mnie jesli read i acces to ten sam problem). #javascript #
zoomer21_ - hej mireczki, mam problem z #bootstrap zainstalowalem bootstrapa przez np...

źródło: comment_1657784543MCQ84Z1hEv0f1ny6FSlUSC.jpg

Pobierz
@Rajtuz: ale jakie 3 rzeczy nie działają? Na innych inputach nie masz required. Opisz konkretniej co chcesz zrobić i najlepiej wrzuć to na jakiegoś codesandboxa skoro chcesz uzyskać pomoc
Dostałem zadanie przerobienia szablonu z OpenOffice (cennik firmy) z ODT na HTML, żeby mieć możliwość generowania go przez skrypt. Sam szablon wyszedł całkiem w pytkę biorąc pod uwagę fakt że ostatni raz pisałem w HTML za czasów chomikuj :D

Ale do rzeczy. Mam pewien problem, szablon ma być po wszystkim konwertowany z HTML na PDF. I teraz mam problem, bo na każdej stronie w oryginalnym cenniku na dole jest stopka z numerem
@NewEpisode: z mojego doswiadczenia chrome najlepiej konwertuje html do pdf. jezeli chodzi o stopki i naglowki to moze to nie jest najlepsze rozwiazanie, ale ja sobie przyjalem, ze bede printowal w 300 dpi i znalem rozmiar strony w pixelach. wtedy zrobilem sobie w react komponent Page, ustawilem wysokosc i szerokosc w css, do tego zrobilem komponent Footer i Header ktore byly widoczne tylko gdy podalem flage isPDF = true. I tyle.
Może mi ktoś wytłumaczyć, dlaczego jak robię stronkę internetową, to wszystkie widoki powinienem robić według zasady "mobile first"?

Zawsze jak robię jakiś widok, to dzielę go na sekcje. Potem robię pierwszą sekcję i najpierw ogarniam wersję na desktopy i jak widzę że jest tak jak chciałem, to od razu robię wersję na mobilki. Kiedy widzę, że dana sekcja strony wygląda ok zarówno na ekranie monitora jak i telefonu, to przechodzę do kolejnej
Hej mireczki, czy ktoś z #programista15k mógłby pomóc mi z problemem z #bootstrap?

Próbuje zrobić stronkę opartą o rozwijane nagłówki. Wykorzystałem accordion bootstrapa. Chciałbym żeby po kliknięcu w dany nagłówek przyczepiał się on do góry strony. Po kliknięciu w kolejny nagłówek poprzednia sekcja powinna się zwinąć a kliknięty nagłówek znów przyczepić do góry strony. Mój kod działa dobrze, gdy klika się w nagłówki po kolei od góry. Niestety nie mogę poradzić