loczyn
Nie chce ktoś uczący się frontu dorobić sobie kilku groszy?

W skrócie: chcę dać taki interaktywny manual ludziom w pracy co leży w jakich folderach.
Coś jak tutaj: https://www.joshwcomeau.com/react/file-structure/
tylko to ma nie być File Explorer, tylko chcę całą treść i strukturę wpisywać w palca [mogę w plik html/js]
Po lewej rozwijana struktura, a jak się kliknie na folder lub "plik" to po prawej info o tym
1
  • Najlepsze
  • Wszystkie komentarze
AntyKuc
https://www.joshwcomeau.com/react/file-structure/


@loczyn: Dlaczego po prostu nie skopiujesz tego co ten chłop napisał? XD
1
FortresMaximus
FortresMaximus
@AntyKuc uu trudne pytanie
0
placebo_
Znacie jakies frameworki css dla Qwik? #qwik #css #frontend
0
massejferguson
#php #css
Czy jest jakaś paczka do zminifikowania css przez php która nie utworzy nowych plików tylko tak jakby zapisze zminifikowane pliki jakoś tak, nie wiem, wirtualnie albo jakoś do zmiennej? chodzi mi oto żeby pliki przed minifikacją były i je można edytować a strona czyta tylko te wirtualne(?) zminifikowane wartości.
0
  • Najlepsze
  • Wszystkie komentarze
panDocent
@massejferguson: to nie jest wydajne rozwiązanie. Wirtualne pliki musiałbyś pewnie generować przy każdym request, albo zapisywać do bazy.

Ogólnie praktyka jest taka
1. Style trzymasz w plikach SCSS.
2. Na lokalnym środowisku masz budowanie zwykłych CSS z tych SCSS za pomocą jakiejś paczki w NodeJS jak Webpack
3. Na środowisku produkcyjnym budujesz zminifikowane CSSy też
2
januzi
@massejferguson https://github.com/matthiasmullie/minify Zrób sobie skrypt, który będzie zapisywać zmniejszoną wersję do odpowiedniego miejsca na serwerze.
0
kazik-
Krótkie przypomnienie...

To już dzisiaj.
Równo o 20:00.

Darmowe Szkolenie Online:
1
massejferguson
0
  • Najlepsze
  • Wszystkie komentarze
Naproksen
@massejferguson: pokaż więcej (6,8 kilobajtów)
0
massejferguson
@Naproksen: chodzi o to żeby więcej kodu pokazało czy co? bo nie kumam XD
0
massejferguson
#php #css
Czy jest jakaś paczka na packagist która zminifikuje mi pliki css w folderze i podfolderach? potem utworzy mi gdzieś gdzie chcę folder, podfoldery i pliki o tych samych nazwach?
0
  • Najlepsze
  • Wszystkie komentarze
panDocent
Packagist jest "raczej" przeznaczony do komponentów skupiających się na backend. Ty szukasz rozwiązania na frontend. Poczytaj sobie o Webpack czy Grunt, chociaż nie wiem, czy tego drugiego jeszcze się używa.
0
FredOnizuka
FredOnizuka
@massejferguson: To nie do końca jest to, o co pytałeś, ale na github jest wiele bibliotek napisanych w PHP, które "minifikują" pliki ze stylami. Musiałbyś to sobie rozbudować o zmniejszanie plików w folderach:

https://github.com/matthiasmullie/minify
0
kazik-
Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie online, na którym przedstawię Ci niemałą rewolucję dla Programistów C# - to znaczy nowości związane z Blazorem w .NET 8.

Zostały poprawione wszystkie wady Blazora i staje się on teraz mega dobrym frameworkiem w szczególności dla Programistów C# (chociaż nie tylko).

Agenda spotkania:
✅ Wprowadzenie do Blazora i .NET 8.
1
  • Najlepsze
  • Wszystkie komentarze
pyroxar
Jak w aplikacji webowej zrobić dobrze przewijanie, nie chodzi mi o szczegół techniczny, a raczej architekturę. Na razie zaraz po root aplikacji mam komponent ScroolToTop, który zawsze scrolouje na górę, co każde przeładowanie, czyli kliknięcie każdego linku. Ale wtedy kiedy, nie powinno być tego zachowania, dodaje w URL parametr noscroll, ale to jakoś nie podoba mi się.

Marzy mi się w jego miejsce zrobić komponent, któremu będę przekazywał contextAPI ref do elementu,
1
  • Najlepsze
  • Wszystkie komentarze
KingaM
Na blogu podlinkowalam w szablonie obrazki spod adresów wylogowywania i ukryłam pod display: none bo nie będziecie czytać mojego bloga i siedzieć na wykopie, chcesz czytać to loguj się na fejsika jeszcze raz gamoniu #webdev #html #blog teraz gdy na niego wchodzisz jednoczesbie wylogoowywuje cię skąd tylko może , nie będziesz miał bogów cudzych przede mna #css
0
pyroxar
Mam aplikację w #react, mam wiele paneli, gdzie loadery ładują komponenty dynamicznie, a więc po wyrenderowaniu widoku, wysokość strony może się jeszcze zmienić, nie ma tu zasady, zależy to od wielu czynników, zrobiłem prostą funkcje scrool to, ale react/przeglądarka się gubi, przesuwa nie tam, gdzie powinien, jak ugryźć ten temat?

czy dobrym rozwiązaniem, w przypadku react, jest używanie #id w linkach?

#javascript #webdev
0
  • Najlepsze
  • Wszystkie komentarze
KingaM
#html #css #webdev jakie buttony mogę dodać? Nie robiłam tego 20lat, takie hotlinki w freenecie pomagają utrzymać aktywna stronę bo pobranie z niej czegokolwiek liczy się jak pobranie całej
1
  • Najlepsze
  • Wszystkie komentarze
pyroxar
Mam kod który scroluje do elementu po id.

Sęk w tym, że niektóre komponenty ładują się dynamicznie, i zwiększają wysokość całej strony po powiedzmy 5 sekundach, a wtedy funkcja scrolująca robi byki i po prostu nie trafia w cel, nie wiem jak to ugryźć.

#react #webdev #css #javascript #programowanie
0
  • Najlepsze
  • Wszystkie komentarze
Wezwoguleicstont
Czy ktoś jest w stanie mi pomóc jak wstawić na stronę główną sklepu postawionego na shoperze kolaż/fotokolaż bezpośrednio z profilu na instagramie? Mam na myśli aby wstawić na stronę główną mojego sklepu najnowsze zdjęcia z profilu mojej firmy na instagramie w postaci mini galerii/kolaża/fotokolaża (jak zwał, tak zwał). Zależy mi aby to były same zdjęcia, nawet nie musi być odnośnika do profilu na insta. Jakiś css/html? Będę wdzięczny za pomoc!

#sklepinternetowy
0
  • Najlepsze
  • Wszystkie komentarze
maciorqa
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 #

Jak najlepiej stylować widoki stron internetowych?

  • Vanilla CSS/SCSS 34.6% (18)
  • Bootstrap 28.8% (15)
  • Tailwind 36.5% (19)

52 głosy

0
  • Najlepsze
  • Wszystkie komentarze
E.....y
E.....y
Mam ustawione na stronie coś takiego i to spoko wygląda


ul {
list-style: none;
padding-left: 0;
0
  • Najlepsze
  • Wszystkie komentarze
pyroxar
Czy w react jest jakiś kilerski hack, żeby pojedyncze literki, były przenoszone do nowej linii?

Pliki z tekstem angielskim/polskim mam w plikach zewnętrznych json.

Ładuje je do aplikacji przez system tłumaczeń.

#html #css #react #programowanie #webdev #javascript
0
  • Najlepsze
  • Wszystkie komentarze
Jacob

jaki system styli pod projekt web?

  • czysty css 35.6% (21)
  • tailwind 39.0% (23)
  • bootstrap 25.4% (15)

59 głosów

0
  • Najlepsze
  • Wszystkie komentarze
aptitude
Zapytałem się ChatGPT ile to 1rem w px, odpowiedział mi, że to jest dynamiczna wartość która zależy od wielkosci czcionki w <html>.
Zawsze myślałem, że to stała wartość 16px.

Więc, rem to dynamiczna czy stała wartość?

Wartości rem (root em) w CSS odnoszą się do wielkości czcionki elementu <html> (lub <body>, jeśli <html> nie ma zdefiniowanej wielkości czcionki).
0
  • Najlepsze
  • Wszystkie komentarze
mattz_
Może mi ktoś poradzić jak dobrze sprawdzić stronę pod różnymi rozdzielczościami i skalowaniem ekranu?
Mam jakąś wtyczkę i używam devtoolsy, ale nie uwzględnia skalowania. Klient ma skalowanie na 175% w windowsie i strona u niego inaczej wygląda. Teraz żeby to sprawdzić zmieniam skalowanie na jednym monitorze i rozdzielczość, ale jest to trochę upierdliwe.

Albo coś przeoczyłem albo nie potrafię znaleźć czegoś żeby sobie ułatwić życie. ¯\(ツ)/¯

#frontend #css
0