#webdev #html
Pajączek jeszcze istnieje, i kosztuje $29.95. dx
https://www.creamsoft.com/spider/en/
Na angielskiej stronie używają polskich hashy.
#webdev #html
Pajączek jeszcze istnieje, i kosztuje $29.95. dx
https://www.creamsoft.com/spider/en/
Na angielskiej stronie używają polskich hashy.
Zaloguj się aby komentować
Hej znacie jakieś ciekawe artykuły na temat renderowania w elemencie canvas, trochę się bawię i dla nauki chce wygenerować mapę z CS2D na przeglądarce ale ciężko znaleźć jakieś wartościowe materiały.. albo ja słabo szukam idk. Na MDN jedynie coś tam znalazłem
#html #canvas #programowanie
Na razie wyskrobałem https://cs2d.pp.ua/maps/de_mirage
Zaloguj się aby komentować
Jak to jest zrobione?
To specjalny popup, w trybie zawsze na wierzchu.
Na Firefox ta funkcja nie jest dostępna.
Działa na wzór Picture in Picture, ale z pełnym HTMLem.
#html #javascript #webdev #frontend
@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ć
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

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
mobilnych #android #ios
desktopowych #windows #linux #macos
Funkcjonalność
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.
Zapamiętywanie dodanych wyszukiwań w bazie danych aby nie trzeba było powtarzać powyższej czynności w kółko
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.
Optymalizacja. Apka działa płynnie na moim 7 letnim #xiaomi ale i tak jest mega nie zoptymalizowana.
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.
Jeśli dane ogłoszenie przekierowuje nas z olx na otomoto to po gliknięciu kafelka z nim dostaniemy error 404. ( źle sklejam url)
Apka działa tylko z olx. Zamierzam to zmienić aby działała też z allegro i otomoto.
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ę.
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).
#programowanie #diy #webscraping #scraping #flutter

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.
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.
Zaloguj się aby komentować
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
Zaloguj się aby komentować
Nauczyłem się przeciągać divy w konsoli inspecta i poprzeciągałem sobie tak, że mi się podoba. Jak mogę z tego zrobić styl do stylusa np?
nie wiem jak otagować: #html #css ??

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ść.
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ć
HTML title na hejto kochanym, chyba są do poprawy. Trzy różne wpisy Aryo mają ten sam title

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!
Mam nadzieję, że nie będzie błędów, bo skończyłem pisać go 20 minut temu XD
Zapraszam do korzystania :)))

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;
}
```

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
Zaloguj się aby komentować
Zaloguj się aby komentować
<a href="https://google.pl">CLICK</a>
Zaloguj się aby komentować