Mirasy z #programista15k #css #css3 i może #html #programowanie. Walczę z CLS gdzie pagespeed pokazuje mi "unikaj dużych przesunięć układu" i mam tam 3 znaczniki div z różnych sekcji. WTF? Jak te przesunięcia usunąć przy takich znacznikach albo jak znaleźć który element powoduje te przesunięcia ? Jeżeli chciałby ktoś zerknąć to mogę adres na priv podesłać
Wszystko
Najnowsze
Archiwum
- 0
@musicisgood: Żeby zachodziły przesunięcia układu musi być wykonywany ponowny repaint danej strony. Aby sprawdzić, które dokładnie elementy to wywołują można w devtoolsach przejść do more tools i w zakładce rendering odhaczyć opcję paint flashing i layout shift regions.
- 0
@Veni tak, przyglądałem się temu ale bez sukcesów. Chyba nie potrafię identyfikować problemów z tym związanych... Eh
- 2
Tylko u mnie #css na #wykop jest z-----y na podstronie #mirko?
#programowanie #programista15k #nowywykop2016 #nowywykop2017 #nowywykop2018 #nowywykop2019 #nowywykop2020 #nowywykop2021 #nowywykopcovid
#programowanie #programista15k #nowywykop2016 #nowywykop2017 #nowywykop2018 #nowywykop2019 #nowywykop2020 #nowywykop2021 #nowywykopcovid
źródło: comment_1629288956LRghgu2C969AQ5eymhy9hH.jpg
Pobierz- 4
Treść przeznaczona dla osób powyżej 18 roku życia...
@Ponc3k aaa kumam. Nie było tematu
@Anesa: flex jest od układania elementów względem siebie na pojedynczej osi. Uzyskać taki układ pomoże Ci libka JS np. http://macyjs.com/
- 0
@Anesa: W css podobny efekt uzyskasz za pomocą columns https://www.w3schools.com/css/css3_multiple_columns.asp
Ciekawostka, wspierana obecnie tylko przez Chromium, czyli selektor ::target-text - pozwala on na stylowanie zaznaczenia frazy w tekście strony internetowej na podstawie specjalnego parametru w adresie URL.
Link do opisu na blogu: Własne style CSS dla zaznaczonej frazy wskazanej w adresie URL za pomocą ::target-text
#webroad #css
Link do opisu na blogu: Własne style CSS dla zaznaczonej frazy wskazanej w adresie URL za pomocą ::target-text
#webroad #css
@michalkortas: nikt kto ma trochę oleju w głowie i pamięta <IE11 nie będzie tego używał
co rozumiesz przez "laczy sie"? Na nowych przegladarkach gridem zrobisz wszystko to co zrobisz flexem i więcej
flexem też zrobisz to co gridem, tylko więcej roboty ( ͡º ͜ʖ͡º)
- 0
@facefear: no właśnie bardzo niepopularna opinia, dlaczego tak sądzisz? co używasz w zamian? flexa?
- 2
Dlaczego gdy tworzę widok strony za pomocą HTML i CSS, powinienem go tworzyć wg. zasady "mobile-first"?
Widzę, że projektowanie widoków w ten sposób jest bardzo popularne, a być może nawet dominujące. Tyle że próbowałem tak robić i jest to dla mnie strasznie niewygodne, wolę sobie najpierw zrobić wersję na desktopa i potem stopniowo sprawdzać, jak strona zachowuje się na coraz mniejszych rozdzielczościach.
Podejrzewam, że jest to dla mnie niewygodne, gdyż przyzwyczaiłem się do robienia
Widzę, że projektowanie widoków w ten sposób jest bardzo popularne, a być może nawet dominujące. Tyle że próbowałem tak robić i jest to dla mnie strasznie niewygodne, wolę sobie najpierw zrobić wersję na desktopa i potem stopniowo sprawdzać, jak strona zachowuje się na coraz mniejszych rozdzielczościach.
Podejrzewam, że jest to dla mnie niewygodne, gdyż przyzwyczaiłem się do robienia
Jak to jest z tym scss/sassem i pochodnymi.
Wiem że ile projektów tyle podejść. Doświadczenia komercyjnego nie mam. Odchodzi się powoli od tych założeń i skupia się na rozwiązaniach typu styledComponents ? W ogóle jak to się ma do siebie.
Przykładowo np startujecie z projektem komercyjnym - pracujecie z zespołem. Kto decyduje o mixingach, można sobie zasyfić projekt swoimi, czy zazwyczaj dyskutuje się o tym wcześniej ? To tak przykładowo
#javascript
Wiem że ile projektów tyle podejść. Doświadczenia komercyjnego nie mam. Odchodzi się powoli od tych założeń i skupia się na rozwiązaniach typu styledComponents ? W ogóle jak to się ma do siebie.
Przykładowo np startujecie z projektem komercyjnym - pracujecie z zespołem. Kto decyduje o mixingach, można sobie zasyfić projekt swoimi, czy zazwyczaj dyskutuje się o tym wcześniej ? To tak przykładowo
#javascript
@NiewzruszonaMasa: Wszystkie podejścia widziałem w użyciu: monolit scss, indywidualne stylesheety dla componentów, css modules, styled components, czasem np. oskórkowana biblioteka UI.
@NiewzruszonaMasa ja przechodzę w projektach ze StyledConponenets na SCSS modules I w 95% jest bajka
3
Metodologia BEM jest okropna!

Ciekawy artykuł, o tym dlaczego popularna (CSS'owa) metodologia BEM jest strasznie niepraktyczna w użyciu! Po krótkiej lekturze muszę przyznać zgodę autorowi...
z- 3
- #
- #
- #
- #
- #
- 0
@Kosciany: Tak sobie przestaw, skoro tak ustawiłeś fonty.
- 5
@incydent_kakaowy: Jeżeli zależy nam na wydajności tworzonego projektu, jedynymi właściwościami jakie nadają się do animacji są te zawarte w warstwie composite, czyli transform i opacity. Animowanie pozostałych wartości jest bardziej złożone. W celu dokładnego zrozumienia zagadnienia warto prześledzić jak działa krytyczna ścieżka renderowania w przeglądarkach. W przpadku animowania innych właściwości niż transform i opacity warto też zapoznać się z taką właściwością jak will-change.
@Veni: bardzo dobra i wyczerpująca wypowiedź, nic dodać - nic ująć :P
#programowanie #css #youtube
Czy ktoś wie, co się stało się, że na Youtube mi już nie działa :visited dla tytułów filmów?
Oznaczanie materiałów, które już widziałem jest bardzo przydatne przy dużej ilości filmów na kanałach.
Nie ma opcji, żeby to wymusić. Chyba się zepsuło z aktualizacją Firefoxa.
Używam rozszerzenia Stylus.
Robię element, klasę, id, !important, nic nie działa.
Czy ktoś wie, co się stało się, że na Youtube mi już nie działa :visited dla tytułów filmów?
Oznaczanie materiałów, które już widziałem jest bardzo przydatne przy dużej ilości filmów na kanałach.
Nie ma opcji, żeby to wymusić. Chyba się zepsuło z aktualizacją Firefoxa.
Używam rozszerzenia Stylus.
Robię element, klasę, id, !important, nic nie działa.
- 4
Dwa pytania z frontendu:
1. To prawda że większość rzeczy na stronach internetowych w JavaScripcie można pisać stylem proceduralnym?
Ostatnio przeczytałem opinie, że OOP w JS to "udawane programowanie obiektowe" i jeżeli nie piszemy jakiś specyficznych rzeczy jak np gry przeglądarkowe, to wszystko można pisać stylem proceduralnym.
2.
1. To prawda że większość rzeczy na stronach internetowych w JavaScripcie można pisać stylem proceduralnym?
Ostatnio przeczytałem opinie, że OOP w JS to "udawane programowanie obiektowe" i jeżeli nie piszemy jakiś specyficznych rzeczy jak np gry przeglądarkowe, to wszystko można pisać stylem proceduralnym.
2.
@incydent_kakaowy tak
- 0
- 1
Odpowiedź:
Użyć eventów
https://developer.mozilla.org/en-US/docs/Web/API/Touch_events
Użyć eventów
touchstart touchmove touchend.https://developer.mozilla.org/en-US/docs/Web/API/Touch_events
- 1
Byłby ktoś chętny podjąć ze mną współpracę w zakresie webdevu Wordpress/Woocommerce? Chodzi głównie o modyfikowanie CSSa, instalację i konfigurację wtyczek oraz średnio zaawansowane modyfikacje skryptów Woocommerce i wtyczek. Możliwość rozliczenia b2b, umowa o dzieło lub w jakikolwiek inny sposób - jestem elastyczny:). Płacone natychmiast po skończeniu danego etapu prac. Jeżeli ktoś zainteresowany, proszę o PW, do wieczora odpowiem.
#webdev #frontend #css #woocommerce #wordpresss
#webdev #frontend #css #woocommerce #wordpresss
- 5
Czy wiesz, że dzięki funkcji CSS do generowania gradientów stożkowych możesz uzyskać całkiem ciekawe efekty 3D?
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
źródło: comment_1626605470Wht6oaWnhU90MKLgt4mAcw.jpg
Pobierz- 1
@tomaszs: I see
źródło: comment_1626619667GeHSfrePimi1azWjgn2ra2.jpg
Pobierz- 14
Kolor heksadecymalny na dziś:
#d1e2cc Timberwolf Hex Color - na stronie znajdziecie więcej informacji, alternatyw, a także przykłady zastosowania.
Tag do obserwacji/#000listowania - #hexnadzis
#grafika #webdesign #design #fotografia #projektowanie #html #css
#d1e2cc Timberwolf Hex Color - na stronie znajdziecie więcej informacji, alternatyw, a także przykłady zastosowania.
Tag do obserwacji/#000listowania - #hexnadzis
#grafika #webdesign #design #fotografia #projektowanie #html #css
źródło: comment_1626417416c46SasaWJlR0vYll0cuxzx.jpg
Pobierz- 0
Znacie jakieś stronki na których można kupić albo dostać za free mockupy stron www ale razem z wersjami mobile. Poszperałem trochę ale nic ciekawego nie mogę znaleźć.
#programowanie #frontend #html #css
#programowanie #frontend #html #css
@Odki: strona nazywa się html5up, nie wiem czemu nie mogę wstawić ci linka do komentarza
- 1
@thermomix_: O o takie coś mi właśnie chodziło.
























Mam za sobą kilka projektów jednak chciałbym uzupełnić widzę jakimś dobrym kursem. Nie jednokrotnie słyszałem o kursach Samuraja Programowania. Przerabiał je ktoś? Warto? Polecacie coś lepszego?
#frontend #programowanie #javascript #html #css
Kliknij tutaj, aby odpowiedzieć w tym wątku
źródło: comment_1629378617vodXJn9gTd9FFSbWD9fHPN.jpg
Pobierz