Wesprzyj nas i przeglądaj Hejto bez reklam

Zostań Patronem

#javascript

16
93

@otoczenie_sieciowe - chyb, że sobie wciskają go w 🍑

Zaloguj się aby komentować

@fewtoast To jest picture-in-picture, w obydwu przypadkach, ale przez to, że Chrome wspiera API picture-in-picture, to mogli dodać customowy przycisk, który zmienia stan. Na Firefox przycisk do zmiany stanu picture-in-picture zobaczysz na każdym elemencie video (niekoniecznie tylko na TikTok), jeżeli source jest dłuższy niż 45s (można zmienić to w ustawieniach) i jeżeli nie ma ustawionego atrybutu disablePictureInPicture .


Link do API: https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API

@renkeri Ale to nie jest samo wideo. No już mam info że jest PiP dla HTML, nie tylko dla wideo.


Mi się PiP dla wideo w stylu Firefoksa w ogóle nie podoba, to jest bardzo zawodne. Takie pełne, pod kontrolą strony, jest lepsze, stabilniejsze.

Mi YouTube czy inne wideo wywala jak coś net przytnie na przykład i to jest męczące wtedy.


A gdyby cały HTML w to wczedł, własny player, tak jak tu na TikTok, to już w ogóle super by było. A nie taki niedorobiony player wideo PiP, gdzie wszystko Firefox musi ręcznie obsługiwać, dublować. A i tak nie działa za dobrze. A to wszystko niby żeby było bezpieczniej chyba.


Kompletnie pusta zmarnowana robota.

Zaloguj się aby komentować

#programowanie
jaki znacie najlżejszy framework #javascript ?
Do tej pory zawsze jak coś pisałem to robiłem to w vanilla js ale to troche masochizm.
Coś absolutnie elementarnego, bo nie planuję iść we frontend ale chce zrobić ładną prostą i lekką stronę wizytówkę
17

@redve Mamy prawie 2k25, naprawdę przy wyborze frameworka nie kierowałbym się jego wydajnością i lekkością bo pomiędzy topką frameworków na współczesnym sprzęcie nie zauważysz większej różnicy. Przepisywałem rok temu projekt z vanilla na Reacta i chodzi identycznie, zużywa może 15mb ramu więcej.


Tak więc polecam Reacta po prostu bo zwyczajnie jest najpopularniejszy, masz do niego najwięcej bibliotek komponentów. custom hooków i tutoriali. Jeżeli chcesz lżejszą wersje reacta to istnieje Preact ale nigdy się tym nie bawiłem. A jak już ogarniesz Reacta to prosta droga do np Next.js i wtedy dopiero zaczyna się zabawa. Owszem są jeszcze np Vue czy Svelte z takich popularniejszych i przyjemniejszych ale generalnie jak nie znasz żadnego frameworka to nie zrobi ci różnicy którego się będziesz uczyć. Ważne jedynie, abyś się uczył z aktualnych materiałów bo te wszystkie frameworki to co jakiś czas dostają jakieś game breaking zmiany które na nowo definiują jak się w nim pisze (np teraz Svelte i jego runy xd).

@Catharsis - ja bym tę listę odwrócił i zaczął od Svelta - teraz z wersją 5 będzie raczej tylko ewolucja - poza tym ze Sveltem migracja do wyższej wersji była w 99% wykonywana automatycznie przez skrypt, który radził sobie nawet z edge cases.

React to kobyła - do tego jak dla mnie nieintuicyjna - nad zrobieniem czegoś średnio prostego musiałem spędzić najwięcej czasu ze wszystkich frameworków - dla początkujących zwłaszcza nie polecam.

@koszotorobur Owszem sam start w Reatcie jest dość ciężki, ale jak się już ogarnie podstawy to kod się potem sam pisze. A tak jak mówię, nie widzę różnicy w działaniu małych projektów w Reactcie czy Vanilla a dużego projektu nikt nie będzie pisać Vanilla więc rozmiar frameworka nie ma znaczenia.


No i jest więcej ofert pracy w Reactcie :D. Ale on w sumie potrzebuje tylko do strony wizytówki, to w sumie moja strona wizytówka jest napisana w czystym HTML + CSS +JS bez użycia żadnych dodatkowych bibliotek, jedynie używam Vite do live preview podczas pisania oraz minifikowania kodu podczas budowania i eksportu xd.

A nie możesz w HTML 3 jak w gimnazjum?

Zaloguj się aby komentować

@Deykun O, muszę zainstalować! Też jestem ciekaw ile zaoszczędziłem na nie paleniu od zawsze

Zaloguj się aby komentować

Stworzyłem projekt, który wyświetla listę serwerów CS2D, zbudowany w Node.js przy użyciu Fastify. Oto najnowsze zmiany:

  • Zaktualizowany interfejs UI dla lepszego doświadczenia użytkownika
  • Dodano opisy do dokumentacji API
  • Wprowadzono nową stronę statystyk
  • Optymalizacja kodu dla lepszej wydajności
  • Zintegrowano Highlight.js dla lepszego podświetlania składni

Sprawdź to tutaj: https://cs2d-serverlist.erpa.cc/
Zobacz kod na GitHubie: https://github.com/ernestpasnik/cs2d-serverlist

Dajcie znać, co myślicie! 🎉

BTW Fastify > Express.js

#nodejs #javascript #opensource #github #programowanie #javascript #fastify
1

@Deykun no to trochę zjebales, trzeba było palić, żebyś mógł teraz rzucić i oszczędzać

@Zielczan ja wczoraj wypiłam jedną puszkę coli, żeby od dziś odstawić słodkie gazowane napoje i schudnąć

@Zielczan ale nie kupiłbym porsche.

Zaloguj się aby komentować

Koniec IP Box dla programistów, kancelaria premiera opublikowała projekt zmiany ustawy o podatku dochodowym gdzie znalazł się podpunkt 2.b):

zmiany w preferencji IP Box – wprowadzenie wymogu zatrudnienia,

Prawdopodobnie ma to na celu wyłączenie samozatrudnionych programistów z możliwości rozliczania się preferencyjną stawką podatkową 5%, która to została wprowadzona w 2019 roku.

Tekst projektu: https://www.gov.pl/web/premier/projekt-ustawy-o-zmianie-ustawy-o-podatku-dochodowym-od-osob-fizycznych-ustawy-o-podatku-dochodowym-od-osob-prawnych-oraz-niektorych-innych-ustaw6

#programowanie #programista15k #software #technologia #javascript #java c#
44

Koniec IP Box dla programistów,

@kaszalot nie, koniec IP Box na B2B

Teraz każdy na IP BOX się wzajemnie pozatrudnia na 1/16 etatu i warunek spełniony XD

Powrót na UoP to była jedna z lepszych decyzji przy zmianie pracy. Żadnego pierdolenia się ze zmianami w podatkach, uszczelnianiem, rozliczaniem, jakimiś kontami bankowymi, żadnych umów gentlemańskich o "liczbę dni płatnych kiedy zleceniobiorca powstrzymuje się od wykonywania pracy". A idź pan w pizdu.

@Maciek no wszystko fajnie, tylko na UOP w podatkach, składkach, daninach ile z tego co za twoje stanowisko płaci pracodawca dostajesz ty, 50%? Jeszcze jakbyś z tego tytułu miał jakieś usługi na poziomie, to dostajesz niewydolną służbę zdrowia gdzie i tak musisz zapłacić prywatnie, emeryturę w ZUS, gdzie twój kapitał zamiast być inwestowany, jest na bieżąco przejadany, a ty na emeryturze otrzymasz jakiś ochłap. Nie ma co się dziwić ludziom że uciekają z UOP na B2B, rozwiązaniem jest zmniejszenie obciążenia UOP, wtedy nikomu nie będzie się opłacało kombinować z żadnym B2B

@Maciek Wychodzisz na tym dużo gorzej ziom. Ale jak chcesz to zapraszam, rekrutujemy właśnie, na uop

Zaloguj się aby komentować

Zaloguj się aby komentować

W `chatgpt.com`, `textarea` jest czyszczona po 1 sekundzie od załadowania strony.
Przez to skrypt który wkleja tekst poprzez `textareaEl.value = "tekst"` nie wystarcza.

Zrobiłem z `setTimeout` 1001 ms, to działa, już przy 1000 ms nie działa.
Observery nie ogarniają, ale może źle coś robię?
Z opóźnieniem 1001 ms jest to zawodne, bo czasem dzieje się to w dłuższym czasie, więc pomóż znaleźć lepszą metodę?

Następny problem, to że nawet jak wpiszę, to `buttonEl.click();` i tak nie zadziała, bo aktywuje się dopiero po wpisaniu czegoś z klawiatury, a wywołanie event `keydown` itp. też nie działa. Więc pozostaje po wklejeniu poprzez `textareaEl.value = "tekst"`, naciśnięcie jakiegoś znaku na klawiaturze, skasowanie go, i naciśnięcie Enter, żeby wiadomość została wysłana.
Też mógłbyś pomóc to rozwiązać?

Dosłownie nie ma metody, żeby stworzyć Search Engine dla Firefox dla ChatGPT. 😕

Metoda którą opisałem, jest niedoskonała oraz niedokończona.

Przed tymi dwoma krokami, po prostu pobieram parametr z URL, w formie `https://chatgpt.com/?usq=test`, strona nie kasuje parametru `usq` po załadowaniu strony, więc spokojnie można z tego skorzystać.

Jak to się uda, to spakuję to w WebExtension, i upublicznię.

#frontend #javascript #userscript #skrypt #addons #extensions #dodatki #rozszerzenia #plugin #wtyczki #chatgpt #ai #firefox
2

czy ja dobrze rozumiem, że probujesz użyć interfejsu wizualnego jako API?

@mortt Nie, to do UserScript.

Zaloguj się aby komentować

Zaloguj się aby komentować

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 #webdev #frontend
4

skoro css to ogarnia to po co Ci to w JS?

@zgrzyt Żeby przerobiło dłuższy tekst, na taki podzielony na sylaby.

@fewtoast a CSS nie ogarnia dłuższego tekstu czy nie łamie tak jak byś chciał?

Zaloguj się aby komentować

Zaloguj się aby komentować

Zaloguj się aby komentować

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
1

Myślałem że może się ktoś wysilił z wykrywaniem ciemnego tła chociaż i jasnych napisów, taki wykrywający co się da...


Potem przyszło mi do głowy, że powinna istnieć baza stron, która ma tryb ciemny, i takim sposobem to obejść...

Ale sam ją sobie właśnie robię w Firelux, mozolnie klikając.

Zaloguj się aby komentować

Zaloguj się aby komentować

Zaloguj się aby komentować

@Sheppard30 mógłbyś trochę nakreślić co to wlasciwie jest?

@cweliat  kontent rozrywkowo edukacyjny 😉

Zaloguj się aby komentować

Następna