Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

#html

Gruba ryba

w Programowanie

8

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

Na razie wyskrobałem https://cs2d.pp.ua/maps/de_mirage

GURU1

@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

Osobistość0

>Mozecie mi powiedzieć jak się przestać przejmować wyborami?
Miej zawsze kasę pozywającą ci nie spierdolenie z pirkła

Gruba ryba1

@Anty_Anty długo balet pociągnąłeś 😅

Pokaż więcej komentarzy (6)

Inspirator

w Hydepark

1

Jak to jest zrobione?
To specjalny popup, w trybie zawsze na wierzchu.
Na Firefox ta funkcja nie jest dostępna.

https://www.socialmediatoday.com/news/tiktok-floating-player-desktop-facilitate-expanded-viewing/716927/

Działa na wzór Picture in Picture, ale z pełnym HTMLem.

https://www.youtube.com/watch?v=EnlkqSVWheE

Sum0

@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

HTMLVideoElement: disablePictureInPicture property - Web APIs | MDNThe HTMLVideoElement disablePictureInPicture property reflects the HTML attribute indicating whether the picture-in-picture feature is disabled for the current element.MDN Web Docs
Inspirator0

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

Pokaż więcej komentarzy (2)

Inspirator

w Programming

3

Henlo frens

Pod ostatnim postem pojawiły się komentarze pytające o link to kodu aplikacji. Także pod spodem podsyłam link do  . 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  stosuje leazy loading i bo zaciągnięciu strony wartości scr tagu  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

     

Pokaż więcej komentarzy (3)

Inspirator

w DIY - Zrób To Sam

36

Olx Scraper.
Czasami przeglądam  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  który to automatyzował. Teraz postanowiłem opakować to w . Napisałem apke scrapującą olx, która będzie działać na platformach

* mobilnych  
* desktopowych   

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  ale i tak jest mega nie zoptymalizowana.
2. Czasami obok ceny pojawiają się artefakty z  . Pewnie ogarnę to jakimś  , 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

    

Gruba ryba0

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

Inspirator3

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

Debiutant3

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.

Inspirator1

@Yellowbike po czym identyfikowałeś aukcje ?

Debiutant1

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.

Pokaż więcej komentarzy (20)

Inspirator

w Programowanie

1

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?

Mocarz

w HTML, CSS i JS: pierwsze kroki

1

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ć: ??

Mocarz1

@M4G33k o coś takiego mi chodzi

https://streamable.com/62cu22

Pokaż więcej komentarzy (7)

Kosmonauta

w Programowanie

3

pytałem na diskordzie ale tam idą dyskusje na głębokie tematy, także spróbujemy tutaj.

 

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ść.

Kompan1

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ć :smiley: A to na tyle drobny skrypt, że nie powinno to jakoś wpłynąć na prędkość działania strony.

Kosmonauta0

@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ę.

Pokaż więcej komentarzy (19)

Inspirator

w Hejto

1

HTML title na hejto kochanym, chyba są do poprawy. Trzy różne wpisy Aryo mają ten sam title

Autorytet1

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

Gwiazdor

w Technologia

29

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 :)))

Koneser6

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

Pokaż więcej komentarzy (16)

Praktykant

w Programowanie

7

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

Praktykant1

@siRcatcha kojarze tylko fw do js
ale szczerze mówiąc wolałbym w czystym

Gruba ryba3

@nikt-wazny Ciepnij jakąś prostą gierkę w czystym htmlu, to będziesz miał jak znalazł do portfolio 🙂

Pokaż więcej komentarzy (5)