#webdev #html
Pajączek jeszcze istnieje, i kosztuje $29.95. dx
https://www.creamsoft.com/spider/en/
Na angielskiej stronie używają polskich hashy.
Społeczność
WebDev
Dla fanów webdevelopmentu
Społeczność
Dla fanów webdevelopmentu
#webdev #html
Pajączek jeszcze istnieje, i kosztuje $29.95. dx
https://www.creamsoft.com/spider/en/
Na angielskiej stronie używają polskich hashy.
@Deykun ze spyderem się będzie mylać
fun fact: ależ kolizja...
Zaloguj się aby komentować
Kiedyś to musiałem tłumaczyć pracownikom jednej firmy dla której robiłem aplikacje która miała dużo formularzy i oni trzaskali je masowo i chcieli móc wygodnie się po nich nawigować klawiaturą.
Zaloguj się aby komentować
Ale abominacja xD
Zaloguj się aby komentować
Wsparcie słabe, ale bardzo spoko ficzur w sumie.
CSS ONLY Carousel? Learn ::scroll-button() in 9 Minutes
#webdev #css
@Deykun fajny ficzur, nie powiem. Ciekawe kiedy wejdzie jakas alternatywa dla htmla i css'ow. W koncu musi cos nowego powstac bo te archaizmy maja juz chyba ze 40lat a css to totalny smietnik poczawszy od koncepsji do przeliczania widoku
@666 Nigdy xD. Nie ma szans, że to zniknie, nawet nie słyszałem, żeby ktoś w ogóle próbował to zastąpić czymkolwiek xD.
Zresztą w ostatnim czasie coraz rzadziej się używa czystego HTML i CSS. UI strony piszesz w Reactcie albo innym podobnym frameworku i to jest już JSX a nie HTML a stylujesz za pomocą Tailwinda.
@Catharsis mimo wszystko ktos (w tym przypadku programisci frameworkow i przegladarek) nadal musza sie w tym babrac.
2026 rok a my nadal uzywamy jakiejs formy xml'a i kaskadowych stylow
Zaloguj się aby komentować
Spodziewalem się a mimo to prychłem! 😀
Nie śmieję się. Byłem w tym miejscu.
Za niedługo to nowi w świecie IT mogą nawet nie wiedzieć co to "lets encrypt" bo taki Caddy ma wbudowane automatyczne odnawianie i generowanie certyfikatów u nich i wystarczy go odpalić jako server www albo reverse proxy i on ogarnia sam wszystko za użytkownika.
Zaloguj się aby komentować
#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.
@Deykun to mi napisz, że które dni brakuje mi wpisów xD
@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
@Deykun znowu @kris popsuł
Już tak sledzenie wyzwań działa, że zawsze pierwszą stronę czytasz
@Deykun O, potrzebowałem coś takiego xD. Też jestem fanem userscriptów do Tampermonkey.
Ja żeby mieć live rebuild zrobiłem tak, że sam skrypt w przeglądarce jest pusty i ma po prostu @require ze ścieżką do lokalnego pliku na dysku (trzeba w ustawieniach włączyć dostęp do plików z dysku). I zwyczajnie podaje ścieżkę do pliku który jest bundlem z Vite.js. W jego configu ustawiłem sobie aby budowało mi ten plik za każdym razem jak edytuje pliki z JS i to działa. Chętnie przetestuje twoje rozwiązanie jak już to upublicznisz. Bo znalazłem kiedyś coś podobnego na GH ale nie chciało mi działać.
@Deykun chciałbym umić w programowanie na tyle, żeby zrozumieć. Znaczy się wiem co to userscript, chociaż sam żadnego nie napisałem, to korzystałem kiedyś z Greasemonkey. Jak rozumiem Tampermonkey jest odpowiednikiem w Chromie. Ale clou Twojego dzieła mi umyka. Manager tworzenia usersciptów z szablonów? W sensie że nie musisz zaczynać od zera m tylko korzystasz z wcześniej napisanych skryptów? Dobrze kombinuję?
@Greyman
Jak rozumiem Tampermonkey jest odpowiednikiem w Chromie.
Jest na oba, GM też używałem w przeszłości ale ludzie rekomendowali zmianę i Tampermonkey jest popularniejszy wszędzie, tez na FF.
W sensie że nie musisz zaczynać od zera m tylko korzystasz z wcześniej napisanych skryptów?
Obecnie jak się ma TM to się klika dodaj skrypt i droga wolna pisze się czysty "js" i nawet jest jakieś podkreślanie składni, ale jak masz większy skrypt to masz 600 linii ciągiem bez typów czyli z linii 600 wywołujesz funkcję zdefiniowaną w linii 100 i musisz pamiętać jakie parametry przekazać i wszystko. Tak się nie piszę solidnego JS w 2025. Ja mam u siebie jeden index z wywołaniem tej funkcji jak w linii 600, ale u mnie w kodzie to jest importowane z innego pliku i ma informacje co dostaje i co zwraca.
A mówię manager, bo w repo mogę mieć 5 skryptów i wszystkie je mogę z tego 1 repozytorium budować, bo są w swoich folderach, ale mam też funkcję którą chcę użyć kilku to mogę ją dać do folderu nad nimi i wszystkie mogą ją importować.
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
Zaloguj się aby komentować
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.
@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
@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
Zaloguj się aby komentować
Figma Sites is worse than you might have thought
#figma #webdev #accessibility #a11y
@Deykun klasyka, WYSIWTF
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;
@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ć
@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ć
Zaloguj się aby komentować
Polecam dość duża baza i jest filter na "No attribution required"
https://icon-sets.iconify.design/
#webdev #ikony #icon
@Deykun - fajne
@koszotorobur powiem więcej: zajebiste
Zaloguj się aby komentować
@Orzech jak możesz to daj linka na PW
Zaloguj się aby komentować
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
@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
@Thereforee Astro ma ponad 2 lata.
Do tego jest świetne w tym do czego zostało stworzone (szybkie statyczne strony).
Zaloguj się aby komentować
@Vilified wiem jakie mi się nie podobają, te gówna poskładane z kafelek pozbawione intuicyjnosc interfejsu, najlepiej z 2 popupami i wielka samoreklama na srodku
@Vilified https://martinfowler.com/ to jest perfekcja
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
@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
@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.
@parapet-inferno I dzięki za odpowiedź
Zaloguj się aby komentować
Ale to chyba jest tylko wizualizacja kontenera. Tak jak „przeciągnij widget” w poniższym… Puść na testowej stronie czy tak się wyrenderuje
@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ć.
Zaloguj się aby komentować
