Zdjęcie w tle
WebDev

Społeczność

WebDev

274

Dla fanów webdevelopmentu

#webdev #js #tworczoscwlasna

Jestem dużym fanem userscriptów w js do #tampermonkey i zdecydowanie wolę je niż roszerzenia w przeglądarkach. To co lubię w userskryptach to że, z założenia użytkownik ma wiedzieć jaki kod się u niego odpala i na jakich domenach, roszerzenia oferują więcej ale trzeba się nagrzebać żeby czytać ich kod. Też jak padnie roszerzenie trzeba liczyć, że twórca urzymuje i naprawi, a skrypt można sobie samemu na kolanie naprawić jak trzeba.


Przez lata napisałem tych skryptów setki od kilku linijkowych do jakiś mini appek na stronach dodające funkcjonalności. I sobie wypracowałem jakiś flow na live rebuild, testowanie wydawanie etc. ale zawsze jak coś parsowałem to kopiowałem ostatni i czyściłem i stawiałem coś nowego.


I ostatnio się wziąłem za templatkę i wyszedł manager do developmentu wielu skryptów z jednego miejsca, i obecnie szlifuje i testuje ale jest fajnie bardzo. Mam full support dla TypeScripta, lokalnie mi przebudowywuje skrypt i jak klikam F5 to na stronie do której developuje skrypt i odrazu mogę testować update.


Teraz przenoszę parser do wpisów na hejto z 2024 żeby zliczyć roczne wyniki w #diffle i żeby przetestować flow, ale wszystko wskazuje na to, że mam fajną czystą baze pod pisanie skryptów i jak będzie gotowe to zrobe publiczną jako templatka dla innych i niech sobie siedzi na githubie. Github jest też o tyle supper, że jak jest url do repozytorium to linkując do skryptu z paramem do "raw" żeby dostać kod będziemy mieć działający URL do aktualizacji jak ktoś korzysta z naszych skryptów może je aktualizować prosto z repo.

Felonious_Gru

@Deykun to mi napisz, że które dni brakuje mi wpisów xD

Deykun

@Felonious_Gru kolego ja myślę, że będzie większy problem bo chyba jak się wchodzi na strone tagu to powyżej którejś strony pokazuje w kółko 20 strone a nie 21 czy 22. xD

Felonious_Gru

@Deykun znowu @kris popsuł


Już tak sledzenie wyzwań działa, że zawsze pierwszą stronę czytasz

Zaloguj się aby komentować

W ogóle justjoin.it chwilę po tym jak apple zrobiło glass design, wypuścił nową wersje strony która w sumie trochę w tym kierunku idzie, zrobili to szybko więc pewnie grzebali to wcześniej.


I tak szczerze to brzydko wygląda, to ich szkło nawet nie próbuje być szkłem, wcześniejsza strona była bardziej elegancka, a ten efekt u nich szkła nie robi wrażenia łał, jaki efekt tylko łał jaka ch⁎⁎⁎wa próba bycia jak apple. I nawet nie chodzi o brak tego szkła apple, bo je będzie ciężko podrobić na stronie, ale ta ich próba jest zakodowana słabo i były lepsze przykłady już tydzień po.


Jeszcze większość ich przycisków jest na tle z jednym kolorem i nawet efektu rozmycia nie widać. dx


Śmierdzi to tym, że robili redesign, a pan prezes zobaczył pod koniec prezentacje apple i powiedział żeby dodali będzie na czasie. xD


https://justjoin.it/job-offers/all-locations


#webdesign #justjoinit

1bddd9ea-11e0-4364-97ec-7789b7d91ce8
97d8b9db-c594-4cd5-8fd7-cc31bc21eb61
rayros

Da się jeszcze znaleźć tu realną pracę?

Deykun

@rayros nie ma już realnych prac to nie 2020

Zaloguj się aby komentować

Catharsis

Wygląda zabawnie, fajne jako projekt do portfolio ale nie potrafię znaleźć w sumie zastosowania do tego. W sensie nie wyobrażam sobie żeby ktoś np. chciał pisać w podobny sposób gry itp. Przecież przy większych mapach to musi być koszmar optymalizacyjny żeby trzymać wszystko w DOM i operować na tym. No i gra by mogła działać tylko w przeglądarce, gdzie raczej teraz takie gry robi się aby dało się je wyeksportować na wszystko z jednego codebase jak to np. robi Unity.

Deykun

@Catharsis

Przecież przy większych mapach to musi być koszmar optymalizacyjny

Na stronie jest obniżanie i podnoszenie terenu, możesz kliknąć i zobaczyć laga, bo czuć go. dx

Catharsis

@Deykun Chciałem odpalić DevToolsy żeby zmierzyć wydajność ale miałem zaznaczony rozmiar pod smartfony i strona się przeskalowała, gdy wróciłem do oryginalnego rozmiaru to całą mapkę chuj strzelił xD

3ef32e4b-cf98-4e34-becc-013769b901e2

Zaloguj się aby komentować

Zaloguj się aby komentować

#diffle #grywebowe #wczorajszediffle #webdev #difflelog


Z takich ciekawostek, to dodałem font hieroglify na 1 kwietnia, ale nadal pokazywało Ł Ą Ę itd. i zmienienie Ą na A w css nietrywialne, więc stwierdziłem, że trzeba usunąć polskie znaki w css i tyle - ale to też nie jest oczywiste jak.


No i znalazłem jest font "Adobe Blank" który ma wszystkie znaki puste. xd


I rozwiązanie to:

font-family: "PrimaAprimaFont", "Adobe Blank", "Baloo 2", sans-serif;

6bd2570a-ca05-4765-a2d5-3d05c66052c3
Arche

@Deykun Psikus się udał!

Nie wyznaję się na datach, tyle wiem, że zegar na biurku po zimie wskoczył wreszcie w swój wiosenny tryb, bez przestawiania. Jestem niedostosowana i dobrze mi z tym! Wiecznie niewyspanej, do głowy nie przyszło, że ktoś tak przemyślnie zechce zastawić pułapki. Kyrie Elejson! - Pomyślałam nad słowem, i legancko wjechałam ślizgiem po całej - KONSPIRACJE - pyk, pyk... Co jest Jerunie? Skąd te krzaczki szyfrujące? EGIPSKA CIEMNOŚĆ - zastanawiałam się do czego to podobne, piekląc się na głos po babsku: że ja też się muszę zawsze czegoś dotknąć! Ni chybił, trafiłam na samo słówko bombę, zerkam bykiem znad migającej we wszystkich kolorach tęczy klawiatury, na to pole minowe i w lotnych petardach kminię, co mi za chwilę nie zniknie, jakie alarmy pulpit wywali, i z jakiej amunicji oberwę, przez głowę huragany myśli, o zabezpieczeniach, kluczach, hasłach, łącznie z bankiem - palpitacja poziom ostatni-eeeeeee siedem wdechów i wszystkie trzymam, w gorączce esy, floresy, żmije, glizdy, majaki: Jak złapię tego, kto mnie tak urządził, to się sam przekona! - Jak się oczy szkliwią, jak na bezdechu w błyskach zatańczą wszystkie aureole!




Uff, nie wiem czy się dotknę jeszcze słówka KONSPIRACJA. Panikara ze mnie wylazła!

Masz w tym swój udział, zapamiętany! Szanuj szkliwo!

Zaloguj się aby komentować

maximilianan

@Deykun jest cały subreddit do takiego UX. Imo hitem był formularz numeru telefonu. Numer był losowany i prosiło o potwierdzenie, czy to twój numer. Jak nie to losował dalej xD

Zaloguj się aby komentować

Z 5 lat mi się nie chciało szukać jak to się robi, ale jakby co w #firefox jak macie kolor i chcecie hex albo rgb, to trzeba przytrzymać shitf i kliknąć.


#firefox #webdev

e5789707-2032-42ad-9d6f-8d3f054ba401
zomers

@Deykun pełno jest czasem takich magicznych tricków w programach, a weź je znajdź. Ja pewnie bym użył colorpickera, którego mam streamdeckcu wyciągniętego

Deykun

@zomers ja używałem pickera firefoxowego, ale jak kolor jest transparenty to ta opcja odpada.

Zaloguj się aby komentować

rtofvnt

@koszotorobur powiem więcej: zajebiste

Zaloguj się aby komentować

Hej, szukam kogoś, kto pomógłby mi ustawić dobrze stronkę na wordpressie pod kątem szybkości - bardzo długo trwa render, potem jest fajnie. Jeśli się na tym znacie, dajcie proszę znaka. Dzięki

#webdev

szymek

@Orzech jak możesz to daj linka na PW

Zaloguj się aby komentować

nocnyfilm

Masz na myśli....co? Bo widzę cały ekran scamu

rayros

@nocnyfilm te ustawienia dotyczące prywatności i plików cookies, chce to przenieść na footer

Zaloguj się aby komentować

Astro - Framework do tworzenia super szybkich stron internetowych, aplikacji internetowych po stronie klienta, dynamicznych endpointów API i wszystkiego pomiędzy!


Framework Astro spopularyzował architekturę frontendową o nazwie"Wyspy" (Islands), która pomaga uniknąć monolitycznych wzorców JavaScript automatycznie usuwając ze strony wszystkie niepotrzebne skrypty.


Astro umożliwia programistom korzystanie ze swoich ulubionych komponentów interfejsu użytkownika i frameworków takich jaki React, Svelte czy Vue co umożliwia bezbolesną migrację.


Dodatkowo, w związku z wydaniem ostatnio wersji 4.0, która wprowadziła szereg usprawnień, jeszcze bardziej polecam zapoznać się z tym bardzo wygodnym i elastycznym fameworkiem!


Jeśli jednak potrzebujesz więcej szczegółów dlaczego warto wybrać Astro to zapraszam na stronę: https://docs.astro.build/en/concepts/why-astro/.


#technologia #webdev #astro

koszotorobur

@Thereforee - no niemożliwe, że powstają nowe rzecz, które są lepsze niż poprzednie i używają ich ludzie i firmy na całym świecie

Nie doceniam żartu i w takim razie nie zachęcam do sprawdzania

055027bd-97f2-4277-8490-799cf173faee
ujdzie

@Thereforee Astro ma ponad 2 lata.


Do tego jest świetne w tym do czego zostało stworzone (szybkie statyczne strony).

Zaloguj się aby komentować

Zaloguj się aby komentować

Jeśli ktoś śledzi tag to sorry, z poprzednim sobie poradziłem i nie mogę usunąć, ale mam kolejny problem z menu w Elementorze pro.


Oto moje menu - czy ja nie mogę sprawić, żeby było ono węższe? Wszytsko mam wyzerowane. Najszersza wartość to logo na 100 px, no w innych przypadkach mi się deformuje. Nie ogarniam, jak mogę dać mu mniej wolnej przestrzeni dookoła...


#webdev #pytaniedoeksperta

ac3efc2b-9cb4-4f53-a3fd-bb921cb4fade
parapet-inferno

@Vilified może te buttony maja marginesy, padding albo inne line-height: 3rem;

uzywajac devtools

musisz zobaczyć który styl rozpycha. A może sam baner ma fix na wysokość? Niestety nikt nie odpowie na czuja co tam mogło się stać.

Niestety takie są cechy elementorów czy innych D&D

Vilified

@parapet-inferno Kiedyś przejrzę to jakimiś narzędziami. Devtools to nazwa konkretnego? Z tych wszystkich pól usunąłem wszelkie paddingi, heighty, itd, ale nadal coś nie chce się to skurczyć. Póki co starałem się to jakoś obejść i wypchałem elementy trochę do góry i zrobiłem spód półprzeźroczysty.


Generalnie myślałem, że może ktoś będzie miał pomysł, czy w jakimś nieoczywistym miejscu to się kryje.


Muszę przyznać, że ja jestem zawiedziony Elementorem i tym, ile problemów on generuje.

Vilified

@parapet-inferno I dzięki za odpowiedź

Zaloguj się aby komentować

Menu zrobione Elementorze Pro - o c⁎⁎j chodzi? Skąd się bierze ta przestrzeń pod? Nie ma żadnych marginesów, wartości w wysokości, nic. Ani w konkretnych elementach, ani w kontenerze...


#webdev #pytaniedoeksperta

b244f4c1-aa67-49c8-8fdd-20fb87b2f5f0
parapet-inferno

Ale to chyba jest tylko wizualizacja kontenera. Tak jak „przeciągnij widget” w poniższym… Puść na testowej stronie czy tak się wyrenderuje

Vilified

@parapet-inferno Nope, okazało się, że w jednym z elementów się pojawiła jakaś przestrzeń. Udało mi się znaleźć dzięki nawigatorowi. Tylko mam teraz taki problem, że wyzerowałem już wszystko, a nadal chciałbym aby to menu był niższe i nie wiem jak ani czy da się to w ogóle zrobić.

94ad8388-3f07-4e55-ad61-0677aab23aed

Zaloguj się aby komentować

Wiecie, że można już odmówić dostępu do swojej strony botowi od Chata gpt?


Jeżeli nie chcesz żeby Twoje treści służyły do szkolenia następnych wersji gpt można poprosić robota o wyjście.

Co ciekawe można im odmówić dostępu do nowych danych na stronie, ale nie można odmówić dostępu do tych które sobie wcześniej pobrali.


Przykładowy kod robots.txt

User-agent: GPTBot

Allow: /directory-1/

Disallow: /directory-2/


Robot przedstawia się jako

User agent token: GPTBot

Full user-agent string: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; GPTBot/1.0; +https://openai.com/gptbot))


Dokumentacja:

https://platform.openai.com/docs/gptbot


#webdev #webdesign #hosting #chatgpt

Zaloguj się aby komentować

@hejto dodajcie opcję przechodzenia po wpisach klawiszami "j" i "k" jak jest na reddit to bardzo ułatwia i nie niszczy scrolla w myszce. #hejto

Zaloguj się aby komentować

Zaloguj się aby komentować

Zaloguj się aby komentować

Chcę sobie zrobić prostą stronę wizytówkę. Mam już całą napisaną i kod z grafikami zajmie około 1MB xd Gdzie teraz najtaniej garnąć sobie domenę z hostingiem?


#webdev #hosting

rayros

githubpages [hosting za free] i ustaw sobie CNAME jak chcesz domenę swoją [tylko kup]

sl33ph4nd

@Animol Cloudflare coś nie trybi xD Wrzuciłem pliki to wyświetla kod HTML jako tekst xd

Zaloguj się aby komentować

Następna