Gdyby Hejto miało taki ekran logowania ale z owcą to ludzie by narzekali, że za mało wylogowuje xDDD
#uxplakaljakuzywal #webdev #internet
#webdev
15
obserwujących
229
wpisów
@entropy_ jeszcze powinien zakrywac oczy jak hasło wpisujesz, kot na ConfigCat tak robi
Nie musi być żadnego ekranu logowania, wystarczy throbber podczas ładowania strony, a jak jeszcze będzie custom, to już w ogóle misio.
@entropy_ ok do #todo xD
Zaloguj się aby komentować
Do wszystkich osób odpowiedzialnych za układ stron www, zapamiętajcie sobie jedną liczbe: 0
To jest idealna liczba okienek pop-up, filmików które sie automatycznie uruchamiają, oraz "inteligentnych chatów" które od razu pytają z czym ci mogą pomóc
#webdev #internet #programowanie
Komentarz usunięty
Jak mi od razu wali w pysk 3 popupy i chat to pi⁎⁎⁎⁎le i idę do kolejnego wyniku w Google
Zaloguj się aby komentować
Jak to jest zrobione?
To specjalny popup, w trybie zawsze na wierzchu.
Na Firefox ta funkcja nie jest dostępna.
Działa na wzór Picture in Picture, ale z pełnym HTMLem.
#html #javascript #webdev #frontend
@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
Zaloguj się aby komentować
Zrobiłem najbardziej minimalistyczną stronkę do sprawdzania czy dzisiaj jest niedziela handlowa xd Jak komuś nie chce się czytać clickbaitów to tu macie: codziennahandlowa.pl
#minimalizm #webdev #ciekawostki #niedzielawieczur #przydatnestrony
@xiwen55 - a strona skąd wie kiedy jest niedziela handlowa a kiedy nie?
@koszotorobur bo w js wpisałem wszystkie zaplanowane
@xiwen55 - to znaczy, że ręcznie będziesz musiał ją uaktualniać
@xiwen55 spoko, tylko po co, skoro od lat istnieje normalnaczypopierdolona.pl ? xD
Jak ktoś jest zainteresowany ile stronka będzie miała wyświetleń, może polajkować ten komentarz to zawołam za miesiąc
Zaloguj się aby komentować
Klapek00
Specjalista
Chcę sobie zrobić prostą stronę internetową. Opis usług, kontakt, poprzednie realizacje-kilka fotek. Od czego zacząć żeby nie zepsuć na starcie? I co potem Hejto, halp!
#webdev #pytanie
@Klapek00 od dobrej jakości wykonywanych usług. A potem to już tylko odrzucać zlecenia z braku czasu w kalendarzu.
@plemnik_w_piwie jestem właśnie podczas zdobywania tej słynnej renomy na mieście. Coś się rusza, ale myślę że stronka pomoże mi znaleźć klientów.
@Klapek00 to zacząłeś bardzo dobrze! Trzymam kciuki
A jaka branża? Co robisz?
Tu jest niezła zbieranina dziwaków. Może ktoś założy pocztowego pantofla... Pochwal się co umiesz robić za hajs
@Klapek00 - tu masz w czym stronkę zrobić:
-
https://www.hejto.pl/wpis/astro-framework-do-tworzenia-super-szybkich-stron-internetowych-aplikacji-intern?commentId=5c056a65-d4aa-4b3d-9ee6-b2593462935d
-
https://www.hejto.pl/wpis/python-jest-obecnie-najczesciej-uzywanym-jezykiem-w-serwisie-github-sztuczna-int?commentId=f377e1f6-c2b7-433a-a642-3b708c6ecbf4
-
https://www.hejto.pl/wpis/firefox-idzie-do-kosza-zaczelo-sie-od-sponsorowanych-stron-a-teraz-zauwazylem-ma?commentId=753e4dec-c57b-442c-b121-8cf0eb33782c
A tu masz jak po taniości samemu hostować:
-
https://www.hejto.pl/wpis/gdzie-znajde-najtanszy-hosting-mialem-jeden-wykupiony-ale-za-przedluzenie-na-kol?commentId=bbb8cd38-2cbe-4be6-974f-c994d2ec280d
-
https://www.hejto.pl/wpis/programowanie-programista15k-chociaz-pewnie-bardziej-programista6k-webdev-na-jak?commentId=2dc9e043-686b-484b-b2e4-40cc36fa3f51
@koszotorobur Dzięki, zajrze tam
@Klapek00 - statyczną stronkę wizytówkę wygenerujesz sobie w Hugo w kilka minut.
Jak chcesz mieś coś całkiem pod siebie nad czym masz kontrolę to polecam SveleteKit, który bazuje na frameworku UI zwanym Svelte i potrafi robić stroni statyczne i z backendem: https://svelte.dev/tutorial/svelte/welcome-to-svelte
O hostowaniu to już się chyba wystarczająco rozpisałem w komentarzach do których dałem linki powyżej
@Klapek00 obczaj sobie ten tutorial niżej, jak znasz angielski. Moim zdaniem najprostszy z możliwych. Sam stawiałem tak niedawno stronkę www. Potem edycję przejął ktoś absolutnie bez doświadczenia nawet z html'em i sobie poradził.
Zaloguj się aby komentować
sl33ph4nd
Specjalista
Gdzie znajdę najtańszy hosting ? Miałem jeden wykupiony ale za przedłużenie na kolejny rok zażądali ode mnie 1200zł brutto xd (domena+ hosting) i wydaje mi się że to chyba trochę za dużo? Chyba że teraz są takie ceny na przedłużenie to możecie mnie uświadomić. Hosting potrzebuję dla strony napisanej w html'u/css/js bez żadnych wordpressów itd.
#hosting #webdev może też dodam #jdg bo to dla firmy
Oracle jeszcze ma coś takiego jak free tier masz vpsa za uczciwą cenę czyli darmo
@Fausto - widzę, że rozmawialiśmy już kiedyś na ten temat
https://www.hejto.pl/wpis/aws-free-tier-darmowy-hosting-aplikacji-lub-strony-na-awsa-amazon-web-services-a?commentId=a857fc55-7274-4c92-878e-8f19bf59c57f
@Fausto @koszotorobur to oracle za darmo to największe kłamstwo w historii kłamstw xD
Przypomniałem sobie o tym jak przeczytałem Twój komentarz i niepotrzebnie im podawałem numer karty chyba
Out of capacity i elo xDDD
Tyle to chyba nawet github udźwignie? Bez backendu to nie powinno być takie trudne
Dziękuję wszystkim za wartościowe komentarze, hejto jest niesamowite
@sl33ph4nd - no to na co się Tomeczku zdecydowałeś?
Zaloguj się aby komentować
@Deykun a potem trafiasz na stronę, która w całości jest zrobiona z sekcji "common mistakes and how to avoid them", a w sumie to pierwszej części- "common mistakes" xD
Komentarz usunięty
45$ to tanio
epub
https://mega.nz/file/GOACiaAK#zb4AvfVCSjeag9HZZXRhDG4xog41lvRVQlP5sVSQd_I
pdf
https://mega.nz/file/eDQ1VKDR#cXT_YN44-VHKXmvz62av7zwEQTlmZ_6SyIf9DSEjv4M
użyłeś - zapłać autorowi
nie użyłeś - usuń
porady prawne - pm xD
host not cool - pm
Zaloguj się aby komentować
Swbd
Zawodowiec
Hej!
Tosie I Tomeczki!
Mam pytanie z zakresu #webdev #programowanie #cloudstorage
Pracuję nad prostą stronką którą chcę postawić w oparciu o Flaska.
Ale jako że chciałbym, żeby na stronce mogła być też przestrzeń na wrzucanie plików przez użytkowników to chciałbym się też zapoznać z tym jakie są opcje na przestrzeń dyskową.
I teraz pytanie: czy znacie jakieś sprawdzone rozwiązania?
I też drugie pytanie jakie rozwiązania są "dynamicznie skalowalne". Tzn jak będę mieć 10 użytkowników to będę mieć np. 20 GB a jak 2 tygodnie później 200 to 400 GB , a jak potem spadnie do 5 użytkowników to 10 :D
Niestety w webówkę jestem ziemniakiem, więc może tutaj ktoś coś poleci. Co sprawdzić, z czym się zapoznać ;)
rozwiązania przeze mnie niesprawdzone
tyle podpowiem bo wiem o ich istnieniu, toteż możesz sprawdzić czy darmowe usługi typu storage, czy bazodanowe jakie oferują IBM i Oracle nie byłyby dla ciebie wystarczające.
Nie wiem jak się skalują płatności za nie, ale warto porównać, bo nie tylko amazon oferuje takowe. A może i coś dodatkowego byłoby przydatne.
Zresztą, dla mnie AWS wleką się niemiłosiernie.
btw. lepiej od razu rozważyć płatne rozwiązania lub pomyśleć o czymś self-hosted
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ć
No już się da, bo react wyszedł w 2013, a TS 2012. ;D
#webdev #pracbaza
@Deykun taaaa
Zaloguj się aby komentować
Zaloguj się aby komentować
Kolejny cebulowy ogier szuka konia do tworzenia scam sklepów?
@Marchew mówisz że scamer a może on chce narkotyki sprzedawać.
@kkEE do tego strony nie potrzebuje
Biorę w ciemno xD
@Deykun pewnie i tak się znajdzie jakiś student na zlecenie
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ć
W sumie ciekawe case study z #webdev #programowanie
Zwykle się nie zdarza w 2024. Ale musiałem zaimplementować obrazki na spritach jak 20 lat temu.
Problem
Mapka z polskimi herbami https://deykun.github.io/maps/heraldyka
Herbów było 2k, każdy na absolucie każdy był w osobnym src, jak się wchodziło (o dziwo na chromie o wiele gorzej niż na firefoxie) to była zawiecha na ileś sekund (potem jak się ogarnęło to już raczej działało), raport z lighthouse 3/4 się psuł przy odpaleniu i renderował się dobre 3 minuty+ (zawierał uwagi o przesunięciach w tych setkach elementów).
Dostałem nawet 2 razy bana na IP na githubie, bo 3 otwarte karty potrafiły pobrać 8k obrazków. Wspomniane tutaj.
Raport z lighthouse jest we wpisie.
18.8 sekund blokowania wątku!
Ale w sumie ciekawy kejs, bo chcemy mieć elementy w x i y i chcemy mieć to 2k obrazków.
Oczywiste nieoczywiste rozwiązania to:
-
przenieść mapkę do canvasa pozbędziemy się wtedy 2k nodów html
-
stworzyć sprite obrazków i kadrować
Co zrobiłem:
-
Zmieniłem obrazki na webp, dodałem srcset, co poprawiło wynik delikatnie
-
Stworzyłem canvasa (ostatecznie go nie używam na tej stronie)
-
Do canvasa stworzyłem sprite 180 herbów na obrazek ->
zamiast 2000 obrazków, pobiera ~11
-
Wykorzystałem spritery na tej stronie bez canvasa (jako background-image)
Rezultat:
Strona się ładuje normalnie, skok z 52/100 punktów wydajności przy 2.1k herbów do 81/100 z 2.6k herbów.
Issue na githubie: https://github.com/Deykun/maps/issues/16
W sumie spoko przypadek, pierwszy raz używałem spritów i canvasa dla zwykłej i koniecznej optymalizacji.
Po poprawkach:
no ale css też obsługuje sprite, więc dałoby radę tego użyć
@Deykun a myślałeś o użyciu "spritesheeta" i przycięciu do odpowiedniego herbu w HTMLu?
@wombatDaiquiri
a myślałeś o użyciu "spritesheeta" i przycięciu do odpowiedniego herbu w HTMLu?
No o tym jest wpis, że tego użyłem chyba. ;D
Przykłady:
https://deykun.github.io/maps/images/heraldry/pl/web/sprites/gminy-0.webp
https://deykun.github.io/maps/images/heraldry/pl/web/sprites/gminy-1.webp
@Deykun przyznaję że przeczytałem po łebkach xD skąd limit 180 herbów?
Rozwiązanie z canvasem wykorzystuję dla mapki Europy gdzie wszystkie kraję będę renderować (obecnie z 3 mam 4.2k herbów).
https://deykun.github.io/maps/heraldry
Ale ta strona ma jeszcze swoje własne bolączki jeszcze (niezwiązane z ładowaniem).
Zaloguj się aby komentować
Japanese web design: weird, but it works. Here's why
#japonia #webdev #ux #psychologia
@Deykun taktyczny komentarz, może nie zapomnę wrócić XD
W związku z tym, że miałem okazję w tym roku podróżować po Japonii naoglądałem się też trochę ich stron internetowych - też byłem zdziwiony, że ich stronki wyglądają jak coś co pamiętam z początków internetu. Ofc nie znam języka i pomagałem sobie translatorem ale wydawało mi się, że są one bardziej przejrzyste i czytelne. Plus jak knajpa ma stronę to jest to normalna strona w necie a nie profil na zjebanym fb.
Też miałem ten filmik w polecanych na YT. Czasem wydaje mi się, że ten algorytm jest prostszy niż się wydaje, i danej grupie odbiorców poleca to samo zamiast podchodzić bardziej personalnie xd.
Zaloguj się aby komentować
1073741824 B, to 1 GB.
Ale co mają sekundy do bajtów?
1073741824 sekund to 298261 godzin 37 minut i 4 sekundy.
298261
Skąd taka liczba w streamie, filmie, który teoretycznie nie ma określonego czasu trwania?
Tak nie jest na każdym streamie, ale gdy jest, to z taką liczbą.
To jest z kick.com na Firefox, Chrome w ogóle nie wyświetla czasu w Picture in Picture.
Twitch i YouTube tak nie ma.
PS To jest jednocześnie ponad 34 lata streama.
#kick #twitch #youtube #live #stream #firefox #programowanie #frontend #webdev #przegladarki #internet
jeden gigabajt to rowny miliard bajtow, masz na mysli gibibajta
@5tgbnhy6 Pewnie. Ale nie pomaga to. :)
Zaloguj się aby komentować
Acrivec
★Gruba ryba
Jak ja nienawidzę stron na których nie da się po ludzku zrobić wstecz tylko trzeba spamić albo rozwinąć listę wstecz ręcznie żeby wyjść ze strony...
#webdev
Zaloguj się aby komentować
Erebus
Osobistość
#wykop to jest nadal jakiś fenomen programistyczny. informują mnie np. że coś zostało usunięte, odczytuję, powiadomienie nadal wisi, ale najlepsze jest to, że nie wiem co usunęli bo przecież link jest nieaktywny xD
jakieś tęgie mózgi pracowały nad tą wersją:
"przez niemal 3 lata i miala byc odpowiedzia na problemy poprzedniej wersji. Niestety - wyszło słabo."
dosłowny cytat z Michaua.
3 lata pracowali nad zdegradowaniem wykopu do wersji alfa żeby potem przez kolejne 2 lata naprawiać niekończące się problemy.
finalnie strona po pewnym czasie używania muli nawet na najnowszych procesorach z najwyższej półki zarówno na komputerze jak i smartfonie.
#webdev
Zaloguj się aby komentować
Cześć!
Pierwsze dni lata już za nami, a więc nadszedł czas na cieszenie się wspaniałym okresem urlopowym!
Aby uczcić tę wyjątkową porę roku, przygotowaliśmy ofertę promocyjną!
Zmień hosting przed urlopem i ciesz się zasłużonym wypoczynkiem bez obaw!
Z kodem LATO24 hosting aż 50% taniej!
Sprawdź naszą ofertę na sohost:registered:
W każdym pakiecie hostingu www:
• LiteSpeed + LS Cache
• Powierzchnia SSD NVMe
• Rejestracja domeny .pl w cenie hostingu
• Nielimitowany transfer
• DirectAdmin PL
• PHP 5.3-8.2
• Certyfikat SSL (Let's Encrypt)
• Autoinstalator popularnych CMS'ów
• Pełna kopia co 24 godziny aż do 7 dni wstecz!
• Darmowa migracja
W każdym pakiecie hostingu e-mail:
• Powierzchnia SSD NVMe
• Przekierowania bez limitu
• Klient Roundcube
• Filtry spamu
• Zarządzanie DKIM
• Antywirus
• Pełna kopia co 24 godziny aż do 7 dni wstecz!
• Darmowa Migracja
• Darmowa konfiguracja
#hosting #domeny #wordpress #webdev #php #mysql #nodejs #promocje #sohost #litespeed #email #stronywww
@sohost Brakuje tagu #reklama
Ta audycja zawierała lokowanie produktu.
Zaloguj się aby komentować