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
@Hajt artykuły to nie, ale może zrób to co teraz większość ludzi robi.
Zapytaj chata, albo klauda. W sumie to nawet qwen lokalnie Ci wytłumaczy teraz
Mozecie mi powiedzieć jak się przestać przejmować wyborami?
Miej zawsze kasę pozywającą ci nie spierdolenie z pirkła
@Anty_Anty Zły wątek
@baklazan i po winku xd
ja bym od razu jakis prosty silnik do tego wzial, bylo cos takiego jak pixi js?
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ć
www.dokrzyska.dyminski.pl - taka strona za hasłem. Czy po kodzie strony dałoby się ją shakować? Skrypt zawiera chyba sporo instrukcji śledzących, które mogłyby namierzyć Krzyśka Dymyńskiego #hacking #webmasterka #html #javascript #internet #krzysztofdyminski #zaginieni
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
@Gitler dzieki, ja czekam na apk
@bucz buduje się. Popiepszyłem coś w gradlach i manifestach i musiałem zrobić revert
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
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ć
!important
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 ??
@M4G33k PRAWIE DZIAŁA!
@MurrayRothbard hehe spoko, niezle kombinujesz
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ść.
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ć
@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ć
HTML title na hejto kochanym, chyba są do poprawy. Trzy różne wpisy Aryo mają ten sam title
@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!
Mam nadzieję, że nie będzie błędów, bo skończyłem pisać go 20 minut temu XD
Zapraszam do korzystania :)))
dziękuję pan RJ45
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;
}
```
@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
@siRcatcha kojarze tylko fw do js
ale szczerze mówiąc wolałbym w czystym
@nikt-wazny Ciepnij jakąś prostą gierkę w czystym htmlu, to będziesz miał jak znalazł do portfolio
Zaloguj się aby komentować
Zaloguj się aby komentować
<a href="https://google.pl">CLICK</a>
Zaloguj się aby komentować
