#webdev

15
222
Opornik

@redve jesteś programistą CSS?

Zaloguj się aby komentować

HolenderskiWafel

@redve użyj sekretnego znacznika !reallyimportant

Zaloguj się aby komentować

Taki trochę #midjourney projektujący UI, z eksportem do Figmy. Jak bardzo jesteśmy w d⁎⁎ie? XD


#ux #ui #webdesign #webdev

cf2cecc8-2fee-4852-902e-11fdc8eee49f
ujdzie

@DeadRabbit też uważam, że to jest świetne. Odkąd wjechał chatgpt przestałem używać lorem ipsum w projektach Ale z drugiej strony - pamiętam zarówno to jak Wordpress sprawił, że moja praca zaczęła być zbędna, jak i jestem świadom, że sam podcinam gałąź na której siedzę płacąc abonament za Github Copilot.

MauveVn

@ujdzie Nie mam problemu z czymkolwiek, poza mitologizowaniem zawodu programisty jakoby był on równoznaczny z prosesją lekarza kardiochirurga, podczas, gdy to pospolity zawód, jak każdy inny.

ujdzie

@MauveVn jak widzę to robi AI to przestaję mieć problemy z mitologizowaniem tego zawodu, ale fakt - większość programistów nie ma żadnej odpowiedzialności i klepią sobie CRUD'y od rana do popołudnia.

Zaloguj się aby komentować

W HTML-u czuję się jak w lispie. Różnica jest taka że w lispie każdy obiekt jest otoczona 50 nawiasami, a w HTML-u 50 divami xD


#webdev #programowanie

Zaloguj się aby komentować

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ć

Animol

@wymietek Gnum, Hostido

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 d⁎⁎y aby go uzyskać.

wojtek-x

auth-info


@nicram AuthInfo jeśli już. Trzymajmy się standardu.

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ć

Bukimi

@StarozytnyKosmita 2012: trzeba łapać za tę ciemną, czy jasną część paska? Tak...

Kinerbarm

To co się wydarzyło w 2012 to niesłychane skyrwysyństwo. :<

Tami

@StarozytnyKosmita 1998 najlepszy.

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

ataxbras

@Luker Zepnij Discord ze stroną tak jak to robi Midjourney.com. Standard masz na Discord, pro opcje na stronie. Api API Discord - https://discord.com/developers/docs/

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 k⁎⁎wa kosmiczny fiuczer jak


rozmiar trzcionki xD


ro⁎⁎⁎⁎wia 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 k⁎⁎wa ślepangi


w ogóle wiecie ludzie ze wam wzrok siada od czytania tysiącogodzinami


takie k⁎⁎wa mrówki


ja oczywiście jako osoba mądra i światowa


mam w chrome taki kosmiczny plugin normalnie k⁎⁎wa technologia alienów


jak STYLEBOT i sobie k⁎⁎wa zwiększam wielkość trzcionek na stronach


(skrin zalaczony)


bo k⁎⁎wa 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 k⁎⁎wa 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ć

adrian-wieczorek

@ujdzie wywalenie elemantora i przejscie na wpbakery

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ć

wojtek-x

@SailorMoon Masz kolego piorunka super robota

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ć

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ć