musicisgood
musicisgood
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ć
  • Najlepsze
  • Wszystkie komentarze
r9292
r9292
r9292
0
@musicisgood: zapodaj adres na priv
Veni
Veni
Veni
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.
Ponc3k
  • Najlepsze
  • Wszystkie komentarze
Ponc3k
Ponc3k Autor
  • adult
4
Treść przeznaczona dla osób powyżej 18 roku życia...
Ponc3k
Ponc3k Autor
0
A tak wygląda obrazek na stronie głównej
A.....a
A.....a
ktoś wie jak we #flex ustawić, żeby kafelki układały się tak jak na zdjęciu? mają taką samą szerokość, ale różne wysokości i chciałabym, żeby w razie jak np kolumna lewa będzie dużo dłuższa od prawej, to żeby jakiś kafelek przeskakiwał na drugą stronę #frontend #css
  • Najlepsze
  • Wszystkie komentarze
enslavedeagle
@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/
S.....8
S.....8
@Anesa: W samym flexie tego nie zrobisz. Tu potrzebny jest JS i sprawdzanie wysokosci kontenerow. Sprawdz ta libke od @enslavedeagle
michalkortas
michalkortas
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
  • Najlepsze
  • Wszystkie komentarze
z.....n
@michalkortas: nikt kto ma trochę oleju w głowie i pamięta <IE11 nie będzie tego używał
b.....r
b.....r
#css #grid #flex

Moze ktos wytlumaczyc na chlopski rozum jak sie laczy te dwa sposoby stylowania?

Grid mniej wiecej rozumiem to jako glowna funkcja do tworzenia szkieletu strony (glowne bloczki strony), a flex do pozycjonowania np napisow, menu czy cos w tym stylu.
  • Najlepsze
  • Wszystkie komentarze
z.....n
co rozumiesz przez "laczy sie"? Na nowych przegladarkach gridem zrobisz wszystko to co zrobisz flexem i więcej
thermomix_
flexem też zrobisz to co gridem, tylko więcej roboty ( ͡º ͜ʖ͡º)
facefear
  • Najlepsze
  • Wszystkie komentarze
maciorqa
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
  • Najlepsze
  • Wszystkie komentarze
NiewzruszonaMasa
NiewzruszonaMasa
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
  • Najlepsze
  • Wszystkie komentarze
Kosciany
No trochę wkurzające (╯°□°)╯︵ ┻━┻
#wykop #wykopcontent #css
  • Najlepsze
  • Wszystkie komentarze
incydent_kakaowy
Czemu filtry i keyframes w #css smażą mi procek?
#frontend
  • Najlepsze
  • Wszystkie komentarze
psiversum
#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.
  • Najlepsze
  • Wszystkie komentarze
maciorqa
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.
  • Najlepsze
  • Wszystkie komentarze
incydent_kakaowy
muszę sobie zrobić stronę wizytówkę
Jakie są trendy teraz we #frontend #css ? Może jakieś strony demo znacie z jakąś ciekawą kolorystyką, typografią, animacjami css?
  • Najlepsze
  • Wszystkie komentarze
look997
#javascript #css #mobile #android #frontend #webdev
Event pointermove w trybie mobilnym strony nie działa jak trzeba - taki kod:

el.onpointermove = e=> console.log(e.clientY)
...daje maks kilka logów i zatrzymuje się. Oraz przy tym pointerup w ogóle nie działa.

CSSowe
  • Najlepsze
  • Wszystkie komentarze
Grandek
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
  • Najlepsze
  • Wszystkie komentarze
tomaszs
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
  • Najlepsze
  • Wszystkie komentarze
mk27x
mk27x
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
  • Najlepsze
  • Wszystkie komentarze
Odki
Odki
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
  • Najlepsze
  • Wszystkie komentarze
tomaszs
Czy wiesz, że możesz dodać oldschoolowy telefon do wszystkich linków telefonicznych z użyciem CSS?

#dlaprogramistow #css #webdev #frontend #javascript #react #angular #ember #html #vue
  • Najlepsze
  • Wszystkie komentarze