#webdev

15
224
Fly_agaric

Floorp. Po ostatnim oświadczeniu FFa odnośnie poszanowania moich danych, które Mozilla bardzo źle rozegrała, postanowiłem zostać przy platformie, ale wziąć coś mniej obrazoburczego.

Czemu FF? Bo prawie wszystko inne to Chrome, a zapędy do zmuszania nas do oglądania reklam mnie niepokoją.

Legendary_Weaponsmith

Librewolf, ale myślę czy nie zmienić na co innego.


W sumie to nie jestem szurem, wkurwiają mnie snapy (ostatni install Ubuntu był teraz), a szybciej było librewolf z ppa niż kminić jak zrobić ff bez snapa.

Meverth

@Component2094 arc browser na bazie chromium. Bo full screen, nie ma zwykłych tabów. Ktoś mi polecił i testuje. Póki co, jest nieźle.

Ale Librewolf też próbowałem.

Brakuje mi w obu synchronizacji zakładek między komputerami. @Legendary_Weaponsmith odkryłeś coś takiego w librewolf?

Zaloguj się aby komentować

Zaloguj się aby komentować

inskpektor

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

pacjent44

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

pacjent44

@NooT właśnie mi żona powiedziała, że nie mam wnuka.

Ani żony.

Zaloguj się aby komentować

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: #nextjs #tailwindcss #cursor (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ć


#programowanie #webdev #ai #vibecoding ? xD nie to nie vibe coding jednak małe partie i sporo poprawiania

784a044d-a933-4080-8958-aaf287e1cd94
Catharsis

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

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;

6bd2570a-ca05-4765-a2d5-3d05c66052c3
Arche

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

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:


#heheszki #development #webdev #programowanie #it #ai

70278691-3ff2-4d27-94a9-229a7e3c73b1
jakibytulogin

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

Zaloguj się aby komentować

tomasz-frankowski

Jest jeszcze WordPress, napisany w dziwnym mixie PHP i reacta gdzie obydwa pełnią tą samą funkcję ale na różne sposoby xD

d0a4b897-f246-4f14-8b61-dfc93882ede3

Zaloguj się aby komentować

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.


#webdev #banki #mbank #internet

a9710d66-1ea0-4fc4-8e60-b3a503a52e1a
konto_na_wykop_pl

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

Fulleks

@konto_na_wykop_pl Od dłuższego czasu przechodzę na usługi innych banków, bo mBank zrobił się drogi (Znaczy może pobrać jakieś opłaty ode mnie, jeśli nie zagram w ich gierki)

Zaloguj się aby komentować

Zielczan

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

entropy_

@Zielczan ej! obcięło mi gifa! Zara naprawię.

entropy_

@Zielczan Naprawione, teraz zakrywa

wiatraczeg

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

bartas

@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

renkeri

@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

fewtoast

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

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

00d1def7-6527-40ed-8118-0d9690a451ca
koszotorobur

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

xiwen55

@koszotorobur bo w js wpisałem wszystkie zaplanowane

koszotorobur

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

xiwen55

@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

721e2125-d31b-44ec-9916-ab3b736a369d
pvintage

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

xiwen55

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ć

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

plemnik_w_piwie

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

Klapek00

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

plemnik_w_piwie

@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

koszotorobur

@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

Klapek00

@koszotorobur Dzięki, zajrze tam

koszotorobur

@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

Dziwen

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


https://m.youtube.com/watch?v=s28x7sF3Ruc

Zaloguj się aby komentować