@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.
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
@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
@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)
@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.
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 funkcji z diva pod przycisk, bo
@aptitude: co to za gówno xD Mnie już na froncie irytują te same nowe technologie, kiedy niby człowiek ma się tego uczyć? xD Zwykłe SCSSy, jakiś tailwind to jeszcze to przełknięcia ale co chwilę jakaś nowa libka od designu, jakiś nowy super pattern, jakieś cudowne narzędzia. No rzygać się już od tego chce xD Później wychodzi że zwykły scss to w sumie najlepszy bo czytelniejszy, ładnie oddzielony od logiki komponentu itd
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
@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 którą ustawia
@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 tekstu
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 łatam
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 #webdev #
@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 #!$%@? ;)
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 skrojonej
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.
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).
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ę na szarno, a reszta na czarno?
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 #naukaprogramowania #dlaprogramistow #html
@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 firm