Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

#webdev

Zawodowiec

w Hydepark

4

Hej!
Tosie I Tomeczki!
Mam pytanie z zakresu

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ć ;)

Gruba ryba0

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

Pokaż więcej komentarzy (7)

Lider

w WebDev

14

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

Fanatyk2

@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 :grinning:

Lider0

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

Pokaż więcej komentarzy (2)

Lider

w Hydepark

2

Gruba ryba0

Kolejny cebulowy ogier szuka konia do tworzenia scam sklepów?

Kosmonauta3

@Marchew mówisz że scamer a może on chce narkotyki sprzedawać.

Gruba ryba0

@kkEE do tego strony nie potrzebuje

Osobistość0

@kkEE eee tam. Do takich rzeczy wystarczy forum phpbb by Przemo postawione w darkwebie

Gruba ryba0

@korfos I szybki exit scam (° ͜ʖ °)

Osobistość0

Biorę w ciemno xD

Pokaż więcej komentarzy (8)

Lider

w Programowanie

16

W sumie ciekawe case study z

Zwykle się nie zdarza w 2024. Ale musiałem zaimplementować obrazki na spritach jak 20 lat temu. :grinning:

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). :grinning:

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! :japanese_ogre:

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:

1. Zmieniłem obrazki na webp, dodałem srcset, co poprawiło wynik delikatnie
2. Stworzyłem canvasa (ostatecznie go nie używam na tej stronie)
3. Do canvasa stworzyłem sprite 180 herbów na obrazek -> :sparkles: zamiast 2000 obrazków, pobiera ~11 :sparkles:
4. 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.

Lider1

Po poprawkach:

Kosmonauta0

no ale css też obsługuje sprite, więc dałoby radę tego użyć

Gruba ryba0

@Deykun a myślałeś o użyciu "spritesheeta" i przycięciu do odpowiedniego herbu w HTMLu?

Gruba ryba1

@Deykun przyznaję że przeczytałem po łebkach xD skąd limit 180 herbów?

Lider1

@wombatDaiquiri
Paczka którą kleiłem obrazki robi domyślnie je jeden pod drugim, jakbym chciał grid to bym musiał jakąś pętle zrobić i kleić wiersze i kolumny (może kiedyś zrobię). Ale tak prosto bo y = index wysokość herbu + index odstęp i działa.

Przy 200 herbów na obrazek paczka do obrazków rzucała błędem, że wysokość 16000px to za dużo żeby zapisać webp. :grinning:

Kompan0

@Deykun to o czym piszesz to właśnie spritesheet albo image/texture atlas.
Możesz to sobie wygenerować przy pomocy różnorakiego softu/paczek z neta (pewnie masz jakąś gównianą paczkę że nie ogarnia bin/grid packingu oraz generowania indexów/offsetów do tego, ale nie ocenię bo JS-a nie tykam).

Osobiście wykorzystałbym texture packer z libGDX ( tutaj masz GUI do tego bo można też tego stand-alone używać jeśli nie ogarniasz Java czy tam używanie tego z terminala i ręczne konfigurowanie to za dużo zachodu).

Ja tego używałem z poziomu Java do generowania na żywo przy odpalaniu gierki atlasów składających się z tysięcy obrazków z zamkniętego formatu zanim to pchałem do GPU. LibGDX używa spoko bin packera do upychania obrazków, ale jeśli z jakiegoś powodu potrzebujesz mieć grid to jest tam taka opcja.

Pokaż więcej komentarzy (8)

Lider

w UX / UI / WebDesign

7

Japanese web design: weird, but it works. Here's why
https://youtu.be/vi8pyS076a8

Gruba ryba1

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.

Pokaż więcej komentarzy (4)

Inspirator

w Hydepark

3

1073741824 B, to 1 GB.
Ale co mają sekundy do bajtów?

1073741824 sekund to 298261 godzin 37 minut i 4 sekundy.

298261:37:04 - taka liczba, jest widoczna w odtwarzaczu Picture in Picture w Firefox, na streamie.

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

Gruba ryba0

jeden gigabajt to rowny miliard bajtow, masz na mysli gibibajta

Inspirator0

@5tgbnhy6 Pewnie. Ale nie pomaga to. :)

Pokaż więcej komentarzy (2)

Osobistość

w Wykop

0

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.

Debiutant

w Dyskusje

0

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

Pokaż więcej komentarzy (3)

Specjalista

w Hydepark

0

Zacząłem używać jako przeglądarki internetowej na telefonie z

Używam trybu dynamicznego,nczyli za dnia mam telefon w trybie jasnym a po zachodzie słońca w ciemnym. Czy da się ustawić brave, żeby robiło dark mode stron zgodnie z trybem telefonu? Czyli żeby dynamicznie ogarniał kiedy ma być jasno a kiedy ciemno?

Lider2

@sayda Ustawienia-> Wygląd -> Motyw
?

Specjalista0

@AdelbertVonBimberstein dzięki za odpowiedź! Mam to tak ustawione i zmienia to tylko motyw samego UI przeglądarki. Strony dalej są domyślnie białe :confused:

Pokaż więcej komentarzy (2)

Gruba ryba

w HTML, CSS i JS: pierwsze kroki

3

no w sumie parsowanie _to nauka_ HTML, CSS i
>JS _tylko_ odwrotnie
>

1. próba
2. mikrofonu

>
>

* gdybym był człowiekiem wyższej kultury
* to użyłbym wpisu który już kiedyś wrzucałem
*

czy?

  • tak25%
  • nie75%

12 głosów

Fenomen1

@wombatDaiquiri
czy?
tak
nie
ogarnij
sie
eee

Pokaż więcej komentarzy (7)

Specjalista

w Dyskusje

12

( ͡° ͜ʖ ͡°)

Gruba ryba1

@ufonapowaznie_pl a co to niby, statyczna strona HTML ? :smiley:

Gruba ryba1

@ufonapowaznie_pl hmm... gratulejszyn, nie sądziłem że da się taki wynik na wordpresie wykręcić. Widzę LiteSpeed cache. I pewnie bez dzikich węży czyli setek pluginów.

Pokaż więcej komentarzy (6)

Debiutant

w Dyskusje

1

Cześć!
Szukasz hostingu www lub hostingu e-mail?

Sprawdź naszą ofertę na **sohost:registered:**

Z kodem HEJTO hosting aż 30% taniej!

Do 20.06.2024 z kodem HEJTO50 hosting 50% taniej.

W każdym pakiecie hostingu www:
• Darmowa migracja
• Rejestracja domeny .pl w cenie hostingu
• LiteSpeed + LSCache
• Powierzchnia SSD NVMe
• Nielimitowany transfer
• DirectAdmin PL
• PHP 5.3-8.3
• Certyfikat SSL (Let's Encrypt)
• Autoinstalator popularnych CMS'ów
• Pełna kopia co 24 godziny aż do 7 dni wstecz!

W każdym pakiecie hostingu e-mail:
• Powierzchnia SSD NVMe
• Przekierowania bez limitu
• Klient Roundcube
• Filtry spamu
• Parking DNS
• Zarządzanie rekordami DNS
• Zarządzanie DKIM
• Antywirus
• Kopia co 24 godziny (7dni wstecz)
• Darmowa Migracja
• Darmowa konfiguracja

           

Fanatyk2

@sohost usuń konto spamerze

Fanatyk8

Nie mówcie, że typ dał kod wykop xD

Fanatyk4

@Zielczan panie, on ma tyle serwisów do ogarnięcia że mu się już miesza, daj mu spokój ( ͡° ͜ʖ ͡°)

Debiutant2

@Zielczan :white_frowning_face:

Gruba ryba1

@sohost to po takiej wpadce rabacik HEJTO powinien urosnąć do 40% ( ͡~ ͜ʖ ͡°)

(A mogłem zasugerowac 50% ale nie będę taki)

Debiutant3

@jimmy_gonzale dodaliśmy kod HEJTO50, który jest ważny do 20.06.2024 w ramach rekompensaty ( ͡° ͜ʖ ͡°)

Pokaż więcej komentarzy (16)

Osobistość

w Hydepark

8

Zacznę tutaj, na Hejto, żeby rozgrzewkowo sformułować sobie problem. Chociaż mam nadzieję, że pomożecie mi rozwiązać temat 😉

Mam taki produkt Comtegra GPU Cloud, Comtegra GPU Core https://cgc.comtegra.cloud i ostatnio udało nam się wykonać 2 on-premowe wdrożenia, przez co urodziła mi się w głowie piękna idea "CGC Universe" - jeśli kupisz infre z naszym stackiem, możesz dołączyć do naszego wszechświata dzięki czemu ty będziesz miał dostęp do wszystkich otwartych klastrów jak również jeśli będziesz chciał my możemy oferować naszym klientom cloudowym twój klaster jeśli masz jakieś wolne zasoby. Sprzedajemy GPU, w sensie ich moc obliczeniową.

Na stronie mamy taką sekcje early adopters, która jest już brzydka i przestarzała dlatego chciał bym tam wstawić coś na kształt pic rel.

I tu pytanie do was

Nie chce rysunku, chce kod, jest tu ktoś kto zna się na rysowaniu w JS? Strona jest na więc implementacja czegokolwiek dodatkowego nie jest problemem.
Chce stworzyć jasne wytyczne dla kogoś kto narysuje mi bloki takie jak Core (pomarańczowy, energia buzuje, wyskakują jakieś cząsteczki), chmurkę (jako połączenie do neta), łańcuchy (jako klaster za VPNem), sprytne strzałeczki żeby to wszystko połączyć. Jak na razie wszystko widzę w jakimś 8-bit.
Chce żeby to było zrobione tak, że potem z łatwością będę dodawał sobie kolejne rzeczy (w kodzie oczywiście, nie oczekuje UI żeby tym zarządzać).
Ofc hover i click po to żeby podejrzeć detale Core-a (nazwa, ip, dostępne zasoby) - jeśli klient wyraża zgodę.

A w tajemnicy powiem wam, że jeden klient wyraził zgodę. Nie byle jaki klient bo Polibuda Wrocławska. Tak więc projekt nabrał szybszego tempa. Zaraz w ofercie będziemy mieli dostępne NVIDIA H100 😉

Ktoś coś? Oczywiście jeśli znacie kogoś kto może coś takiego wykonać to czym prędzej dajcie znać 😉 Robota od zaraz

Mocarz0

Wrzuć opis zlecenia na fivera i ktoś zrobi to za frytki.

Osobistość0

@GODPL Taki plan, mam dość "enterprisowych" grafików z naszego podwórka. Pytanie czy opis jest spoko

Mocarz0

@zboinek Graficy z naszego podwórka są spoko, ale nie są warci pieniędzy, bo można to mieć taniej i zwykle szybciej.
20 lat w branży robi swoje.

A co do opisu to jest spoko, choć ja bym to rozpisał jak dla debila, bo później pół dnia będziesz komuś tłumaczył.

Osobistość0

@GODPL niestety, ale tak, tak zrobie. Zaraz się wezmę za poszerzenie. Pozostaje kwestia technologii, bo wolal bym, żeby to nie było coś losowego ale coś wygrzanego a przede wszystkim zeby nie ojebało całego ram-u odwiedzającego 😛

Mocarz0

@zboinek Można to wykonać w czystym css bez większego problemu i tylko zmieniać klasy w zależności od zdarzenia.
Powinno być lekkie o ile nie napierdolicie tam cieni, z którymi złomy sobie nie radzą. Jak czegoś nie ogarną w css to oczywiście .svg animowane i elo. Tak właśnie się robi takie elementy.

Osobistość0

@GODPL ok, czyli nie bawić się w żadne p5.js inne silniki do rysowania?

Mocarz0

Absolutnie, nawet kijem nie dotykaj.

No chyba że lubisz mieć 150 bibliotek do niczego, z którymi będziesz się pierdolic jak matka z łobuzem.

Rob po bożemu i będzie śmigać jak złoto.

Mocarz0

Jak coś to pisz

Pokaż więcej komentarzy (9)

Inspirator

w Hydepark

3

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.

Gwiazdor0

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

Inspirator0

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

Gwiazdor0

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

Inspirator0

@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)