Siema frontendowe świry.
Czy znajdę gdzieś CSSa, dla boostrspa który w kilku wklejonych linijkach do projektu sprawi, że projekt będzie wyglądał nieco nowocześniej niż standardowy template. Przyznam, że bootsryap out of the box wyglada słabo... A nie jestem frontem, bawienie się w kolory, fonty, jakieś zaokrąglenia itd. - nie można bajka

#frontend #css #bootstrap
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
Pobierz maciorqa - Korzysta ktoś z Tailwinda do tworzenia widoków stron internetowych? Jeżeli...
źródło: tailwind-thumb

Jak najlepiej stylować widoki stron internetowych?

  • Vanilla CSS/SCSS 36.2% (17)
  • Bootstrap 29.8% (14)
  • Tailwind 34.0% (16)

Oddanych głosów: 47

@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ę
Pobierz cohontes - #naukaprogramowania
#bootstrap
#webdev
#html
#css

Mirki to nie moja dział...
źródło: uklad
#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 #
Pobierz zoomer21_ - hej mireczki, mam problem z #bootstrap zainstalowalem bootstrapa przez np...
źródło: comment_1657784543MCQ84Z1hEv0f1ny6FSlUSC.jpg
@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