#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
Wszystko
Najnowsze
Archiwum
- 1
Mój przyjaciel uczy się HTMla i CSS. Czy możesz wskazać 10 sposobów, w jaki może poprawić swój styl pisania kodu / styli?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1623184866qKLTRoz5tjB6S8xhTpF9PL.jpg
Pobierz@tomaszs:
1.można zgrupować font-size, family itp do shorthandu font:
2. wywalić !important - to zło najwieksze
3. Zamiast #dddddd można używać "połówek" czyli #ddd
4. Nie powinniśmy nadawać wszystkim elementom czegokolwiek (selektor z gwiazdką) - a font-size akurat dziedziczy, więc wystarczy nadać go na body
5. Klasa opisująca wygląd? Toż to
1.można zgrupować font-size, family itp do shorthandu font:
2. wywalić !important - to zło najwieksze
3. Zamiast #dddddd można używać "połówek" czyli #ddd
4. Nie powinniśmy nadawać wszystkim elementom czegokolwiek (selektor z gwiazdką) - a font-size akurat dziedziczy, więc wystarczy nadać go na body
5. Klasa opisująca wygląd? Toż to
- 1
@tomaszs: 9. Przypisać kolor do zmiennej CSS i go odpowiednio nazwać.
- 7
Czy wiesz, że możesz rozświetlić dzień użytkowników Twojej strony albo aplikacji zmieniając kolor kursora tekstowego? CSS to ogarnia!
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1623073618tLHvjQUa64iJDQj2Mksdy7.jpg
Pobierz- 18
Nie lubisz jak tekst połamany na kilka wierszy traci styl? Teraz możesz to zmienić dzięki właściwości CSS box-decoration-break !
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622978721HdLPMRCurZOQu2Vjvwyaph.jpg
Pobierz- 18
Czy wiesz, że możesz miksować zdjęcia przy użyciu właściwości CSS o nazwie background-blend-mode ?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622901022WyyUOo4uKCVPiR3X7BdaN2.jpg
Pobierz- 7
Czy wiesz, że możesz z użyciem właściwości line-clamp dodać wielokropek na końcu wielowierszowego tekstu z użyciem CSS?
Pamiętaj tylko żeby zwiększyć trochę line-height, aby nie zgrzytało
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
Pamiętaj tylko żeby zwiększyć trochę line-height, aby nie zgrzytało
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622834728VZUjtkdZJ0RysLPoze3FlP.jpg
Pobierz@tomaszs: o spoko, js'em zwykle ciąłem, thx
- 10
Czy wiesz że dzięki pseudoelementowi o nazwie ::selection możesz zmienić z użyciem CSS sposób wyświetlania zaznaczonego tekstu?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622722559OqzD9ANPNi5IX9sx4bApOh.jpg
Pobierz@tomaszs: generalnie takie cos powinno byc pseudoselektorem a nie elementem ale z tego co pamietam to jakas zaszlosc historyczna z gowno-przegladarkami w tle zdecydowala ze cos takiego jak ::fist-letter czy ::selection to pseudoelementy a nie pseudoselektory
- 3
Czy wiesz, że dzięki CSS możesz stworzyć przezroczyste tło, które nie wpływa na przezroczystość tekstu?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622650943XsvtlzqvAHi9QCfO8KPR3f.jpg
Pobierz- 3
Czy wiesz, że możesz sprawić, że na twarzach właścicieli drukarek pojawi się uśmiech tylko dzięki pięciu liniom CSS?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_16225483941l6i64MkNDm9x3EsCWq75S.jpg
Pobierz- 5
Czy wiesz, że możesz używać atrybutów tekstowych elementów HTML w CSS korzystając z funkcji o nazwie attr?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622477333sQU41c8x9c3a4dKb773HLi.jpg
Pobierz@tomaszs: można do wszystkiego użyć? Wszystkie jednostki działają? I co z innymi funkcjami CSSowymi?
- 0
@Diamond-kun: obecnie działa na łańcuchach tekstowych i tylko we właściwości content.
Już za minutkę już za momencik - nowy film o VueJS! Dzisiaj o 18:00 porozmawiamy o slotach, czyli sposobie na bardziej reużywalne komponenty w twojej aplikacji front-endowej ♂️
https://youtu.be/mpIhDtpZe4E
#frontend #vue #programowanie #programista15k
https://youtu.be/mpIhDtpZe4E
#frontend #vue #programowanie #programista15k
- 6
Masz problem z przeliczaniem stopni kątów w CSS? Wypróbuj jednostkę turn. 1 turn to pełny kąt czyli 360 stopni
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1622388307gQvRXUclWGFnzJWOct8tRA.jpg
Pobierz@tomaszs: kurde, jak kogoś przerasta przemnożenie ułamka razy 360 to nie wróżę wielkiej kariery w programowaniu xd
- 1
@zbicin: pewnie. Przy czym gdy robisz animacje i musisz ileś razy powtarzać 90 stopni, 45, 360, i x razy 360 itd. to to jednostka turn może być wygodniejsza i czytelniejsza.
Jak się robi taką infrastrukturę żeby na froncie było reaktywnie, to znaczy chodzi mi o to żeby na żywo, w czasie rzeczywistym się coś zmieniało/aktualizowało np. jakiś chart. No bo odpytywanie backendu co np. sekunde to kijowy pomysł (ze względów wydajnościowych i wgl) a z drugiej robienie całej infrastruktury itp. reaktywnie np. w webflux to pewnie p-------e ciężkie rozwiazanie. Chyba żeby zrobić warstwę tylko Backend For Frontend reaktywnie a reszte normalnie? Chyba
@MrFisherman: websockets
- 1
@MrFisherman: podejść jest kilka, websockety też mają swoje wady, więc zależy czego dokładnie potrzebujesz. Z największych wad websocketów jest to skalowanie i obciążenia jakie generują, a na jednym serwerze masz max 65k socketów otwartych, jak przewidujesz większy ruch to potrzebujesz max_users/65k maszyn do obsługi samych socketów, a wtedy rozwiązania typu polling (który uznałeś w swoim pytaniu za rzekomo problematyczne wydajnościowo "i wgl") są jak najbardziej dobrą opcją
Nie wiem czy to bug czy ukryty feature ( ͡° ͜ʖ ͡°), ale jak usuwam z App.vue css, który jest wewnątrz
hej, czy ktoś z was wie w jaki sposób zatrzymać reload strony i wyświetlić alert? Próbuję dodać na created event listenera w ten sposób, ale zupełnie nic to nie daje. To jedyny sposób jaki znalazłem w internecie na kilku stronach i nie mam pojęcia co dalej z tym zrobić. #vue #javascript #programowanie
- 0
@SalsaDeAmigo: tak i to jest jedyna możliwa opcja
- 0
@SalsaDeAmigo:
Note also, that various browsers ignore the result of the event and do not ask the user for confirmation at all. In such cases, the document will always be unloaded automatically. Firefox has a switch named dom.disable_beforeunload in about:config to enable this behavior. As of Chrome 60, the confirmation will be skipped if the user has not performed a gesture in the frame or page since it was loaded.
#anonimowemirkowyznania
Cześć,
będę robił projekt, który w skrócie ma zbierać dane z serwisów, pozwalać na ich edycję (crud), analizę danych, generowanie raportów, wysyłanie żądań na zewnętrzne serwery i inne takie głupoty. W połowie jest to projekt komercyjny, w połowie projekt na którym nabiję więcej expa w wybranych technologiach.
Tutaj rodzi się moje pytanie - jakie połączenie byłoby najlepsze do tego typu serwisu? Chciałem zrobić backend w laravelu chociaż wiem że można
Cześć,
będę robił projekt, który w skrócie ma zbierać dane z serwisów, pozwalać na ich edycję (crud), analizę danych, generowanie raportów, wysyłanie żądań na zewnętrzne serwery i inne takie głupoty. W połowie jest to projekt komercyjny, w połowie projekt na którym nabiję więcej expa w wybranych technologiach.
Tutaj rodzi się moje pytanie - jakie połączenie byłoby najlepsze do tego typu serwisu? Chciałem zrobić backend w laravelu chociaż wiem że można
zastanawiałem się nad reactem (bo tylko w nim mam doświadczenie), ale nie wiem czy będzie fajnie współpracował z laravelem. Czytałem także, że Vue+Laravel to dobre połączenie, ale nie widziałem solidnych argumentów za tym.
@AnonimoweMirkoWyznania: a jakie to ma znaczenie co weźmiesz do frontu? Przecież to jest totalnie odseparowana warstwa od backendu więc gdzie tu połączenie? Jeszcze rozumiem jakbyś pytał o Twig vs Blade, ale jeśli to ma być API to
#vue #javascript - pierdoła której nie moge ogarnąć, jestem pewien że rozwiązanie jest trywialne, ale siedze nad nim od godziny i nie moge nic znaleźć.
Otóż po kliknieciu buttona, do funkcji chce przekazać wartość elementu (to działa bez zastrzeżeń) oraz pobrać wartość wpisaną w input. Jak sie za to zabrać, jest jakaś dyrektywa która to obsługuje?
https://jsfiddle.net/pe5mtrcy/18/
Otóż po kliknieciu buttona, do funkcji chce przekazać wartość elementu (to działa bez zastrzeżeń) oraz pobrać wartość wpisaną w input. Jak sie za to zabrać, jest jakaś dyrektywa która to obsługuje?
https://jsfiddle.net/pe5mtrcy/18/
- 0
@LaylaTichy: o, dzieki, własnie o to mi chodziło - pierwszy raz współpracuje z dużym api i nie pomyślałem nawet że powinienem modyfikować dane i że v-model sie podłącza do wszystkich V-if.
Dziekuje ślicznie za pomoc, problem rozwiązany
Dziekuje ślicznie za pomoc, problem rozwiązany
- 1
────❌── A tak działa operator RxJS: takeUntil
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #cringe #javascript #rxjs #react #ember #angular #vue
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #cringe #javascript #rxjs #react #ember #angular #vue
źródło: comment_1617978534R3GjNwUFLJ4B9qpubIMO7T.gif
Pobierz- 4
A tak działa operator RxJS: distinctUntilChanged
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #javascript #rxjs #react #ember #angular #vue
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #javascript #rxjs #react #ember #angular #vue
źródło: comment_1617808412A7XkT4XGeElU0RFPIuYvgR.gif
Pobierz@tomaszs: pierunie, jake to je dobre
@waginoentuzjasta dobre ale lepiej nauczyć się czytać Marbles diagramy i docsy ;)
- 8
Takie życie
#programowanie #javascript #ember #angular #react #svelte #vuejs #vue #typescript #frontend #webdev
#programowanie #javascript #ember #angular #react #svelte #vuejs #vue #typescript #frontend #webdev
źródło: comment_1616278243q5LTBqj4uVkG31Y8EHmhUx.jpg
Pobierz- 3
@tomaszs: u mnie to żółte to angular, a ten różowy to rxjs i ngrx
- 4
@tomaszs: rxjs jest mega trudne, jest to deklaratywny sposób programowania który jak sql- jest łatwy w krótkich i prostych zadaniach. W trudnych zadaniach trudność budowania zapytań czy rxsjowych potoków rośnie chyba wykładniczo, a czytelność leci do zera. Napisz i zapomnij, nie próbuj zrozumieć po roku. ngrx - ja rozumiem że czasem frameworki narzucają boilerplejt, ale ten w ngrx to znowu przegięcie. Proponujesz Akita (ew ngxs), tak, ale wtedy kiedy masz





















#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_16232637526Ad3uBUxrgJ55HWWQwxuoL.jpg
Pobierzclip patch, można też ciekawie wykorzystać, do tworzenia animowanego odsłaniania tekstu - do projektu z demo można dorzucić jakiś :hover i efekt jest naprawde spoko
https://codepen.io/krzysztofpa/pen/XWKYaOz