Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

#webdev

Fenomen

w Hydepark

11

Korzystając z przerwy świątecznej postanowiłem sobie zrobić stronę internetową :grinning:

https://www.nootmusic.com

Dajcie znać co sądzicie :smiley:

Wesołych i radosnych świąt dla wszystkich hejtowiczów! :hatching_chick:

Wirtuoz1

@NooT Spoko. Opis/bio możesz dać w pierwszej osobie; moim zdaniem.

Osobistość2

@NooT mój wnuk też robi strony i też takie żarówiaste z tą okropną pochodną niebieskiego. U ciebie przynajmniej w temacie. Gościa który wypromował tę paletę kolorów to bym szpicrutą potraktował.

Pokaż więcej komentarzy (6)

Debiutant

w Cybersecurity

10

Cybermonit: Szybki rzut oka na cyber-świat. Darmowy dashboard z newsami, CVE, Ransowamre i wiele więcej

Stworzyłem Cybermonit ( https://cybermonit.com/ ) – darmowe narzędzie, które może się przydać w codziennej pracy admina, speca od bezpieczeństwa czy DevSecOpsa po hobbistów. Platforma agreguje m.in.: Najnowsze podatności (CVE) – kluczowe do patchowania. Info o oprogramowaniu

Osobistość

w Hydepark

13

Pisanie frontendu jest jak jeżdżenie TIRem

Jesteś w punkcie A i masz dojechać do punktu B. Odpalasz navi, czyli Figma/Adobe/Canva czy czego tam używają designerzy i jedziesz z koksem. Wydawało by się, że za oknem krajobraz się zmienia, przeżywamy przygodę ale tak na prawdę chodzi tylko o to żeby siedzieć i robić.

Dużo szumu zrobił ostatnio nowy model językowy od Googla - Geminni-2.5 czy coś takiego. Podobno mistrz kodowania. Jak testować to w pełnym boju. Dobrze się więc złożyło, że przyszedł klient na prywatę. Landing page dla salonu masażu, raczej prosta robota. Bez AI myślę, że dla mnie jakieś 14-18h, założyłem, że z AI zrobie to w 8h. Warto zaznaczyć, że gdyby nie chęć przetestowania nowego modelu nie podjął bym się zadania. Zwyczajnie nie chce mi się już jeździć TIRem.

Wycena 1200 netto. Strona + deployment jako kontener.
Stack: (czy IDE stało się już stackiem do kodowania? A może zawsze było) - nextjs i tak jest za dużym działem na taki landing ale ja po prostu go lubię i znam i nie chce mi sie babrać z bardziej vanillowym JSem. W ramach ciekawostki to znowu poszedłem w TypeScripta w ramach switchu na typowane języki. Z AI jest to całkowicie przeźroczyste.

Wrażenia?
Jestem bardzo pozytywnie zaskoczony. Poprzedni projekt na takim samym stacku tylko z Claude Sonnetem 3.7 poszedł dużo, dużo gorzej. Model od Googla faktycznie radzi sobie świetnie. Przede wszystkim wreszcie dobrze radzi sobie z promtem "Create component based on given design" wklejam screenshot, jeśli potrzeba to coś tam jeszcze opisuje i dostaje faktycznie clean code. Nadal trochę nazmyślane ale to bardziej wina cursora niż modelu. Cursor musi popracować nad promptami i dostępem do całego projektu.

Używanie gotowych komponentów jak shadcn jest już kompletnie niepotrzebne. "Create component based on given design. Sections must be collapsable..." załatwia sprawe. Dostajesz clean code bez niepotrzebnych bibliotek.

Ostatecznie wyszło lekko ponad 10h, z tym, że na pewno będą jeszcze jakieś poprawki więc zakładam, że zamknę się w 12h.
Niestety stawka stopniała ze 150 do 100 zl/h no ale przecież nie dla pieniędzy jeździ się TIRem 😉

Link do wersji devowej tutaj https://masowanie.zboina.pl/ - mobile imo wygląda lepiej

Oczywiście będziemy jeszcze robili title, desciption, og:image i ten cały bzdurny stuff.
Jak zobaczycie coś popsutego to dajcie znać 😉

? xD nie to nie vibe coding jednak małe partie i sporo poprawiania

Osobistość3

@zboinek
>Używanie gotowych komponentów jak shadcn jest już kompletnie niepotrzebne. 
No trochę się jednak nie zgadzam. O ile nigdy nie przepadałem za shadcn i ideą kopiowania tych komponentów pojedynczo do swojego kodu, tak ogólnie biblioteki z komponentami dalej będą potrzebne. Może nie w twoim przypadku bo robisz prosty landing page i komponenty nie muszą być ze sobą kompatybilne, ale w wypadku jakiejkolwiek większej aplikacji ważna jest spójność ze sobą komponentów i ich działania. Takie Mantine, Chakra, Material, Hero itp dają ci cały ekosystem gdzie komponenty mogą ze sobą współpracować, mają takie same API, zarządzanie motywem/wyglądem itp.

Takie Gemini ofc walnie ci komponent, jak zapytasz się o kolejny który będzie podobny do tego to też to zrobi. Problem pojawi się gdy będziesz miał tych komponentów 30 albo więcej. Też ostatnio dużo używałem Gemini 2.5 i o ile fajnie działa, to tak jak wszystkie te AI, im więcej kodu i treści tym szybciej zaczyna się gubić. A poza tym, to jak myślisz skąd to AI bierze te komponenty jak nie własnie z uczenia się na wszelkich takich projektach open source.

Pokaż więcej komentarzy (5)

Kompan

w Dyskusje

4

GhibliGuesser? Nowa mapa w stylu Ghibli od twórców GuessWhereYouAre.com, czyli polskiego geoguessra

Twórcy GuessWhereYouAre.com dodali nową, eksperymentalną mapę (https://guesswhereyouare.com/#/map/Fjk44dUqANc84uNOLHTg), w której zgadujemy miejsce na Ziemi na podstawie zdjęć Street View przerobionych przez AI w stylu Ghibli. Co ciekawe, da się rozpoznać kraje, a meta jest nawet dobra…

Lider

w WebDev

7

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;

Sum0

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

:innocent:

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! 😉

Pokaż więcej komentarzy (2)

Kompan

w Polityka

9

Stworzyłem serwis - Symulator Sejmu - głosuj, komentuj, debatuj na argumenty, czytaj skróty ustaw AI

Cześć. Niedawno opublikowałem swój nowy serwis - symulatorsejmu.pl . Jest to miejsce w którym możecie zagłosować na ustawy z Sejmu, napisać komentarz i prowadzić debatę za pomocą argumentów. Możecie też sprawdzić statystyki głosowań, zgodność głosowań z partiami oraz swoją

Zawodowiec

w AI

4

Cursor - moje pierwsze wrażenia z programowania z asystentem AI - devszczepaniak.pl

Materiały dotyczące Cursora od jakiegoś czasu wyskakują mi wręcz z lodówki. Czas więc bym i ja dołożył swoje kilka groszy na ten temat. Przez ostatnie kilka tygodni miałem okazję pracować z Cursorem. Swoje obserwacje, wnioski i rekomendacje zamieściłem w artykule na blogu. Z

Gruba ryba

w Hydepark

28

ludzie bez doświadczenia w developmencie na Linkedin: ej aj zastąpi programistów w ciągu 2 lat!!!!1!!!!1jeden!

ej aj w rękach ludzi bez doświadczenia w developmencie:

Gruba ryba5

AI jest co najwyżej "pomocnikiem majstra" i nie zanosi się, żeby to się wkrótce zmieniło

Pokaż więcej komentarzy (2)

Gruba ryba

w UX / UI / WebDesign

3

O cie jasny wuj strzelił:

https://zabkowice.pl/wiadomosci/demografii-nie-oszukamy/TKXufKNDSWxTAQm67jaH#goog_rewarded

otwórzcie to w przeglądarcie w której nie macie adblocka i spróbujcie przeczytać artykuł :grinning:

GURU2

nie...

Gruba ryba1

Temat wałkowany od dawna, zamykam temat.

Pokaż więcej komentarzy (4)

Gruba ryba

w Hydepark

5

Może macie pomysły dlaczego oni to robią?

Strona banku do której się przyzwyczajamy nagle staje się inna. Co gorsza... Dostosowana do komfortu na urządzeniach mobilnych, co zwykle oznacza popsuta, bądź za natto uproszczona dla użytkowników pc.
Jeszcze nie wiem jak wyglądać będzie, ale narzekanie czas zacząć. Doświadczeni podpowiada mi że będzie mniej treści, więcej miejsca na reklamy i oferty, a w najbliższym czasie zmiana tabeli prowizji i opłat.

Autorytet6

@Fulleks znam podobne podejście z pewnego portalu, z którego został mi tylko login

Pokaż więcej komentarzy (3)

GURU

w Hydepark

82

Gdyby Hejto miało taki ekran logowania ale z owcą to ludzie by narzekali, że za mało wylogowuje xDDD

Fanatyk6

@entropy_ jeszcze powinien zakrywac oczy jak hasło wpisujesz, kot na ConfigCat tak robi

Autorytet1

Nie musi być żadnego ekranu logowania, wystarczy throbber podczas ładowania strony, a jak jeszcze będzie custom, to już w ogóle misio.

Pokaż więcej komentarzy (5)

Fanatyk

w Hydepark

223

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

Wirtuoz0
Osobistość0

Komentarz usunięty

Pokaż więcej komentarzy (25)

Inspirator

w Hydepark

1

Jak to jest zrobione?
To specjalny popup, w trybie zawsze na wierzchu.
Na Firefox ta funkcja nie jest dostępna.

https://www.socialmediatoday.com/news/tiktok-floating-player-desktop-facilitate-expanded-viewing/716927/

Działa na wzór Picture in Picture, ale z pełnym HTMLem.

https://www.youtube.com/watch?v=EnlkqSVWheE

Sum0

@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

HTMLVideoElement: disablePictureInPicture property - Web APIs | MDNThe HTMLVideoElement disablePictureInPicture property reflects the HTML attribute indicating whether the picture-in-picture feature is disabled for the current element.MDN Web Docs
Inspirator0

@renkeri Ale to nie jest samo wideo. No już mam info że jest PiP dla HTML, nie tylko dla wideo.

Mi się PiP dla wideo w stylu Firefoksa w ogóle nie podoba, to jest bardzo zawodne. Takie pełne, pod kontrolą strony, jest lepsze, stabilniejsze.
Mi YouTube czy inne wideo wywala jak coś net przytnie na przykład i to jest męczące wtedy.

A gdyby cały HTML w to wczedł, własny player, tak jak tu na TikTok, to już w ogóle super by było. A nie taki niedorobiony player wideo PiP, gdzie wszystko Firefox musi ręcznie obsługiwać, dublować. A i tak nie działa za dobrze. A to wszystko niby żeby było bezpieczniej chyba.

Kompletnie pusta zmarnowana robota.

Pokaż więcej komentarzy (2)

Debiutant

w Dyskusje

6

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

Fanatyk1

@xiwen55 - a strona skąd wie kiedy jest niedziela handlowa a kiedy nie?

Debiutant0

@koszotorobur bo w js wpisałem wszystkie zaplanowane

Fanatyk1

@xiwen55 - to znaczy, że ręcznie będziesz musiał ją uaktualniać :thinking_face:

Debiutant1

@koszotorobur ale tylko raz na rok, poza tym tam jest live deploy z githuba więc zajmuje to sekundę

Fanatyk2

@xiwen55 - super.
Ja dla swotch rzeczy używam Vercel - też mogę podpiąć repo - ale bardziej cenię sobie możliwość deploymentu z CLI.
Hostuję tam na przykład:

* https://hejto-szukaczka.vercel.app/

Czy Hejto gry:

* https://bojowo-nastawiony-dziwen.vercel.app/
* https://tap-da-dziwen.vercel.app/
* https://flappy-neet.vercel.app/

Debiutant0

@koszotorobur fajne, używasz tam NEXT.js? Coś mi się kojarzy że Vercel właśnie dla NEXT.js powstał bo wymaga serwera, ale widzę że dużo ludzi tam teraz hostuje wszystko

Fanatyk2

@xiwen55 - SvelteKit for life!
Próbowałem wszystkiego i dla mnie nie ma lepszego frameworku JavaScript.
A gry zrobione w GDevelop.
A na Vercelu można właściwie hostować strony zrobione w każdym frameworku JS - dodatkowo do personalnych rzeczy jest za darmo.

Debiutant1

@koszotorobur możesz sobie jeszcze sprawdzić render.com - tam można hostować backend za darmo

Mocarz2
Debiutant1

@pvintage właśnie tak czułem że jest coś podobnego. Ale widzie że tamta nie jest nie dla wszystkich zrozumiała, poza tym u mnie masz datę następnej niedzieli

Mocarz0

@xiwen55 gościu nie "kocioł", a "dzban" powinien być xD

Pokaż więcej komentarzy (16)

Specjalista

w Hydepark

4

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!

Gruba ryba2

@Klapek00 od dobrej jakości wykonywanych usług. A potem to już tylko odrzucać zlecenia z braku czasu w kalendarzu.

Specjalista2

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

Gruba ryba1

@Klapek00 to zacząłeś bardzo dobrze! Trzymam kciuki :smiley:
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

Specjalista0

@plemnik_w_piwie Jestem elektrykiem. Niedawno założyłem własną działalność i dłubie sobie na własny rachunek. Mam uprawnienia G1E +G1D. Sporo własnego sprzętu itd. W sumie zrobię z kablami co tylko klient zechce 😉

Fanatyk4

@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

Astro - Framework do tworzenia super szybkich stron internetowych, aplikacji internetowych po stronie klienta - koszotorobur - Hejto.plAstro - 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ąć monolitycznychHejto.pl
Fanatyk3

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

The world's fastest framework for building websitesHugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.Gohugo
Specjalista0

@koszotorobur A własna domena? Jestem kompletnym debilem jeśli chodzi o webdev, i ogólne IT

GURU4

@koszotorobur ja bym tam chyba polecił Wordpressa i Elementora, bo przynajmniej do tego jest masa tutoriali. Dawniej te edytory do Wordpressa to była makabra, a teraz nawet kompletnie zielona osoba da sobie radę.

Fanatyk1

@Dziwen - czyli tak jak z Hugo czy innym generatorem stron statycznych - a takie statyczne strony można hostować wszędzie - a Wordpress już ma hostingowe wymagania - do tego Wordpress jest dziurawy jak ser szwajcarski i zaraz się ktoś wpieprzy na serwer - nie polecam.

Fanatyk1

@Klapek00 - domenę możesz kupić gdziekolwiek - a później stronę podpiąć pod tą domenę - tu dla AWS S3 Bucket masz tutorial (tak poglądowo abyś wiedział, że to nie jest wcale takie trudne do skonfigurowania): https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/getting-started-s3.html .

W ogóle jak się zdecydujesz na AWS to możesz u nich upić domenę: https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/domain-register.html lub konfigurować usługę Route 53 dla domeny, która kupiłeś u kogoś innego.

Generalnie to nawet nie musisz używać AWS - możesz użyć każdej innej popularnej usługi do hostowania i u nich kupić domenę:

* Vercel: https://vercel.com/docs/getting-started-with-vercel/buy-domain
* Netlifly: https://www.netlify.com/blog/2018/06/19/buy-and-secure-a-custom-domain-through-netlify/
* Cloudflare pages: https://developers.cloudflare.com/pages/configuration/custom-domains/
* Render - nie wiem czy da się u nich domenę kupić - ale można skonfigurować już kupioną u kogoś innego: https://render.com/docs/custom-domains

Jeszcze raz na stronę wizytówkę polecam tylko statyczną stronę (czyli pliki HTML i JavaScript) bez żadnego backendu.
Nie polecam używać Wordpressa czy innego gówna które wymaga posiadania własnego serwera/instancji/VPSa.

Polacy często polecają polskie usługi - jeśli jesteś początkującym to zdecydowanie odradzam je jeśli chcesz aby wszytko szło bezproblemowo (zawsze to lepiej używać czegoś co miliony ludzi na świecie używa a nie tylko tysiące w Polsce).

Use your domain for a static website in an Amazon S3 bucket - Amazon Route 53Use Amazon Route 53 to route DNS traffic for your domain to an Amazon Simple Storage Service bucket configured for static website hosting.Amazon
Pokaż więcej komentarzy (12)

Specjalista

w Hydepark

4

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.

może też dodam bo to dla firmy

Autorytet1

Oracle jeszcze ma coś takiego jak free tier masz vpsa za uczciwą cenę czyli darmo

Fanatyk3
GURU3

@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

Fanatyk3

@entropy_ - dobrze wiedzieć - może się dzięki Twojemu komentarzowi ktoś nie natnie na ten ich gówniany Oraklowy Free Tier 👍

GURU1

@koszotorobur może inne usługi działają, ale compute się nie da włączyć :smiley:

Fanatyk1

@entropy_ - pewnie jak płacisz kasę to wszystko działa - mają nawet tanie te instancje oparte na procesorach ARM (A1 oraz A2) - niemniej już wiele razy mnie Oracle wkurwiło - więc ja osobiście od nich nigdy nic nie biorę 🤷

GURU1

@koszotorobur niby piszą, że wszyscy płacący klienci dostają pierwsze 3k godzin cpu / 24gb ram i 200gb za darmo.
spróbuję jeszcze konto na płacące skonwertować i zobaczymy

Autorytet2

@entropy_ przykro mi :c ja polecam to zawsze, bo mam od ponad roku i działa cały czas.

Fanatyk3

@Fausto - to jesteś pierwszą osobą którą znam, której od Oracle coś przez ponad rok cały czas działa :stuck_out_tongue_winking_eye:

Fanatyk3

@Fausto - nie chcesz nawet wiedzieć ile problemów produkty i usługi Oracle przysparzały mi (a raczej firmom w których pracowałem) w przeszłości - na szczęście obecnie pracuję w korpo, które (przynajmniej w moim obszarze) nie używa niczego od Oracle (i to też był jeden z powodów dla których robotę przyjąłem).

Autorytet0

Tyle to chyba nawet github udźwignie? Bez backendu to nie powinno być takie trudne

Pokaż więcej komentarzy (18)