#html

2
16

@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ć

Zaloguj się aby komentować

Henlo frens

Pod ostatnim postem pojawiły się komentarze pytające o link to kodu aplikacji. Także pod spodem podsyłam link do #git . Mam jeszcze plik apk i pakiet pod linuxa ale muszę sprawdzić czy działają. Ze zmian wprowadziłem tylko ładowanie miniaturek pięciu pierwszych przedmiotów przedmiotów. Dlaczego pięciu pierwszych? Bo #olx stosuje leazy loading i bo zaciągnięciu strony wartości scr tagu #html są dostępne tylko dla pierwszych pięciu przedmiotów. Da się to obejć zaciągając strone z linku prowadzącego bezpośrednio do danego przedmiotu i scrapując ją. Zawiera ona src do wszyskich zdjęć jakie sprzedający wstawił. Jednak uznałem że bombardowanie olxa setkami zapytań nie jest dobrym pomysłem.

https://gitlab.com/AdamPWr/olxviever

#programowanie #flutter #diy #android #ios #apustaja
8b29a9d9-57b4-4745-8475-7ecd6d311a1b
3

@Gitler dzieki, ja czekam na apk

Zaloguj się aby komentować

Olx Scraper.
Czasami przeglądam #olx w poszukiwaniu rzeczy do naprawy lub teraz auta bo moje zostało skasowane. Każdorazowe wyszukanie produktów i ustawienie odpowiednich filtrów zajmuje sporo czasu, dlatego kiedyś napisałem sobie skrypcik w #python który to automatyzował. Teraz postanowiłem opakować to w #ui . Napisałem apke scrapującą olx, która będzie działać na platformach


Funkcjonalność

  1. Dodawanie( i usuwanie) przedmiotów do obserwowania poprzez wklejenie linka do nich. Wystarczy wejść na strone olx. Wyszukać co nas interesuje, ustawić sobie filtry jakie chcemy, skopiować link i wkleić je do apki.
  2. Zapamiętywanie dodanych wyszukiwań w bazie danych aby nie trzeba było powtarzać powyższej czynności w kółko
  3. Wyświetlanie interesujących nas przedmiotów w rzędach. Po kliknięciu na kafelek z jakimś przedmiotem, apka odpala domyślną przeglądarkę i kieruje nas to strony z opisem przedmiotu ( już na platformie olx)

Jak narazie apka spełnia te założenia ale jest jeszcze sporo do poprawy.

  1. Optymalizacja. Apka działa płynnie na moim 7 letnim #xiaomi ale i tak jest mega nie zoptymalizowana.
  2. Czasami obok ceny pojawiają się artefakty z #html . Pewnie ogarnę to jakimś #regex , bo nie chce mi się już poprawiaćtego scrapera który w 99% przypadków działa.
  3. Jeśli dane ogłoszenie przekierowuje nas z olx na otomoto to po gliknięciu kafelka z nim dostaniemy error 404. ( źle sklejam url)
  4. Apka działa tylko z olx. Zamierzam to zmienić aby działała też z allegro i otomoto.
  5. Na platformach desktopowych., przesuwanie poziomej listy działa tylko jeśli korzystamy z laptopa i używamy touchPada. Na PC trzeba coś wykombinować. Pewnie dodam przyciski przesuwające listę.
  6. Dodanie zdjęcia przedmiotu do kafelka z nazwą i ceną

I to chyba tyle z rzeczy, o których na tą chwile pamiętam. Co o tym myślicie? Co mogę jeszcze poprawić/zrobić? Poniżej zdjęcie wersji desktop i film z mobilnej(android).

https://streamable.com/1yzc1s

#programowanie #diy #webscraping #scraping #flutter
2645c55d-3b54-4b20-8924-85514b8eaa8a
20

to tylko #chwalesie czy owocami pracy zamierzasz częstować? (´・‸・ ` )

@VonTrupka kod będzie publicznie dostępny. A jak ktoś będzie chciał to moge podrzucić też skomilowaną wersje

Tez mnie irytowało to wyszukiwanie w otomoto i olx i napisałem w pythonie skrypt który sprawdza co 5 min czy pojawiła sie jakaś nowa aukcja przy zadanych parametrach filtra i skrypt wysyłał link i opis telegramem na telefon. Tutaj możesz powiadomienia o tym zagnieździć w apce.


Jescze jedno co jest beznadziejne w olx i otomoto. Jeśli ogłoszenie jest zakończone to znika i to tez mogłoby być w powiadomieniach i dodatkowo gdzieś zachowany screenshot strony z oferta albo sam opis.

@Yellowbike po czym identyfikowałeś aukcje ?

W otomoto każda aukcja tzn ogłoszenie ma swój nr i modyfikując filtr o dodanie np &min_id=61158400

Wyświetlają sie tylko te ktore maja wyższe numery czyli sa nowsze.

Miałem tez jakis sposób na konwertowanie nr id z paska adresu ogłoszenia bo tam jest to jakby zaszyfrowane w literach i cyfrach.l ale musiałbym pogrzebać w kodzie bo tak na szybko nie pamietam.

@Gitler czego używasz do deploy'u pythona na androida?

@psalek niczego. Za dużo ebania. Przepisałem skrypt na darta

Zaloguj się aby komentować

Zaloguj się aby komentować

Znacie `@container` i `@container style`? - link https://ishadeed.com/article/css-container-style-queries/?)
Mam pomysł na rozwinięcie...
Tak wygląda `@container style`:
```
.page-header {
 display: flex;
}
@container style(display: flex) {
 .page-header__start {
   flex: 1;
   display: flex;
   align-items: center;
   border-right: 1px solid lightgrey;
 }
}
```
Mój pomysł: Dodanie możliwości tworzenia zmiennej, na bazie właściwości kontenera, np. szerokość kontenera jako --container-width` i można jej użyć jak zwykłej zmiennej, tylko jest dynamiczna (zmienia się w zależności od rozmiaru kontenera):
```
@container (width as --container-width) {
 height: calc(var( --container-width) - 10px);
```
Co sądzicie?
Chyba czegoś podobnego nie ma jeszcze w planach, a fajnie by uzupełniało te nowe standardy, nie?
#css #html #programowanie #webdev #frontend
0

Zaloguj się aby komentować

@MurrayRothbard hehe spoko, niezle kombinujesz tylko niekoniecznie z każdym elementem Ci się to powiedzie bo może np. Stracić możliwość interakcji

Zaloguj się aby komentować

pytałem na diskordzie ale tam idą dyskusje na głębokie tematy, także spróbujemy tutaj.
#javascript #html #react
Jeszcze na łykopie przed ostatnią aktualizacją napisałem sobie prosty userscript do czarnolistowania. Działał na tej zasadzie że po załadowaniu strony brał predefiniowaną tablicę na przyklad tagów
var tagi=['przegryw','kononowicz'];
function schowaj_taga(item,index) {
let tag=$('div.d⁎⁎a p a[href="łykop/' + item +'"]' );
tag.remove() }
oczywiście upraszczam, ale efekt tego był taki że usuwane były całe gałęzie drzewa DOM no i było fajnie, dobry przekaz leciał.
W przypadku hejto jak próbuję zrobić to samo z elementem article to jest spoko póki nie dotknę paginacji. Frontent nie "reloaduje" dokumentu tylko usuwa kontekt zmiędzy obecnych <article> i wstawia nowy. Jeśli FE oczekuje 20 elementów article a ja zdążę usunąć 4 z nich to kolejny request o uzupełnienie treści wywali błąd 500.
Zastanawiam sie jak do tego podejść.
19

Zawsze możesz zrobić na pałę i ustawić sobie, żeby skrypt się odpalał np. co sekundę, przy pomocy setInterval - nie jest to za bardzo po bożemu, ale powinno działać A to na tyle drobny skrypt, że nie powinno to jakoś wpłynąć na prędkość działania strony.

@kocurio wiem wiem, ale nie cierpię takiej guwnorzeźby. to jeden z moich OCD -jak coś robię to ma to być zrobione dobrze, bo parafrazując mema już wpiszę do eksela i tak zostawię.

Zobacz może tutaj: https://stackoverflow.com/questions/629671/how-can-i-intercept-xmlhttprequests-from-a-greasemonkey-script - po bożemu pewnie byłoby podpiąć się na requesty, które pobierają nowe posty i jak zwrócą odpowiedź (więc też załadują się na stronie) to wtedy odpalać skrypt. Ale nadal zrobiłbym setInterval, bo jest łatwiej i działa, a jak coś prostego działa to po co się przemęczać

Zaloguj się aby komentować

@tamtototamto tak się dzieje, jak przez przypadek dasz zły tytuł i potem poprawisz, na pasku dalej się wyświetla tytuł przed poprawą

Zaloguj się aby komentować

Hej, dawno nic nie pisałem, ale przychodzę napisać coś, bo jak co roku, od 8 lat (ale na innym serwisie) udostępniam edytor do edytowania avatarów, żeby były świąteczne! :))
Wystarczy wpisać swój nick z Hejto albo wgrać zdjęcie!
https://edytor.devrj45.pl/
Mam nadzieję, że nie będzie błędów, bo skończyłem pisać go 20 minut temu XD
Zapraszam do korzystania :)))
7f010fc2-bd56-4326-85c3-5666650d3da3
16

Pamietam jak z 10 lat temu z innego konta sam ręcznie robiłem czapeczki na życzenie dwa czy trzy lata z rzędu xD później stwierdziłem że ograniczam interakcje na portalu do minimum. Wiec prawdopodobnie przejąłeś po mnie ten zaszczyt czapeczkowania xDDDD

@Krogulec no właśnie 9 lat temu ręcznie dodawałem czapeczki ludziom na pewnym forum, a na kolejny rok wpadłem, że to za dużo roboty, więc zrobię edytor w którym każdy będzie mógł dodać łatwo czapeczkę XD

Zaloguj się aby komentować

Elo #hejto! Dałoby się jakoś więcej klas dodać do HTML-a, żeby można było stworzyć własne style? Teraz nawet ciężko się dobrać do sekcji komentarzy.
```
.relative > .relative > div {
 background: #222;
 padding: 5px 10px;
 margin: 10px;
}
```
0d6d5f97-76eb-4770-8ff7-97ef311302ab
2

@Grievous Tak, hackuję CSS-y.

Zaloguj się aby komentować

jakieś fajne i przydatne projekty html & css & js do np. portfolio?
Bardziej zależy mi na tym aby fajnie się je robiło i nie były super skomplikowane.
Coś ala dla zabawy co zarazem może być przydatne alenie wychodziło poza frontend
5

Zaloguj się aby komentować