Hej, frontendowe Mirki i Mireczki!

Razem z kolegami i koleżankami pracujemy nad raportem State of Frontend 2024. Będzie to już trzecia edycja tego raportu, który poprzednio zgromadził ponad 3700 odpowiedzi z 125 krajów świata. Teraz chcemy ten wynik pobić.

Aby to zrobić, potrzebujemy waszej pomocy. Jeśli mieliście do czynienia z frontend webdevelopmentem, to wypełnijcie proszę naszą ankietę. Im więcej osób to zrobi, tym dane będą lepsze, a za parę tygodni opublikujemy na ich
elektryk91 - Hej, frontendowe Mirki i Mireczki!

Razem z kolegami i koleżankami pracu...

źródło: 600x600_02

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

CSS ma hyphens: auto, do auto łamania w punktach dzielenia wyrazu (na sylaby).
Jaki to algorytm? Czy jest dostępny w JavaScript?

Znalazłem to: https://github.com/ytiurin/hyphen
Wygląda ok. Używa się łatwo z polskim językiem import { hyphenate } from "hyphen/pl";.
Ale jaki algorytm używa konkretnie Firefox czy Chrome? Bo może są po prostu lepsze od tej biblioteki z GitHub.
#javascript #css #firefox #chrome #
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
Siema.

Szukam szablonu admin dashboard dla #angular. Co polecacie? Coś tam stworzyłem z podstawowym material design ale szkoda mi czasu na CSSy - backendowiec here.

#css #frontend
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Android
  • 0
@soldierunware wygląda spoko ale to repo, które trzeba sklonować i na którym się bazuje, tak? A może coś co można zainstalować przez npm, jak coreui (które jest brzydkie)?
  • Odpowiedz
@mirunek sama biblioteka komponentów która za tym stoi to PrimeNG.
Ten sakai to przykład gotowej implementacji w oparciu o PrimeNG.
Ja ostatnio przy projekcie wziąłem to repo i dostosowałem do swoich oczekiwań (standalone komponenty, inna struktura folderów, wycięcie niepotrzebnych elementów). Jak dotychczas, działa to fajnie.
  • Odpowiedz
Cześć, napotkałem problem przy mojej strony PHP w połączeniu z CSS. Z jednej strony wszystkie style się wczytują się otwierając stronę z drugiej natomiast w momencie kiedy próbuje coś edytować nic się nie zmienia. Korzystam z XAMPP. #httml #css #informatyka #php
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@qbek: To co widzisz przez ułamek sekundy to prerenderowana statyczna strona z cache-u bez js-a dostarczana z pierwszym plikiem html (poprawia czas do pierwszego załadowania zawartości strony, co pozytywnie wpływa też na pozycjonowanie w google). Potem wskakuje docelowa aplikacja JS która zastępuje prerender, problem w tym że ona już nie pochodzi z cache i jest pusta.
  • Odpowiedz
Da się w tej sytuacji nadpisać kolor red kolorem blue, bez modyfikacji atrybutu style?
Chcę userStyle nadpisać jedno miejsce, i wygląda że to niewykonalne.
CSS @Layer (z małej litery l bo mi wykop zmienia na dużą) coś tam potrafiło zmieniać kolejność specyficzności stylu, ale chyba atrybutu style z !important nie pokonuje?
#css #html #webdev #frontend
look997 - Da się w tej sytuacji nadpisać kolor red kolorem blue, bez modyfikacji atry...

źródło: obraz

Pobierz
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@look997: nie napiszę bo nie znam struktury, ale jak masz spory DOM to teoretycznie może to wyglądać jak #jakiśdiv #innydiv .klasa #bla #bla .a.b.c [data-cośtam] .direct-parent > div { color: blue !important; } - jak masz za prostą strukturę to i tak się nie uda, ale mooooże nazbierasz tych selektorów
  • Odpowiedz
Czy istnieje propozycja CSS, co do preferencji pozycji przycisków, np. przycisk zamykania okienka albo wycofywania z okna modalnego?
Bo systemy operacyjne mają czasem z lewej, czasem z prawej przycisk zamykania, potwierdzenia itp.
#webdev #css #frontend #javascript
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@look997: raczej nie, kolorystycznie dark mode wykryjesz, ale poza tym wszystko po Twojej stronie. Jeżeli czegoś używają to pod kątem accessibility i te dyrektywy które opisałeś w zupełności wystarczą (no i dobra semantyka żeby dało się używać strony przez czytnik ekranowy)
  • Odpowiedz
@look997: Nigdy o takiej opcji nie słyszałem, ale jako użytkownik Maca - w necie i tak spodziewam się mieć te przyciski po prawej. Tak robią wszędzie, w zasadzie się nie spotkałem na stronie internetowej żeby to było gdzie indziej.
  • Odpowiedz
Jest jakiś sposób w #webdev #programowanie #html #css #js na no właśnie:
Mam przycisk z animacją po najechaniu i nad tym przyciskiem diva, który jest umieszczony dokładnie w tym samym miejscu co przycisk.
A pod diva mam podpiętą funkcję, która się uruchamia po kliknięciu.
Teraz chciałbym, aby ten div był zupełnie niewidoczny, ale się uruchamiał po kliknięciu na div, przycisk.
I nie, nie mogę podpiąć tej
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki szukam kogoś kto mi pomoże odpłatnie ogarnąć amazzing filter w prestashop. Filtrowanie na mobile nie działa tak jak powinno nie można przesuwac filtrów jeśli jest ich dużo. Potrzeba też to ostylowac tak aby to dobrze wyglądało. Pomożecie?

#programowanie #kiciochpyta #prestashop #css
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak w web-extension wykryć, czy strona internetowa obsługuje tryb ciemny i czy jest aktualnie w trybie ciemnym?

Nie tylko gdy automatycznie przełącza się w tryb ciemny (z color-scheme), ale także czy domyślnie jest wyłącznie w trybie ciemnym, bez użycia color-scheme, w ogóle bez trybu jasnego?

Chcę to do rozszerzenia typu Firelux, ale z taką automatycznym, skutecznym wykrywaniem włączonego trybu ciemnego.

#firefox #webextensions #css #javascript
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@look997: Nie da się, to strona wykrywa czy ma użytkownik ma włączony tryb ciemny i na tej podstawie może serwować inne style. Czy strona używa trybu ciemnego musiałbyś w najlepszym wypadku szukać czy w stylach css strony jest @media (prefers-dark-interface) + detekcja czy użytkownik ma włączony tryb ciemny, ale brak tego nie oznacza, że strona działa w trybie ciemnym bo równie dobrze deweloper mógł użyć jakiejś klasy na html/body
  • Odpowiedz
@look997: A jak ciebie interesuje czy są takie kontrasty na stronie no to by się dało, ale to dalej nie jest jednoznaczne czy strona ma tryb ciemny czy jest zwyczajnie ciemna :). Taka pierwsza myśl to by było zrobienie screenshota js, i kalkulacja jakie główne kolory są na stronie i czy przeważa ciemny kolor czy nie, albo przelecenie po wszystkich node-ach z tekstem i sprawdzeniem jaki jest w nich kolor
  • Odpowiedz
Mam problem z #webpack 4

Mianowicie: mam wrażenie, że on miesza style z komponentu A, i dodaje je do komponentu B, jeśli tylko tak samo się nazywają. Na pewno dzieje się do kiedy mówimy o zagnieżdżeniu w głąb, i chyba czasem jakieś dziwy się cacheują (stare i nowe style) między komponentami równoległymi.

Nie chcę takiego czegoś, bo nie wiem jak napisać dobry scss, kiedy on "losuje" wygląd komponentów. Na razie tylko
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

mireczki poratuje ktos prostym kodem? chce sobie na sklep dodac w tle (białe tło) w transparentnym png jakies motywy jakby rysowane ołówkiem zeby były w tle na obu krańcach strony aż do krawędzi? jakim kodem to umiejscowić, żeby było na stałe nawet podczas scrollowania i w ktorym miejscu kodu wrzucić? link do png umiem podmienić ( ͡° ͜ʖ ͡°) chodzi o footer i header zasadniczo

#programowanie
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@presburger: polecam chata gpt do takich rzeczy ;)

background-image: url('linkdotwojego_obrazka.png');
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
  • Odpowiedz
@presburger: Chat pomaga rozwiązywać takie proste problemy, ale uważaj z bardziej skomplikowanymi rzeczami, bo on też się myli i często znaleźć u niego błąd to p--------e ;)
Najlepiej większe rzeczy budować z nim krok po kroku, dodając po jednej funkcji i testując dokładnie.

Poza tym można go o wszystko pytać, a on chętnie tłumaczy. Jak go przyciśniesz, to nawet sporo wiedzy ma i można to z niego wydobywać w formie
  • Odpowiedz
Mam problem z wydajnością strony. Szczególnie problem jest z wydajnością na komórki. Jak zoptymalizować stronę? Może jakaś darmowa wtyczka? To bardzo prosta jest strona oparta na motywie wordpress.

#wordpress #www #stronainternetowa #webmastering #web #html #css #php #komputery #stronywww #pytanie #pytaniedoeksperta
krzychummm - Mam problem z wydajnością strony. Szczególnie problem jest z wydajnością...

źródło: Zrzut ekranu 2024-01-03 201649

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

To bardzo prosta jest strona oparta na motywie wordpress.


@krzychummm: W moim mniemaniu "bardzo proste strony" to takie, które są klepane od zera pod zawartość statyczną w HTML i CSS, gdzie czysty JS nie jest nawet wymagany do podstawowej funkcjonalności. A nie strony postawione na Wordpressie pełne PHP i JS/JQuery.
  • Odpowiedz
które są klepane od zera pod zawartość statyczną w HTML i CSS, gdzie czysty JS nie jest nawet wymagany do podstawowej funkcjonalności.


@supra107: tak - 100% racji. Obecnie "prosta" strona to jakiś szablon, do którego podpiętych jest pierdylion skryptów i nie wiadomo, co robi połowa z nich. A miało być tak fajnie - XHTML miał rządzić (HTML + CSS + proste JS).
  • Odpowiedz