@TeflonDon: moduł ucina
Powinno być:
- Krótszy < 168 cm

- Standardowy 168 - 186 cm

- Dłuższy > 186 cm

Jest:

- Krótszy < 168 cm

- Standardowy 168 - 186 cm

- Dłuższy > 186 cm

Ucina
for="tab1"
for="tab2"
for="tab3"

:/
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ć
@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.
cześć,
w ramach nauki stworzyłem swoją pierwszą aplikację w React:
https://cssgenerator.pl/
https://github.com/marekfoltanski/cssgenerator

domyślam się, że jest tam dużo baboli dlatego wrzucam gdzie się da żeby zebrać konstruktywną krytykę od bardziej doświadczonych fachowców. Nie wiem czy tutaj się tak robi, bo nie korzystałem wcześniej z wykopu :p w każdym razie puszczam info w świat

#javascript #css #react #css3 #webdesign
Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS
Ostatnio bardzo modny ale i za razem praktyczny – z punktu widzenia użytkownika – jest temat udostępniania wszem i wobec ciemnych wersji interfejsu aplikacji webowych. Sam jestem zwolennikiem tego ruchu i z utęsknieniem wypatruję kolejnych usług, które taką formę oferują.

Co ciekawe, za pomocą #css3 i reguł dostępnych w Media Queries Level 5 możemy wykryć preferencje systemu operacyjnego użytkownika i łatwo dostosować interfejs
michalkortas - Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS
O...

źródło: comment_1608103503tD6dYODU1CMKKv5WTcOLfd.gif

Pobierz
#css3 #responsivedesign #css
Aktualny css:

![](images/header.png)

img .hej {
width:100%;
height:100%
}

Niestety, ale w tym wypadku na stronie pojawia sie wielkie 0.xD Jak zrobic aby obrazek sie scalowal do rozmiaru ekranu/przegladarki, a zarazem nie posiadal nic procz samego obrazka?
#html5 #css3
UWAGA!! Podstawy = pytania

1. pozycje css nawigacji itd. Czy dobrze to mam rozpisane?
logo = relative, float left
nawigacja = relative, float right
slider = relative, margin

Aktualnie moje menu wypierdziela pod slider . -.- #uczesie
2. Jezeli mam background calej strony to lepiej korzystac z:





czy:

korzystajac z :
@blakker: Odpowiem jak konsultant - to zależy :D, tak naprawde głównie od miejsca w kodzie w którym będziesz używał tych divów. Pamiętaj, że korzystamy z semantycznego htmla dla czytników stron dla niewidomych, ale również dlatego, że łatwiej to odczytać później w kodzie + strona jest lepiej pozycjonowana w googlu. Na etapie uczenia się, możesz tak naprawdę do tego użyć czegokolwiek, jednak warto łapać dobre praktyki już na początku.
@EmANDeM: tyle tagów a najważniejszego dla twojego temu - #webdev zabrakło ( ͡° ͜ʖ ͡°)

Drugiego wydania tej książki nie ma po polsku, to w ogóle są bardzo specyficzne książki.

Jeżeli nie znajdziesz tego czego szukasz to polecam jednak zaglądnąć w jakieś alternatywy, jak ma być książkowa alternatywa to proponuję -
https://helion.pl/ksiazki/html-i-css-zaprojektuj-i-zbuduj-witryne-www-podrecznik-front-end-developera-jon-duckett,htcswv.htm

a później/równolegle przeklikaj
https://dash.generalassemb.ly/
@aseeon_:
You're right ! #webdev ( ͡° ͜ʖ ͡°)

Wiem, że są specyficzne, ale ich formuła bardzo mi odpowiada (przynajmniej nie zawiodłem się na Javie II wydaniu dla moich potrzeb ( ͡ ͜ʖ ͡) )
Zajrzałem w Twoją propozycję i muszę przyznać, że jeżeli faktycznie nie znajdę head firsta, to biorę się za nią bo sprawia wrażenie ładnie napisanej :D
#html #html5 #css #css3

Wykopki. Potrzebuję szybko ostylować jeden widok gdzie znajduje się tylko formularz i tabela. Jest jakiś prosty sposób dla kogoś kto nie ma ogromnej wiedzy o stylowaniu a chce to zrobić szybko?
Pozdrawiam!
Mirki,

utknąłem. Może ktoś ma jakiś sensowny pomysł? Byłoby proste do zrobienia, gdyby nie to, że elementy 1, 2 i 3 są w DIVie "A" a 4, 5 i 6 - w DIVie "B". Gdyby nie to, to wiadomo, flex i order.
Czy macie na to jakiś sensowny pomysł?
Na struktruę źródłową html-a nie mamy wpływu. Na razie wymyśliłem JS, ale może ktoś ma pomysł na czysty CSS?

#webdev #css #css3 #
dobrze-zbudowany-grubas - Mirki,

utknąłem. Może ktoś ma jakiś sensowny pomysł? Był...

źródło: comment_VEdn6bPOa43THWXNDkV6YltIW17tUZYX.jpg

Pobierz
Witam serdecznie! Jestem Tomek, i mam kilka pytan dot. #webdesign , #frontend , #webdev , #js , #programowanie i nie tylko :).
Mamy rok 2019, ostatnia moja stycznosc ze strona internetowa, od stronu kodu zrodlowego, byla okolo 10 lat temu, a od tego czasu pozmienialo sie mnostwo :). W internecie jest kilka zrodel wiedzy, dot. webdevu, i wszystko aktualne na swoj sposob, ale dla laika, ktory nie do konca wie od czego
1. Do jakiego poziomu zapoznac sie z CSS, przed pojsciem dalej? Sa jakies terminy jak SASS czy LESS, sa tez CSS Gridy, rozumiem ze to jest wazne?


@Alteraktywnie: Ważne. Ale to nie podchodź do nauki webdev książkowo, rozdziałami. Tu trzeba iść równolegle, poznawać na bieżąco to, czego potrzebujesz. W przeciwnym razie utoniesz w masie wiedzy, której aktualnie nie potrzebujesz, a jak będziesz potrzebował to już będzie przestarzała, albo zapomnisz jak z
@Alteraktywnie: Miałem podobną przerwę, zatrzymałem się przed wejściem jQuery, a wróciłem 3 lata temu. Generalnie, to granica między frontem, a backendem jest dzisiaj mocno zarysowana więc warto się skupić na początku na jednej z dróg. Imho niewielu jest dobrych full stack developerów i przy ogromie technologii ciężko poznać wszystkie zagadnienia i niuanse na zadowalającym poziomie.

1. Ogarnij sobie jakiś tutorial i przypomnij wiedzę. Obczaj sobie layout oparty na flexbox'ie i stosunkowo