#webdev

15
179
Taki trochę #midjourney projektujący UI, z eksportem do Figmy. Jak bardzo jesteśmy w dupie? XD
#ux #ui #webdesign #webdev
cf2cecc8-2fee-4852-902e-11fdc8eee49f
DeadRabbit

Z mojego punktu widzenia to bardzo dobre narzędzie. Jako projektant marek i produktów już wiele nad tym myślałem bo od 15 lat w branży zauważyłem, że z roku na rok coraz mniej osób potrzebuję by wykonać coraz to większe projekty. Najpierw nauczyłem się 3D by zaprojektować to co chcę i przekonwertować to na szkic techniczny z tego zrobić animacje do reklam. Wraz z renderami takimi jak Corona, Vray przestałem potrzebować fotografa by zrobił realistyczne zdjęcia w studio. Z AI to nawet przestanę potrzebować modelki, żeby były ubrane jak chcę. Chcę kobietę na jednorożcu trzymającą mój produkt. Cyk. Niedługo dużo modeli będzie AI mogło generować 3D czy klipy filmowe. Myślę, że tak 10-20 lat to jak będziesz miał pomysł na film to takich Avengersów zrealizujesz w domowym zaciszu z sprzętem za 30k. Trochę wtedy projektanci będą jak ta babeczka z Blade Runnera, która tworzy wspomnienia.

ujdzie

@MauveVn to akurat zarobki grafików od UI/UX sprowadzi do poziomu najniższej krajowej, ale pewnie też masz jakieś żale do wylania, więc proszę bardzo

MauveVn

@ujdzie Uderz w stół, a nożyce się odezwą. W UK i inych Stanach to całe mityczne programowanie jest outsorcingowane do farm programistów w Indiach, którym płacą stawki takie same jak marketingowcom w call center. Zawyżanie znaczenia tego zawodu jest możliwe jedynie w postkomunistycznych bantustanach, takich jak Polska.

Zaloguj się aby komentować

Zostań Patronem Hejto i odblokuj dodatkowe korzyści tylko dla Patronów

  • Włączona możliwość zarabiania na swoich treściach
  • Całkowity brak reklam na każdym urządzeniu
  • Oznaczenie w postaci rogala , który świadczy o Twoim wsparciu
  • Wcześniejszy dostęp, do wybranych funkcji na Hejto
Zostań Patronem
Webmasterowe Tosie i Tomki, potrzebuję Waszej pomocy.
Co jakiś czas robię sobie zrzut całej strony internetowej do PDFa (czy to drukuj do PDF czy przez funkcję Opery "zapisz jako PDF"). Zawsze działało jednak natrafiłem na problem z zapisem gdy strona korzysta z jakiegoś diva (czy co tam obecnie jest używane, nie bijcie :D) przy użyciu "Overflow:scroll". Zapisuje mi stronę ale tylko z widoczny fragmentem tego diva a zamiast całości.
Jest jakiś sposób na to by zapisać całość do PDF? Robienie screenów i przewijanie jest dość mozolne gdy treści sporo
#webdev #webdesign #kiciochpyta
5tgbnhy6

sa extrnsiony/addony do przegladarek typu "whole page screenshot", pogooglaj

Whoresbane

@5tgbnhy6 Googlałem przed dodaniem wpisu i nie działały tak jak bym chciał. Nadal zapisują tylko widoczny wycinek overflowa zamiast całości

the_good_the_bad_the_ugly

@Whoresbane tu masz wyjaśnienie do czego służy ten atrybut: https://www.w3schools.com/css/css_overflow.asp


Jeśli nie zależy ci zbytnio na layoucie strony w tym PDF to po prostu wyciągnąłbym interesująca cię treść i ją zapisał. Ewentualnie spróbuj w tym atrybucie, w źródle strony zmienić „scroll” na „visible”. Nie będzie za pięknie ale cała treść powinna być dostępna dla konwertera. Chyba, że jest tu ktoś mądrzejszy ode mnie i zna lepszy sposób.

Zaloguj się aby komentować

Gdzie najtaniej kupię domeny .pl i .eu (biorąc pod uwagę rejestrację i odnowienie)?
#informatyka #programowanie #webdev
nicram

OVH. Sprawdzaj przed zakupem, czy masz kod auth-info w panelu, bo wiele firm w Polsce utrudnia przeniesienie domeny wymyślając procedury zupełnie z dupy aby go uzyskać.

Zaloguj się aby komentować

#webdev #programowanie
Tworzę pierwszą stronę internetową od lat.
Taki biedny stan jest po 58 commitach i 4 dniach kodzenia xDD
Tak szczerze jestem w miare z tego zadowolony.
Najgorsza część przedemną: #webdesign żeby to nie wyglądało jak kupa gówna.
Ogółem sama strona to ma być "uzupełnienie do cv". Ma być takim dojebanym podsumowaniem moich projektów, edukacji, czy powodów dlaczego uważam że własnościowe oprogramowanie to praktycznie nazizm i dlaczego uważam Richarda Stallmana za najprzystojniejszego faceta na świecie, do tego pewnie będzie mirrorem do mojego serwera git, czy NAS-a gdybym potrzebował komuś coś przesłać.
Tym sposobem jeżeli tworzę cv pod ofertę dla programistów pythona, mogę w samym cv zamieścić 2-3 najważniejsze projekty, ale rekruter ma możliwość zapoznania się ze wszystkimi 40 które robiłem, lub zobaczyć moją kolekcje memów o papieżu ( ͡° ͜ʖ ͡°)
będę wdzięczny za poradniki jak tu dobrać jakieś kolory, czy zrobić kosmetyczne zmiany, żeby to nie odstraszało.
Spokojnie, nie zamierzam zabierać pracy frontend developerom ( ͡° ͜ʖ ͡°)
backend - data science here, może w przyszłości devops
3f630a1e-dc52-4d2e-8986-bea22dbbd59e
radler

@redve Kolory można dobrać z jakiegoś generatora, które dobierają pasujące odcienie. Na szybko - https://huemint.com/brand-3/# Fonty weź z google fonts. Dodaj jakiś tekst, i ładnie go sformatuj. Jeśli nie masz doświadczenia w tym to najlepiej uzyć dostępnych w sieci przykładów:

https://3.7designs.co/blog/10-examples-of-beautiful-css-typography-and-how-they-did-it/ (nr 4 (jest błąd w numeracji) tj. "Buzzworthy" wyglada całkiem nieźle)

666

@redve W bootstrapie nie musisz pisac js'a w ogole - samymi klasami w html robisz wyglad. Chyba ze cos wiecej niz wyglad robisz to wtedy juz frameworki jakies

redve

@radler wygląda ciekawie, dzięki

Zaloguj się aby komentować

Z ciekawości, bo nigdy się w #webdev nie bawiłem.
Zawsze kolorujecie wszystkie divy na inne kolory (przynajmniej na początkowym etapie)? Czy po prostu ja jestem debilem xD
87675a03-e6ec-47d9-b39e-c99ec3835fea
redve

@pasta_o_serwerowni @GetBetterSoon tylko układ strony testuje no

radler

@redve Nie jesteś debilem. Kiedyś (gdy nie było w przeglądarkach narzędzi dev) tak się robiło. IE5 potrafił np. podwajać paddingi więc wstawiałem kolorki, robiłem screenshot, a potem już tylko mierzenie px w jakimś gimpie. To było bardzo przydatne. Teraz lepiej sprawdzić wymiary w narzędziach dev chociaż czasami wciąż koloruję, bo tak mi po prostu łatwiej zobaczyć jak zachowują się elementy gdy zmieniam romiar okna. Outline to też dobry pomysł bo nie zmienia wymiaru/położenia elementu w przeciwieństwie np do border.

piotrmacha

@redve gdy uczyłem się flexboxa i grida, to kolorowałem. Obecnie tego nie robię, bo potrafię z palca wpisać tak, żeby było co chcę, ale czasami zdarza mi się wspomóc np. gdy chcę mieć sidebar na 100% height. IMO nic złego w czasie devu, ale nie pakowałbym tych kolorów do Gita. Swoją drogą, to równie dobrze można w devtoolsach sprawdzać rozmiary obiektów.

Zaloguj się aby komentować

POST TYLKO DLA PROGRAMISTÓW CZY WEBDEVÓW - KTO NIE JEST, NIEC NIE PRÓBUJE ZROZUMIEĆ
Krótki opis case study: posiadam Discordy, 900 osób. Tematyka, zarabianie pieniędzy, SEO, blackhat, affiliate marketing.
Wszyscy dostali dostęp kupując w przeszłości jakieś moje ebooki, kursy, blabla. Doszedłem do wniosku, że tak być nie może. Co, gdyby pobierać od nich skromną opłatę $5-$10 miesięcznie? Tylko Discord tego nie oferuje, jak to ugryźć:
-customowe rozwiązanie, javascript, node.js, socket.io (niestety wszystkiego musiałbym się najpierw nauczyć)
-wordpress do ogarniania membership + plugin chatu w nodejs https://codecanyon.net/item/wpguppy-a-live-chat-plugin-for-wordpress/34619534 i tutaj się obawiam o szybkość/stabilność rozwiązania, a także o samego wordpressa, do którego trzeba zainstalować pierdylion pluginów bezpieczeństwa
#programowanie #webdev #programista15k
Luker

@ataxbras ogarnąłem, że przeniosę ludzi z Discorda na self-hosted Mattermost

ataxbras

@Luker To też dobry pomysł.

Zaloguj się aby komentować

podzielę się pewnym protipem, który być może cześć z Was już zna
czasami przeglądam różne designy na dribbble i czerpię stamtąd inspirację, nieraz znajduję jakiś projekt z fontem, który chciałbym przetestować w swojej aplikacji i zobaczyć na żywym organizmie (a nie tylko na designach w Figmie) czy współgra z resztą typografii
pierwszy problem pojawia się gdy kompletnie nie kojarzę danego fontu, rozwiązanie jest dość proste:
w większości przypadków whatthefont dość skutecznie określa nazwę wrzuconego fonta, lecz tutaj może pojawić się drugi problem: font jest płatny (screenshot #1)
zazwyczaj w takim przypadku wbijam na githuba, wpisuje nazwę fonta w wyszukiwarkę i od razu przechodzę do listy commitów, tam szukam coś w stylu `add XYZ font` i mówię sprawdzam! (screenshot #2)
następnie przeglądam pliki dla danego commita i szukam czy aby przypadkiem ktoś nie wrzucił to czego szukam (screenshot #3), pobieram fonta i sprawdzam to co chciałem
niech moc cebuli będzie z Wami i pamiętajcie o wykupieniu fonta jeśli będzie pasował w Waszych pobocznych projektach!
#programowanie #webdev
1e28df16-37d5-4403-ae12-ecb48eeb19b9
6ed8bec0-9a58-4184-be3f-a1081749b09c
26bd5b35-c141-483c-978b-40205f7e2ef7
trsh

niestety, jest błąd - powinno być "favourite" ( ͡° ͜ʖ ͡°)

tortoise

@Mikasa_Cykaca bardzo silna, jakbym kupował każdy font na potrzeby testów to bym z torbami poszedł ostatecznie sprawdziłem font ze screenów w swoim projekcie, nie podoba mi się i go usunąłem ¯\_(ツ)_/¯

tortoise

@trsh nie bardzo ( ͡º ͜ʖ͡º)

Zaloguj się aby komentować

Czy jest tutaj jakiś programista #wordpress #php ?
Chciałbym zapytać jaki macie cennik za stworzenie prostej strony w #wordpress bazując na przygotowanym szablonie przez UX designera, a jak wyceniacie dodanie konkretnego modułu czy ficzera do strony?
Jakie stawki obowiązują obecnie na rynku?
Bardziej skupiacie się na wycenie ogólnej usługi czy ilości godzin jaką poświęciliście umawiając się na stawkę godzinową (tutaj akurat klient raczej chce wiedzieć ile coś będzie kosztowało z góry)?
#programowanie #webdev
WilczekCK

Wszystko zależy od ilości stron, cpts itd - jeśli chodzi o najzwyklejszą wizytówkę to najmniejsze widełki bym powiedział 2 - 2.5k

Zaloguj się aby komentować

#hejto #programowanie #webdev
#gownowpis
ja bym na waszym miejscu dodał w ustawieniach usera
po prostu taki kurwa kosmiczny fiuczer jak
rozmiar trzcionki xD
rozkurwia mnie. ze taka banalna rzecz jest powszechnie pomijana
a jest to bardzo potrzebne i bardzo łatwe do wprowadzenia
rozpierdala mnie ze ktos w ogole czyta takie maczki małe
a potem kurwa ślepangi
w ogóle wiecie ludzie ze wam wzrok siada od czytania tysiącogodzinami
takie kurwa mrówki
ja oczywiście jako osoba mądra i światowa
mam w chrome taki kosmiczny plugin normalnie kurwa technologia alienów
jak STYLEBOT i sobie kurwa zwiększam wielkość trzcionek na stronach
(skrin zalaczony)
bo kurwa ludzkiemałpy mają jakieś chore odruchy i na kazdej stronie to samo
a mam rade - trzcionki są za duże, jak je jeszcze zmniejszycie to więcej kontentu się zmieści xD jezu
w chrome też mam oczywiście zwiększone tam, ale to często mało pomaga
taka opcja powinna być na szanującym się każdym portalu bo brak tego jest po prostu głupi
cd496c96-6915-4543-851d-da05f55ab25d
37c535e4-2ae6-4265-afff-26b55be4a24c
SailorMoon

@Asu dziennie takich zakładek mogę 50 naklikać. Nie wiem jaką masz przeglądarkę i jak użytkujesz. Ja zamykam, otwieram w nowej zakładce, wracam do poprzedniej itd. Praca na 1 zakładce jak jakaś kuzynka xD nie dla mnie.

CHUJOZORD

@SailorMoon no na awatary to juz tak nie patrzylem text najwaznijeszy dla mnie

CHUJOZORD

@Asu ja sie nie dopierdalam na sile, tylko kurwa muwie jak jest, rozmiar textu to 'dosc istotna' LOL rzecz, jezeli czujesz ironie,

Zaloguj się aby komentować

Jaki polecacie najtańszy hosting do nauki pod admin panel do aplikacji i prowadzenia bloga ale jeśli się uda to żeby hosting był na tyle elastyczny, że za dodatkową opłatą mógłbym go ulepszyć.
Zależy mi jeszcze na tym, aby nie był to reseller.
#hosting #sql #webdev #androidstudio #php
McKulson

@konto123 Polecam MyDevil. Prosty panel, SSH, w miarę tanie, jak dla #programista15k spełnia wszelkie moje wymagania Rozszerzyć też można, a nawet jest 14 dni testowania chyba za 1 zł

ujdzie

@konto123 MD nawet ma jeszcze tańszą opcję pt - small.pl


A co do pytania - raaczej vps proponuję. W WebH masz tani plan za 30zł, na digital ocean i podobnych też.

shiranai

@konto123 Nie jest to do końca odpowiedź na twoje pytanie, ale czy do nauki nie wystarczy lokalnie postawiony Apache?

Zaloguj się aby komentować

Znacie `@container` i `@container style`? - link https://ishadeed.com/article/css-container-style-queries/?)
Mam pomysł na rozwinięcie...
Tak wygląda `@container style`:
```
.page-header {
 display: flex;
}
@container style(display: flex) {
 .page-header__start {
   flex: 1;
   display: flex;
   align-items: center;
   border-right: 1px solid lightgrey;
 }
}
```
Mój pomysł: Dodanie możliwości tworzenia zmiennej, na bazie właściwości kontenera, np. szerokość kontenera jako --container-width` i można jej użyć jak zwykłej zmiennej, tylko jest dynamiczna (zmienia się w zależności od rozmiaru kontenera):
```
@container (width as --container-width) {
 height: calc(var( --container-width) - 10px);
```
Co sądzicie?
Chyba czegoś podobnego nie ma jeszcze w planach, a fajnie by uzupełniało te nowe standardy, nie?
#css #html #programowanie #webdev #frontend

Zaloguj się aby komentować

Właśnie wylądowało Astro JS w wersji 2.0!
Astro to taki "generator stron" na podstawie mdx lub api, oparty o JS i pozwalający na łączenie statycznych stron z interaktywnymi wyspami stworzonymi w jsowych frameworkach (preact, react, vue, etc). Nowości w tej wersji:
  • kolekcje treści (type safe)
  • renderowanie hybdrydowe
  • lepsza obsługa błędów
  • poprawki dev serwera
  • integracja z Vite 4.0
https://astro.build/blog/astro-2/
Ktoś już coś w Astro rzeźbił?
#webdev #webdesign #frontend #ux #programowanie #js #javascript #typescript
76b49bcb-b72d-4b5b-bf8e-3f24aafa64b0

Zaloguj się aby komentować

Beep
Testowa migracja "wykop 2.0 -> hejto"
Są tu jacyś dev?
#hejto #wykop #IT #webdev #dev #crossweb #programista15k
senpai

@Crossweb zawsze chciałem być, może w końcu się uda i zabiorę się za solidity (° ͜ʖ °)

Crossweb

@senpai ooo, nietypowy język programowania jak na start

Zaloguj się aby komentować

Cześć Wam, ja z prośbą.
Możecie mnie kojarzyć z wrzucania rozpisek transmisji piłkarskich na dany dzień - bohatersko podjebałem pomysł od innego użytkownika z wykopu, niech mu ziemia lepką będzin. Oprócz wrzucania rozpisek meczowych tutaj założyłem również stronę internetową, która niejako służy mi też za narzędzie do łatwiejszego kopiowania treści xD jednakże chciałbym, aby moja strona była możliwie jak najbardziej użyteczna dla użytkowników - między innymi dlatego nie wrzucam tam reklam (choć naturalnie nie wykluczam tego w przyszłości) i zdecydowałem się na maksymalnie uproszczony jej design. Adres tej strony to matchday.pl .
Po tym krótkim wstępie pora przejść do sedna sprawy - chciałbym abyście dali mi jakiś feedback - co powinienem wprowadzić do tej strony. Jestem kompletnie zielony z silników innych niż wordpress, a i z nim jak widać radzę sobie średnio. Może moglibyście mi cokolwiek doradzić co powinienem zmienić, może powinienem korzystać z innego silnika. Chciałbym żeby wyglądało to w miarę nowocześnie i nie odstraszało wyglądem jak ma to miejsce teraz - mógłbym spróbować grzebać w tym co już jest, ale może doradzicie mi coś lepszego.
Z góry dzięki za odpowiedzi.
#wordpress #webdev #webdesign
fxd

@Rudolf jest jeden niesamowity wodotrysk graficzny który chciałbym wprowadzić - mianowicie loga lig i herby drużyn przy ich nazwach, problem polega na tym że cholernie nie chce mi się tego robić "ręcznie", bo to zajmuje sporo czasu i czuje że to jego marnowanie. Gdyby była jakaś możliwość automatyzacji, czyli na przykład kiedy wpisuję tekst obok niego pojawia się dany obrazek - byłoby genialnie.


edit: coś na tą modłę jest w poście z 22/01

Rudolf

@fxd bankowo da się to zautomatyzować, gdybym to robił to myślałbym o czymś na zasadzie "autouzupełniania", ba pewnie nawet będzie jakiś silnik strony dający podwaliny pod coś takiego po odpowiedniej obróbce kodu, jak będę się naprawdę nudził to aż sam się zgłębię w temat bo nie tylko może to mieć zastosowanie do piłki nożnej

ZielonkaUno.

@fxd ciężko mi powiedzieć co poprawić i jak, bo ja w internety to nie za bardzo umiem. A jedyny silnik z jakim miałem do czynienia ostatnio to 2.0 TDI Bi- Turbo...

Co do reklam, wstawiaj i nie czaj się, zawsze to jakiś grosik!

Zaloguj się aby komentować