Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

#frontend

Zawodowiec

w Programowanie

5piorunów

Czym jest Protocol Buffers? - devszczepaniak.pl

Protocol Buffers lub też Protobuf to ciekawa alternatywa dla formatów takich jak JSON czy XML. W najnowszym artykule na blogu przedstawię Ci: :point_right: koncepcję, jaka stoi za Protobufem; :point_right: dlaczego warto się nim zainteresować; :point_right: przykład aplikacji

Zawodowiec

w Programowanie

5piorunów

Wzorzec projektowy Visitor - devszczepaniak.pl

Wzorzec projektowy Visitor to jeden z tych wzorców, z którego zrozumieniem i opisaniem miałem spory problem. Ostatecznie jednak efekt uważam za zadowalający, a sprawdzić go możesz, klikając w podlinkowany artykuł. W artykule dowiesz się: :point_right: Jakie są cele i założenia wzorca

Inspirator

w Hydepark

0piorunów

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. :confused:

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

Tytan0piorunów

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

Inspirator0piorunów

@mortt Nie, to do UserScript.

Pokaż więcej komentarzy (2)

Inspirator

w Hydepark

0piorunów

Idzie GPT4o, a ja nadal nie wiem, jak dodać ChatGPT jako wyszukiwarkę w Firefox.
Jak to zrobić?
Da się robić customowe wyszukiwarki tutaj mycroftproject.com/search-engines.html - ale dla ChatGPT się nie da.

Pokaż więcej komentarzy (2)

Inspirator

w Hydepark

3piorunów

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.

Gwiazdor0piorunów

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

Inspirator0piorunów

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

Gwiazdor0piorunów

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

Inspirator0piorunów

@zgrzyt Ale że każdy wyraz w tekście ma być podzielony na sylaby, a nie tylko ten na krawędzi tekstu. Podział coś jak tekst piosenki na pięciolinii.

Pokaż więcej komentarzy (4)

GURU

w Hejto

10piorunów

Szalom.

Składam wniosek formalny by czcionka w w cytacie była w kursywie. To sekunda w #css
Nie zaszkodziła by też inna czcionka i może minimalnie mniejszy rozmiar.

#hejto #frontend

Gruba ryba0piorunów

@Opornik Ja nie chcę. Głupi pomysł.

GURU1piorunów

@Pan_Buk Nie głupi pomysł tylko standard na świecie.

A u nas różne głupoty typu

* automatyczne
* tworzenie listy
* jak tylko ktoś wpisze myślnik

Tytan1piorunów

Może najpierw niech działają?

Pokaż więcej komentarzy (12)

Lider

w Hydepark

4piorunów

>As ⟨ÿ⟩ rarely appears as the first letter in a name, and all-caps text typically omitted all accents, initially there was assumed to be no need for an uppercase ⟨Ÿ⟩ when computer character sets such as CP437 and ISO 8859-1 were designed. However much software assumes that conversion from lower-case to upper-case and then back again is lossless, so ⟨Ÿ⟩ was added to many character sets such as CP1252, ISO 8859-15, and Unicode. This also happened to a more prominent character, the German ß.

W ogóle co do ß to ciekawostka, text-transform zmienia je na SS, bo jakaś reforma była czy coś jest w niemieckim, że capsie ten znak zawsze jest SS a nie "normalnie" pisany.

#webdev #frontend #css

Gruba ryba1piorunów

@Deykun ogolnie jezyk niemiecki raczej dazy do usuniecia scharfes S calkowicie, byly jakies reformy gdzie juz to nastepowalo w niektorych wyrazach.

Pokaż więcej komentarzy (2)

Gwiazdor

w Programowanie

10piorunów

Siema. Kto tam chce to zapraszam na krótkiego strima o 21:10:

Posprzedaje patenty jak ogarnąć logowanie we własnych apkach

1. Pokażę gotowy flow uwierzytelniania przez zewnętrzny serwis z moim bekendem
2. Napiszemy frontową obsługę logowania

Tag do śledzenia

https://www.youtube.com/watch?v=83kc-BPMh-s

       

Gwiazdor

w Programowanie

10piorunów

WykopApi (w przyszłości też hejto) + ChatGPT

Zapraszam w czwartek o 20:00 na pierwszy odcinek z serii edukacyjnych live codingów, podczas których napiszemy użytecznego chat bota na konkurencyjny wykop w oparciu o GPT-4 i pogadamy o sytuacji w AjTi. Zachęcam do supukcji oraz obejrzeniu prologa do tego co robimy.

Tag do czarnolistowania / followania

https://www.youtube.com/watch?v=3mCb2a6NFQ0

          

Fanatyk2piorunów

@Sheppard30 - przydatne do tego jak nauczyć się bycia obsługiwaczem AI - bo w niedalekiej przyszłości tylko takie prace w IT się ostaną :zany_face:

Gwiazdor2piorunów

@koszotorobur pokaze jak pisac dobre prompty pod promptengineering ;]

Pokaż więcej komentarzy (8)

Gwiazdor

w Programowanie

23piorunów

Wkurza Cię nowy front vikop i postanowiłeś przejść na hejto? Nic nie działa tam jak trzeba? To dobrze się składa bo w ramach nauki przygotowuję serię streamów w których spróbujemy napisać własnego klienta i pokazać, że, w co trudno uwierzyć, może być jeszcze gorzej ( ͡° ͜ʖ ͡°) Pokażę Wam jak używać wykopAPI v3 i AntDesign oraz pogadamy o życiu.

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

Zapraszam na stream o 21:37

Tag do czarnolistowania

Fanatyk0piorunów

Kuzwa dlaczego? Czemu chcesz to sobie zrobić i jeszcze wciągasz w to innych

Pokaż więcej komentarzy (9)

Gruba ryba

w Hydepark

8piorunów

Pisząc aplikację, przeskoczyłem do frontendu od sporej przerwy.

I tak sobie myśle, że dzisiaj pracować w frontendzie to spoko sprawa w stosunku do kiedyś.

Dzięki standaryzacji, powszechności modułów ESM w przeglądarkach, już wszystkie babele, transpilery, CSS prefixery i uje muje dzikie węże to historia.

Jesteśmy już w tym stanie, gdzie wszystkie przeglądarki są spoko. Nie ma obecnie żadnego IE czy netscape który tylko wk@#^@.

Jestem tylko ciekaw, czy dożyje momentu, gdy JS pójdzie do historii i pozostanie tylko typescript :smiley: To by było dobre.

#frontend

Osobistość2piorunów

@Klopsztanga Jest jeszcze Safari xD
>JS pójdzie do historii i pozostanie tylko typescript :smiley: To by było dobre.
Oby tak się nigdy nie stało. Zresztą idę o zakład, że to JS będzie jeszcze tańczyć na grobie TypeScripta xD

Fanatyk0piorunów

@Klopsztanga nie jestem od dawna w temacie, ale fakt faktem że standaryzacja ułatwiła wiele na tym polu.
Pamiętam pierwsze zajęcia z HTML na studiach, gdzie jedna z pierwszych informacji było to, że dla IE piszemy w zasadzie osobne wszystko xD

Pokaż więcej komentarzy (6)

GURU

w Programowanie

7piorunów

Pamięta ktoś adres tej stronki na której koleś zrobił parodię współczesnych stron www?
Mam na myśli wkurwianie userów tymi wszystkimi:
Zapisz się do newslettera!
Porozmawiaj z konsultantem!
Czy pozwalasz stronie wysyłać ci powiadomienia?
Akceptuj pliki kuki!
Poświęcisz krótką chwilę na wypełnienie ankiety?
Zobacz najnowsze promocje c⁎⁎ju!
Może jednak zapiszesz się do newslettera.
Załóż konto.

#frontend #webdesign #usability #wkurw

Osobistość3piorunów

Do tego wszystkie elementy strony bez żadnego kontrastu, oddzielenia wizualnego, zlewające się ze sobą.
Zwariowane fonty bez polskich znaków, żeby polskie litery jak najmocniej się wyróżniały.
Po wejściu na stronę wszystko schowane pod "hamburger menu", przez co jest on jedynym domyślnie widocznym elementem strony internetowej.
Gówniany krój czcionki, który jest kompletnie nieczytelny.
Aaaaa! I jeszcze te strony typu one page meaningless bullshit - jedna strona na której nie ma ani adresu firmy ani konkretów czym się zajmuje tylko jakieś pierdoły, że liczy się dla nich klient, spełniają jego najskrytsze oczekiwania i dbają o środowisko.
No i strony gdzie w nagłówku jest jebitne zdjęcie na cały ekran, które trzeba za każdym razem całe przewinąć, żeby dostać się do treści.
Albo strony ilustrowane obrazkami z d⁎⁎y, kompletnie nie związanymi z treścią artykułu, a wstawionymi tylko dla atencji, bo debile jak widzą obrazek to częściej klikają.
No i strony seo z treścią wygenerowaną przez boty i translatory - za takie coś bym wieszał za jaja.

GURU1piorunów

@cec lets not forget endless scrolling :smiley:

Pokaż więcej komentarzy (7)

Zawodowiec

w Dyskusje

4piorunów

Mermaid - Diagrams as a Code - devszczepaniak.pl

Parafrazując znany slogan reklamowy - "jeden obrazek może wyrazić więcej niż tysiąc słów". Dobrze zaprojektowany diagram często stanowi lepsze przedstawienie kodu lub architektury niż obszerny opis, interfejs czy komentarze w kodzie. Jednym z powodów, dla których porzucałem

Kompan

w Dyskusje

5piorunów

Cześć!

Dzisiaj jeszcze garść krótkich ciekawostek o #react a później już zaczniemy może coś bardziej technicznego :smiley:

ReactJS: 7 Ciekawostek:

1. Początki w Facebook
2. Pierwsze publiczne przedstawienie
3. To nie jest framework!
4. Virtual DOM – bohater (bardzo) niewidzialny
5. Inspiracja wzięta z XHP
6. React Native - brat bliźniak
7. A w sumie, to dlaczego "React"?

:point_right: Pełny post na https://programystics.com/reactjs/reactjs-7-ciekawostek/

Zostaw piorun, komentarz albo ... cokolwiek 😉

    

<- tag do obserwowania lub "czarnolisto-wania"

Kompan

w Dyskusje

2piorunów

Cześć Wam!

Wracamy do gry, po burzliwym okresie w PL 💪
Ostatnio pastwiliśmy się nad wadami Virutal DOM

Dziś przyszedł czas na jego zalety. Jedną z nich poznaliśmy 2 posty wcześniej, lecz to tylko "liźnięcie" tematu.

>Wirtualny DOM, to Świety Graal Frontendu? :sparkles:

:point_right: Więcej na ten temat: https://programystics.com/bez-kategorii/wirtualny-dom-to-swiety-graal-frontendu/

ps jeśli chcesz się podzielić INNYMI doświadczeniami na w/w, to zapraszam do komentowania 🔥

Zawodowiec

w Programowanie

11piorunów

Komunikacja HTTP w JavaScript - devszczepaniak.pl

Znajomość protokołu HTTP to jedna z najbardziej podstawowych umiejętności programisty. Zarówno na frontendzie, jak i na backendzie, ciężko byłoby obecnie znaleźć aplikację, która nie wykorzystuje protokołu HTTP. W jednym z pierwszych artykułów na swoim blogu uwagę poświeciłem