Wsparcie słabe, ale bardzo spoko ficzur w sumie.
CSS ONLY Carousel? Learn ::scroll-button() in 9 Minutes
#webdev #css
Społeczność
WebDev
Dla fanów webdevelopmentu
@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
Da się jeszcze znaleźć tu realną pracę?
@rayros nie ma już realnych prac to nie 2020
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ć
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ć
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
@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
@zomers ja używałem pickera firefoxowego, ale jak kolor jest transparenty to ta opcja odpada.
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ć
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
@Orzech jak możesz to daj linka na PW
Zaloguj się aby komentować
Masz na myśli....co? Bo widzę cały ekran scamu
@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
@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ć
Jakie strony internetowe Wam się najbardziej podobają? Jakie uważacie za kawał dobrze wykonanej roboty?
#webdev #pytanie
@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
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ć
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
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ć
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ć
Daaawno mnie nic tak nie ucieszyło. W końcu jakaś sensowna kontrola nad dzieleniem wyrazów - text-wrap:balance
Tak wiem, Canary, ale c⁎⁎j.
#webdev #webdesign
Zaloguj się aby komentować