Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie online, na którym przedstawię Ci niemałą rewolucję dla Programistów C# - to znaczy nowości związane z Blazorem w .NET 8.

Zostały poprawione wszystkie wady Blazora i staje się on teraz mega dobrym frameworkiem w szczególności dla Programistów C# (chociaż nie tylko).

Agenda spotkania:
✅ Wprowadzenie do Blazora i .NET 8.
kazik- - Już w najbliższy poniedziałek (o 20:00), odbędzie się darmowe szkolenie onli...

źródło: blazor-szkolenie-free

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 1
@slabehaslo: Blazor przede wszystkim umożliwia tworzenie aplikacji SPA bez korzystania z JavaScript - w samym C# - także idealne rozwiązanie dla programistów C#.
  • Odpowiedz
Jak w aplikacji webowej zrobić dobrze przewijanie, nie chodzi mi o szczegół techniczny, a raczej architekturę. Na razie zaraz po root aplikacji mam komponent ScroolToTop, który zawsze scrolouje na górę, co każde przeładowanie, czyli kliknięcie każdego linku. Ale wtedy kiedy, nie powinno być tego zachowania, dodaje w URL parametr noscroll, ale to jakoś nie podoba mi się.

Marzy mi się w jego miejsce zrobić komponent, któremu będę przekazywał contextAPI ref do elementu,
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Na blogu podlinkowalam w szablonie obrazki spod adresów wylogowywania i ukryłam pod display: none bo nie będziecie czytać mojego bloga i siedzieć na wykopie, chcesz czytać to loguj się na fejsika jeszcze raz gamoniu #webdev #html #blog teraz gdy na niego wchodzisz jednoczesbie wylogoowywuje cię skąd tylko może , nie będziesz miał bogów cudzych przede mna #css
KingaM - Na blogu podlinkowalam w szablonie obrazki spod adresów wylogowywania i ukry...

źródło: IMG_20231025_180329

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam aplikację w #react, mam wiele paneli, gdzie loadery ładują komponenty dynamicznie, a więc po wyrenderowaniu widoku, wysokość strony może się jeszcze zmienić, nie ma tu zasady, zależy to od wielu czynników, zrobiłem prostą funkcje scrool to, ale react/przeglądarka się gubi, przesuwa nie tam, gdzie powinien, jak ugryźć ten temat?

czy dobrym rozwiązaniem, w przypadku react, jest używanie #id w linkach?

#javascript #webdev
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam kod który scroluje do elementu po id.

Sęk w tym, że niektóre komponenty ładują się dynamicznie, i zwiększają wysokość całej strony po powiedzmy 5 sekundach, a wtedy funkcja scrolująca robi byki i po prostu nie trafia w cel, nie wiem jak to ugryźć.

#react #webdev #css #javascript #programowanie
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: odległość do jakiej ma scrollować należy obliczać nie na starcie tylko dopiero w momencie jak jest konieczność (np. po kliknięciu, po wczytaniu tych modułów itd.)
  • Odpowiedz
@pyroxar: Ogólnie do scrollowania masz scrollIntoView, ale jeżeli po scrollowaniu pojawia ci się nowy element i następuje przesunięcie to się zastanów nad odpalaniem tej metody dopiero jak wszystko załadujesz.
  • Odpowiedz
Czy ktoś jest w stanie mi pomóc jak wstawić na stronę główną sklepu postawionego na shoperze kolaż/fotokolaż bezpośrednio z profilu na instagramie? Mam na myśli aby wstawić na stronę główną mojego sklepu najnowsze zdjęcia z profilu mojej firmy na instagramie w postaci mini galerii/kolaża/fotokolaża (jak zwał, tak zwał). Zależy mi aby to były same zdjęcia, nawet nie musi być odnośnika do profilu na insta. Jakiś css/html? Będę wdzięczny za pomoc!

#sklepinternetowy
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Wezwoguleicstont: Większość sklepów (cmsów) ma pod to wtyczki. Jest też w FB developers wpis pod to, jak to zrobić. Problem jest z tym, że zewnętrzne skrypty bardzo mocno opóźniają ładowanie strony. Nie ma w szoperze pod to integracji?
  • Odpowiedz
Korzysta ktoś z Tailwinda do tworzenia widoków stron internetowych? Jeżeli tak, to czy możecie coś o nim napisać?

Coś mi się obiło o uszy, że podobno jest coraz popularniejszy, chociaż część osób narzeka na kilka wad, jak np konieczność mieszania stylów z elementami html.

Swoją drogą, co według Was jest lepsze, Tailwind, Bootstrap, czy czysty CSS/SCSS?

#webdev #naukaprogramowania #css #javascript #bootstrap #
maciorqa - Korzysta ktoś z Tailwinda do tworzenia widoków stron internetowych? Jeżeli...

źródło: tailwind-thumb

Pobierz

Jak najlepiej stylować widoki stron internetowych?

  • Vanilla CSS/SCSS 34.6% (18)
  • Bootstrap 28.8% (15)
  • Tailwind 36.5% (19)

Oddanych głosów: 52

  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@maciorqa: to zależy:

- Bootstrap to jest dobry do zrobienia prostego i szybkiego mocka. Ma z góry narzucone style, trzeba nadpisywać i robi się syf. Żaden poważny projekt komercyjny na tym nie stoi albo jest mocno przerobiony
- Tailwind: fajny, zmniejsza ilość CSSów (bo powielone atrybuty CSSa są w jednej klasie więc jak w projekcie normalnie byśmy użyli np. font-weight: bold 100 razy to w Tailwindzie będzie tylko jedna deklaracja
  • Odpowiedz
@maciorqa: Pracuję jako webdev jakieś 12 lat.

Po pierwszej styczności z Tailwindem nie wrócę już z własnej woli do Bootstrapa czy vanilla CSS/SCSS.

Szczególnie w większych projektach i tych gdzie pracuje więcej osób. Ale nawet w mniejszych też to mój framework pierwszego
  • Odpowiedz
Mam ustawione na stronie coś takiego i to spoko wygląda


ul {
list-style: none;
padding-left: 0;
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Zapytałem się ChatGPT ile to 1rem w px, odpowiedział mi, że to jest dynamiczna wartość która zależy od wielkosci czcionki w <html>.
Zawsze myślałem, że to stała wartość 16px.

Więc, rem to dynamiczna czy stała wartość?

Wartości rem (root em) w CSS odnoszą się do wielkości czcionki elementu <html> (lub <body>, jeśli <html> nie ma zdefiniowanej wielkości czcionki).
aptitude - Zapytałem się ChatGPT ile to 1rem w px, odpowiedział mi, że to jest dynami...

źródło: Screenshot 2023-08-30 at 15.12.38

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Może mi ktoś poradzić jak dobrze sprawdzić stronę pod różnymi rozdzielczościami i skalowaniem ekranu?
Mam jakąś wtyczkę i używam devtoolsy, ale nie uwzględnia skalowania. Klient ma skalowanie na 175% w windowsie i strona u niego inaczej wygląda. Teraz żeby to sprawdzić zmieniam skalowanie na jednym monitorze i rozdzielczość, ale jest to trochę upierdliwe.

Albo coś przeoczyłem albo nie potrafię znaleźć czegoś żeby sobie ułatwić życie. ¯\(ツ)/¯

#frontend #css
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Czy ktoś może pomóc mi w napisaniu kodu html dzięki któremu będą się wyświetlać zdjęcia z Instagramu na stronie?
Dokładnie chodzi o sklep internetowy postawiony na #shoper

Zależy mi aby wyświetlały się same zdjęcia, bez zbędnych przycisków z logiem ig i tym podobnych rzeczy. Sprawdzałem jakieś generatory, ale były mega z-----e albo ich kod nie działał po wrzuceniu go do shopera.

#shoper #sklepinternetowy #html
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Próbowałem już kilka razy w życiu zostać #programista15k, ale nigdy nie wyszło. Najpierw się chciałem sam nauczyć pythona z kursu na udemi, potem był bootcamp ale strasznie słabo tłumaczyli i zrezygnowałem. No ale jak to mówią do trzech razy sztuka. Doczytałem co i jak i podobno najprostszy język programowania do nauczenia to CSS. Pytanie brzmi czy ktoś poleca tę książkę i ogólnie jak sądzicie, czy ten język to dobry
teddybear69 - Próbowałem już kilka razy w życiu zostać #programista15k, ale nigdy nie...

źródło: Zdjęcie z biblioteki

Pobierz
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@teddybear69: css to się uczy w podstawówce, żeby dostać pracę to trzeba html, css, js i do tego jakiś framework (react lub vue). Tutaj masz roadmap do zostanie frontend devem: https://roadmap.sh/frontend
Zacząłbym od nauki z tutorialów na youtube. Na tej stronie co wysłałem po kliknięciu w technologię pojawiają się informacje i lista tutorialów. Jeśli jest problem z angielskim to istnieją polskie alternatywy tutorialów które można łatwo znaleźć.
Kolejna rzecz która
  • Odpowiedz
⛔ Zostań Programistą C#/.NET - Dzisiaj Zamykamy Zapisy

Jeżeli interesuje Cię:
✅ Nauka programowania (wszystko masz podane na tacy, od A do Z).
✅ Zawód programisty.
✅ Wsparcie eksperta.
kazik- - ⛔ Zostań Programistą C#/.NET - Dzisiaj Zamykamy Zapisy

Jeżeli interesuje Ci...

źródło: zp-2023-zamykamy

Pobierz
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak w #shoper dostać się do kodu html danego szablonu? P-----e mnie zaraz. Interesuje mnie edycja tylko tego wiersza (jest to stopka):

</script>
<div id="shoper-foot">
<a href="[https://www.shoper.pl/"](https://www.shoper.pl/") target="_blank" rel="noopener" title="Sklep internetowy Shoper.pl" class="popup">Sklep internetowy Shoper.pl</a>
</div></body>
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Wezwoguleicstont: Jeśli potrzebujesz konkretnie jednej linii odstępu, to możesz dodać następujący kod:

let footer = document.querySelector('#shoper-foot');
footer.innerHTML += '<br>';

(jeśli wcześniej kod umieszczałeś w window.onload = function (), to ten również tam umieść - pod linijką która wstawia tekst
  • Odpowiedz
Zauważyłem że slider strony w #opera, może być zmieniony na ciemniejszy kolor jak to jest na wykopie. Przy przełączeniu na tryb ciemny w na stronie google, niestety jest fest niefajny biały. Nie wiecie może jakby to można było w css zmienić żeby był taki sam? Czyli chodzi mi że to tło slidera zrobić też ciemne
#webdev #wykop #css
interpenetrate - Zauważyłem że slider strony w #opera, może być zmieniony na ciemniej...

źródło: obraz_2023-08-08_122556055

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach