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
Mirki z #frontend #html #css ktoś mi jest w stanie pomóc? Mam taki problem, że mam grupę select z opcjami i pierwsza opcja służy mi jako placeholder, dopisałem do niej hidden i selected, ale problem jest taki, że inne placeholdery w formularzu mają szary kolor, a ta w rolce z wyborem jest czarna. Wie ktoś jak to ustawić w css żeby ta opcja domyślna wyświetlała się
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć, chcę nauczyć się języka JavaScript, moja wiedza aktualnie ogranicza się do zrobienia funkcji dodawania, mnożenia i dzielenia więc jestem totalnym laikiem, nigdy nie bawiłem się w programowanie. Czy polecacie jakieś darmowe kursy w których dobrze są wytłumaczone podstawy JS? I czy w ogóle warto pchać się w takie darmowe kursy czy jest to nonsens i nie zabierać się za to bez profesjonalnych szkoleń?

#javascript #programowanie #css
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@michal7840:
- połowa ludzi w wieku 16-30 lat rzuciło się na IT. informatyka to najpopularniejszy kierunek studiów w Polsce + jest tysiące szkół programowania. to jest poje bane co tu się odwala. po 1000-2000 CV na 1 miejsce. już łatwiej na harvard się dostać niż dostać prace jako junior na polskim rynku IT.
- mamy obecnie największy kryzys w IT od lat, który potrwa jeszcze z rok lub dwa. wiele
  • Odpowiedz
#cv #ankieta #pracbaza #praca czy cv w gołym .txt to dobry pomysł żeby się wyróżnić? w wersji drukowanej na oczoyebnym tle albo uwaga uwaga w wersji drukowanej na drukarce do rachunkow takiej paragonowej wiecie cos w takim stylu, pewnie rozjedzie mi sie ale trudno w sensie tabelki w ascii i font monotypowy o stalej szerokosci #css #webdev :

.-----------------------------.
| * Curriculum
KingaM - #cv #ankieta #pracbaza #praca czy cv w gołym .txt to dobry pomysł żeby się w...

źródło: 134864.image0

Pobierz

dobry pomysl

  • tak 35.7% (25)
  • nie 64.3% (45)

Oddanych głosów: 70

  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 0
@KingaM: "wyróżnić się" to jest złe określenie bo całkiem niedawno (dlatego łatwo go odnalazłem) na unknownews widziałem linka do czegoś takiego:

25) Resume Matcher - narzędzie do ulepszania CV https://github.com/srbhr/Resume-Matcher INFO: Rekruterzy bardzo często korzystają z systemów ATS (Applicant Tracking System), które oceniają, na ile CV nadesłane przez kandydatów pokrywają się z ich opisem stanowiska. Ta aplikacja (self-hosted) symuluje takiego ATS-a. Możesz więc pracować nad swoim CV w taki sposób, aby
  • Odpowiedz
Za 9 dni Firefox - jako ostatnia z przeglądarek - zacznie obsługiwać selektor :has().

#programowanie #css #firefox

W końcu, po 16 latach działająca obsługa tej jakże kluczowej funkcji CSS zagości w Firefoxie i w Firefoxie na Androida!
Od 19 grudnia 2023 deweloperzy będą mogli już spokojnie używać :has() ponieważ od tego dnia obsługiwać ją będą wszystkie
WykopX - Za 9 dni Firefox - jako ostatnia z przeglądarek - zacznie obsługiwać selekto...

źródło: firefox

Pobierz
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Robię drugie podejście do nadania elementu sticky dla klasy. Nigdy nie chce mi pływać za ekranem tylko stoi w miejscu. Co robię źle?
link do przypadku
klasa stickajsie dodaję position:sticky ale to nic nie daje. Żaden element nie ma height i innych.
#css #webdev #webdesign
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Kollo:

If any parent/ancestor of the sticky element has any of the following overflow properties set, position: sticky won't work (unless you specify a height on the overflowing container):


zobacz co ma #page
  • Odpowiedz