Czym jest box model?

Подписаться 14 тыс.

Просмотров 23 тыс.

50% 1

Wiecie czym jest box model? Jestem przekonany, że większość z was korzysta z niego na codzień, choć może nie jest tego świadoma.
Składa się na niego zawartość elementu, obramowanie (border) oraz marginesy wewnętrzne i zewnętrzne (padding i margin).
Znajomość boxmodelu oraz właściwości box-sizing na pewno ułatwi wam pracę jako Front-End developer.
Dodatkowo, jeśli korzystacie z Bracketsa to mamy dla was świetną wiadomość - podgląd boxmodelu będzie dostępny w kolejnej jego odsłonie (1.10). Jeśli nie możecie się doczekać, możecie sklonować repozytorium Bracketsa i korzystać z tej funkcjonalności już dziś :)
Miłego oglądania!
Koduje - Kursy i ćwiczenia z Front-Endu
koduje.pl/

Опубликовано:

21 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@Bodziszek96 7 лет назад

3 minuty filmy a tyle wiedzy! nie wiedziałem, że padding poszerza nam boxa i ze jest taka funkcja jak box-sizing: border-box bardzo mi ułatwi kodowanie, dzieki za info jest bardzo pomocne :)

@koduje 7 лет назад

Nie ma sprawy! Cieszę się, że mogłem pomóc. Pozdrowienia dla fanów DB :)

@Ari-vt3po 7 лет назад

początek był troszkę trudny ale potem rzeczywiście to wszystko było b.proste - dziękuję, masz dar to wyjaśniania :)

@Ari-vt3po 7 лет назад

aaa i BARDZO dziękuję że pokazałeś PRAKTYCZNE wykorzystanie tego box modelu, ja mam teraz ten sam problem a tu rozwiązanie takie proste ! :)

@koduje 7 лет назад

Dzięki, cieszę się, że mogłem pomóc! :) Pozdrawiam

@DenisWASD 7 лет назад

Za ten odcinek was jeszcze bardziej pokochałem! Kuuuurdee!! Ile ja musiałem liczyć aby wszystko ładnie dopasować, a tak to tylko jakaś jedna fajna komenda i wszystko działa :V

@koduje 7 лет назад

Cieszę się, że mogliśmy pomóc i że podobał Ci się materiał Denis :) Dzięki serdeczne za komentarz, pozdrowionka!

@DenisWASD 7 лет назад

@xcvbnyhkj7679 7 лет назад

Extra. Więcej takich filmów. :)

@koduje 7 лет назад

Dzięki za komentarz, na pewno będzie ich więcej :) Pozdrawiam!

@annakornaszewska313 6 месяцев назад

Brakuje korelacji dwóch boxów między sobą wraz z ich kombinacjami z margin

@kirysobolew2746 5 лет назад

Dzięki za info!

@MsKmilu 7 лет назад

Hej, czy moglibyście poruszyć temat pozycjonowania elementów na stronach ? Chodzi mi konkretnie o to, że przez długi czas używałem marginów i topów w pixelach, jednak po czasie zorientowałem się, że to wszystko pięknie będzie wyglądać tylko na mojej rozdzielczości, obecnie staram się wyśrodkowywać elementy i przesuwać tylko procentami, a jestem pewny, że są jakieś dużo łatwiejsze sposoby, a ciężko nawet coś wygooglować w tym temacie, pozdrawiam ;)

@koduje 7 лет назад

Cześć :) Postaramy się , dzięki za propozycję, prawdopodobnie coś o tym nagramy. Ale generalnie jednostki takie jak em rem vh vw są często przydatne, plus oczywiście umiejętność tworzenia layoutów RWD - o tym mamy materiał na kanale (z napisami!) : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-H7LUUsbpbrg.html . Pozdrawiamy!

@karlfriedrich7032 7 лет назад

3:33 drobna literówka, aj ten pośpiech, wiem czepiam się haha

@koduje 7 лет назад

Haha, super :) Świetne oko! Jak to się mówi "sprawdzamy waszą czujność" :)

@gregorykoc1879 3 года назад

Genialne

@hubertrospond6335 3 года назад

morze trochę póżno ale się mega przydało jedyny problem mam z boxami nie z tego odcinka

@TheMulti808YT 7 лет назад

@kodu.je Może zrobicie odcinek na temat canvas'a ? :D

@koduje 7 лет назад

Hej @TheMulti808 :) Pewnie, co konkretnie chciałbyś zobaczyć?

@TheMulti808YT 7 лет назад

Omówienie znacznika, pokazanie w jaki sposób się go styluje w JSie i w jaki sposób robi się tam animacje. Moglibyście pokazać np. Loading bar czy coś w tym stylu :)