TomekABC123
TomekABC123
Mam taka zagwostke
Mam event resize, i przy odpaleniu tego eventa, zmieniam sobie style jakiegoś elementu
np. element.style.height = "5px"
I problem jest taki, że w devtools, w computed styles te 5px pokazywane jest dopiero przy drugim czy trzecim odpaleniu eventu resize, a przy pierwszym sa wartosci w stylu np 3.58px, 4.9px itp
I psuje mi to caly skrypt, bo chce potem bazować na tej ustawionej wartości poprzez pobieranie jej przez getComputedStyles(),
TomekABC123
TomekABC123
Mam taki problem.
Otóż mam sobie jakis tam element, biorę jego parentNode'a a potem chce wylistować liste jego bezposrednich childow
Struktura mniej wiecej wyglada tak:
parent
elem1
elem2
  • Najlepsze
  • Wszystkie komentarze
ownadi
ownadi
@TomekABC123: powinno wylistować. wrzuć przykład na jsfiddle
TomekABC123
TomekABC123
TomekABC123 Autor
0
@ownadi: dobra, problem rozwiazany, okazalo sie ze te elementy sa dynamiczznie dodawane na strone z jakeigos serwera
Jurix
Jurix
Jurix
1
Sprawdzając jedną ze stron które administruję na PageSpeed Google zwróciło mi taki komunikat:

Część strony widoczna na ekranie nie mogła się wyrenderować bez konieczności czekania na wymienione zasoby. Spróbuj opóźnić ładowanie zasobów blokujących, ładować je asynchronicznie lub wbudować najważniejsze elementy tych zasobów bezpośrednio w HTML-a.

wbudować najważniejsze elementy tych zasobów bezpośrednio w HTML-a.


Czy tu chodzi o dodawanie style="" do znaczników html lub
  • Najlepsze
  • Wszystkie komentarze
Jurigag
@januzi: @Jurix: @prezydent_wykopu: obecnie to się korzysta z http2 i preload z early hints jeśli chcesz mieć załadowany css/js wraz załadowaniem strony jak najszybciej, nie zawsze sobie możesz pozwolić na async js

tj w ogóle zanim serwer zwróci response możesz mieć już pobrany cały css i js korzystając z early hints, fajny bajer

co prawda early hints jeszcze nie jest zaimplementowane w przeglądarkach, ale będzie to
Jurigag
@Jurix: @Jare_K: @prezydent_wykopu: @januzi: także tak naprawdę nie ma jednoznacznej odpowiedzi, async czy ładowanie js/css w body jasne, przyśpieszy ładowanie strony, tylko równie dobrze możesz ładować całą treść jsem i wtedy async czy ładowaniu go na końcu da tyle że użytkownik będzie miało zero contentu

do tego ten preload najlepiej zwracać już na samym początku requesta w zasadzie za pomocą headera, zanim w ogóle
mlotek123
mlotek123
Mireczki wiecie może gdzie leży problem jeśli strona dla różnych wartości szerokości ekranu wybranych w chromie ładnie się wyświetla a zwężając okno przeglądarki już świruje? Np. jak ustawie iPada który ma szerokość ekranu 768px to ładnie mi się pokazuje a jak dla takiej samej rozdzielczości zwęże okno to świruje? #webdev #css #html #javascript
  • Najlepsze
  • Wszystkie komentarze
swango
@mlotek123 768px to raczej wysokość ipada
Perfer
@mlotek123 świruje nawet jak używasz trybu responsywnego w chromie? Ręczne zwijanie okna nie zawsze dobrze CSS ogarnia
asus1234
asus1234
Mircy macie pomysł jak przykleić obrazek do boku inputa żeby się z nim responsywnie wysrodkowywal? #css #html #webdev

A i jeszcze jedno. Powiedzmy że mam logo w png wczytane i chciałbym żeby dla media queries ustalonego powiedzmy na poniżej 640 px żeby wczytywał się innego logo z innego png ?
  • Najlepsze
  • Wszystkie komentarze
januzi
@asus1234: 1. text-align: center; dla rodzica
2. background-image: url( );
asus1234
asus1234
asus1234 Autor
0
@januzi próbowałem z background-image ale nic się nie wyświetla
mlotek123
mlotek123
Mircy gdzie robie blad z flexem?Chce wysrodkowac header na stronie w pionie i poziomie. Html to po prostu tylko header.
body
{
margin: 0;
padding: 0;
background-color: #001322
  • Najlepsze
  • Wszystkie komentarze
Snowdr0p
@mlotek123: Pan @escapism dobrze mówi. justify-content: center; i align-items: center; to są wartości dziedziczone przez dziecko headera. Jeśli chcesz wyśrodkować w taki sposób headera użyj align-self: center; o ile się nie mylę.
Ananasz
Ogarniam sass i mam pytanie gdzie umieszczać zmienne i domieszki? W osobnych plikach, na początku dokumentu a może normalnie w trakcie kodu?

#frontend #webdev #css #sass
  • Najlepsze
  • Wszystkie komentarze
TomekABC123
TomekABC123
Macie jakieś pomysły jak można zakodować taki szablon psd w cssie?
Zielony, czarny i niebiesko/rozowy to oddzielne sekcje.
Gdyby te ksztalty byly regularne nie byloby problemu, ale co mozna zrobic z taka nieregularnoscia? Jeden background-image na całą stronę raczej odpada.
#css #html #javascript
  • Najlepsze
  • Wszystkie komentarze
mlotek123
mlotek123
Orientuje się ktoś jakim programem sprawdzę font-family font-size i background-color pliku JPG? Oprocz photoshopa.

#webdev #programowanie #css #html
  • Najlepsze
  • Wszystkie komentarze
bonaventure
Znacie jakiś efekt, kiedy scrollujemy myszką to przechodzimy do następnych divów (bez efektu scrollowania) tylko w coś rodzaju przeskoku do następnego?
#frontend #javascript #css
  • Najlepsze
  • Wszystkie komentarze
asus1234
asus1234
Mirki wiecie gdzie w #rzeszow najaltwiej dostac się na juniora front end lub staż ? Zależy mi tylko na zdobywaniu doświadczenia bo każdy musi od czegoś zacząć lub gdzie są jakieś otwarte rekrutację #programowanie #webdev #css #html #javascript
  • Najlepsze
  • Wszystkie komentarze
panczaber
Mam takie pytanko może mądre może głupie nie wiem ( ͡° ʖ̯ ͡°)
jestem początkujący, CSS:

cośtam: drugiecośtam

w CSS ustawiam właściwości dla .elem i nie działaja dla spana w środku, wydawało mi się że
  • Najlepsze
  • Wszystkie komentarze
ZacmienieKsiezyca
#svg #animacja #html #css #webdev

Próbuje stworzyć animowane SVG trochę już o tym poczytałam ale nic co znajduję nie przybliża mnie do odkrycia w jaki sposób zrobić to co chcę. Docelowo chciałabym aby po najechaniu myszką ikona zmieniała się w napis.

Aby pozbyć się ikony z pierwszego planu próbowałam już paru rzeczy: morfowania (to wydaje się zbyt trudnym kształtem i nie działa za
  • Najlepsze
  • Wszystkie komentarze
imlmpe
imlmpe
  • adult
600
Treść przeznaczona dla osób powyżej 18 roku życia...
  • Najlepsze
  • Wszystkie komentarze
TomekABC123
TomekABC123
Mam pytanie, jest jakiś tutorial jak napisać własnego datapickera, np z możliwością wyłączania wyboru niektórych dat, własnym stylowaniem itp.
Bo jakoś nie moge znalezc tutoriali w necie, są tylko jakieś do gotowych rozwiazan w jquery itp
Albo jakieś wskazowki jak sie za to w ogole zabrac, oczywiscie wszystko chce zrobic w celach nauki, więc nie proponujcie mi wybrania gotowych rozwiazan.
#css #html #javascript
  • Najlepsze
  • Wszystkie komentarze
asus1234
asus1234
O co może chodzic pracodawcy jeśli w ogłoszeniu widnieje takie wymaganie? Chodzi o umiejętność obslugiwania strony canIuse??

Znajomości standardów i problematyki kompatybilności kodu z różnymi przeglądarkami

#webdev #programowanie #html #css
  • Najlepsze
  • Wszystkie komentarze
asus1234
asus1234
Ktos mi wytlumaczy dlaczego zdjecie tak sie skurczylo, kiedy zastosowalem z-index=-1?
#webdev #css #html
  • Najlepsze
  • Wszystkie komentarze
singollo
~ siblings selector

selektor ~ selektor { ... }

Selektor braci odszukuje każdy element HTML, który jest jednym z elementów braci elementu HTML odszukanego przez >selektor, który podaliśmy przed znakiem ~ danej reguły CSS.

Selektor braci tworzymy co najmniej za pomocą dwóch selektorów CSS, pomiędzy którymi należy umieścić jeden znak ~ (tylda) oraz ewentualnie inne białe znaki.


Jeśli
nieocenzurowany88
Powie ktoś jakie umiejętności trzeba mieć by móc sobie wpisać w CV "dobra znajomość html i css" ?

#naukaprogramowania #html #css
  • Najlepsze
  • Wszystkie komentarze
janekhe
Mircy, ostatnie mam juz do Was pytanie.
Nowy jestem a nie znalazlem rozwiazania nigdzie.

Jak moge ten zielony kwadracik w css przesunac wyzej?
#html #css
  • Najlepsze
  • Wszystkie komentarze