Тёмный

Osnove HTML, CSS i JavaScript #20 - Flex (Flexbox) - detaljnije objašnjenje 

Milan Tair
Подписаться 16 тыс.
Просмотров 22 тыс.
50% 1

Osnove HTML, CSS i JavaScript #20 - Flex (Flexbox) - detaljnije objašnjenje

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

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 50   
@slavkoroganovic4406
@slavkoroganovic4406 5 лет назад
Ovih 20-videa su skup jednog profesionalnog seminara o css-u.Sve pohvale za tutorijale.
@MilanTair
@MilanTair 5 лет назад
:) Hvala. Biće još snimaka. Kada prođemo još neke teme za CSS, vraćamo se na HTML, pa prelazimo i na JavaScript.
@slavkoroganovic4406
@slavkoroganovic4406 5 лет назад
@@MilanTairova nova knjiga od Julie Meloni imam je ali je u nju sve stavljeno od css,Java script I php i mysqueli ima dosta toga oko 600-700stranica 6izdanje štampano 2018god.Ali mi nije obrađeno fino onako kako vi znate da obradite materiju.Pa mi više leže ovakvi tutorijali da naučim.
@MilanTair
@MilanTair 5 лет назад
Da, knjige su za sasvim drugačiji pristup učenju. Svakako je dobro posvetiti vreme razumevanju tehnologije iz izvora koji ih detaljnije i formalnije objašnjavaju. Tutorijali su dobri za brzo upoznavanje sa određenim načinima primene tehnologija i alata, ali nije uvek dobro oslanjati se samo na njih, već treba čitati i dokumentaciju i blogove i prijaviti se na mejling liste kao što su JavaScript Weekly, Frontend Focus, CSS Weekly i slične.
@milutinndv
@milutinndv 5 лет назад
Велико хвала доброме човеку.
@milosmarceta7459
@milosmarceta7459 4 года назад
Pa ovo je 10 puta bolje objasnjeno nego na nekim kursevima koji se placaju po 1000 evra! Hvala puno!!!
@MilanTair
@MilanTair 4 года назад
Nema na čemu. :)
@ratkozivkovic8784
@ratkozivkovic8784 2 года назад
Ja sam prosao dva kursa "FTN Informatike" u Novom Sadu. Veoma zahtevno i intenzivno za nas pocetnike. Milan sve lepo i polako objasni na prihvatljiv nacin... Sve pohvale!
@emirhadzimehmedovic7183
@emirhadzimehmedovic7183 5 лет назад
Vrhunski objašnjeno !!! Kvalitet materijala je na nivou i veći od kurseva koji se plaćaju !!! Svaka čast !!!
@MilanTair
@MilanTair 4 года назад
Hvala. Drago mi je.
@nenadmaeric172
@nenadmaeric172 Год назад
Odlična lekcija. Bravo.
@MilanTair
@MilanTair Год назад
Hvala.
@dijanadjoric.01
@dijanadjoric.01 4 года назад
Fenomenalno jasno i precizno objašnjeno. Svaka čast i hvala!
@MilanTair
@MilanTair 4 года назад
Hvala :)
@ZoranNikolov-f4q
@ZoranNikolov-f4q 9 месяцев назад
Odlicni predavanja - pozdrav od Strumica
@MilanTair
@MilanTair 9 месяцев назад
Blagodarim. Pozdrav za Strumice. 🇲🇰
@silvanageorgioska7644
@silvanageorgioska7644 4 года назад
jedna od najvaznijih lekcija,bravo!
@MilanTair
@MilanTair 4 года назад
Hvala. xD
@zankakomljenovic3018
@zankakomljenovic3018 3 года назад
Svaka cast, odlican, temeljan, smisaon, strpljiv predavac
@MilanTair
@MilanTair 3 года назад
Hvala. :)
@srdjan02
@srdjan02 4 года назад
Hvala ti puno... kupio kurs na udeyu ali ovaj covek mnogo bolje objasnjava
@MilanTair
@MilanTair 4 года назад
Drago mi je da Vam se dopada moj način objašnjavanja.
@yungxchristg5948
@yungxchristg5948 3 года назад
odlicno si objasnio. hvala puno.
@MilanTair
@MilanTair 3 года назад
Hvala. Drago mi je da Vam se dopada objašnjenje.
@NeLePFC90
@NeLePFC90 2 года назад
Najjaci si Milane!
@MilanTair
@MilanTair 2 года назад
Hvala :3
@IvanJovaninkovic
@IvanJovaninkovic Год назад
Milane svaka cast , za ovakav nacin objasnjenja, sve je precizno i jasno, mnogo mi znaci.Moze samo pitanje, meni je ovo jasno kako funkcionise kad ovako objasnite u ilustraciji gde je sve navedeno sa svrhom da jedno objasnjava drugo, medjutim da li se od svih ovih mogucnosti neke cesce koriste ili zavisi od sitaucije do sitaucjie tj sta , buduci web sajt zahteva, nadam se da ce se primenivati neka od ovih pravila u daljem formiranju web sajta koji je u okviru ovog kursa?
@MilanTair
@MilanTair Год назад
Hvala. Drago mi je da Vam se dopada način objašnjavanja. Što se tiče Vašeg pitanja, kao što ste rekli, sve zavisi od slučaja do slučaja kada će se šta primeniti, zavisno od toga šta je potrebno da se implementira dati dizajn koji dizajner osmisli. Koristićemo u ostatku ovog serijala razna svojstva ovog i raznih drugih layout mehanizama.
@andrej418
@andrej418 Год назад
Da li se flexbox koristi u ozbiljnijim projektima, tjst. da li cemo ga koristiti u praksi?
@MilanTair
@MilanTair Год назад
Da, naravno.
@Check658
@Check658 4 года назад
Pozdrav sta bi preporucili da je najvaznije da se nauci za css na pocetku? i odakle je najbolje uciti, hvala
@MilanTair
@MilanTair 4 года назад
Kreinite od osnovnih CSS osobina, pa pređite na selektore, kombinovane selektore, pa zatim na naprednije CSS osobine, specifične vs manje specifičke selektore za prepisivanje primenjenih stilova itd. U suštini, ovaj serijal ide nekim tim redosledom.
@luneed-autoenterijer
@luneed-autoenterijer 2 года назад
Tek posle ovog videa sam puno bolje razumio primjenu flexboxa. Hvala puno za ulozen trud. Da li je kako moguce doci do svih ovih slika koje si koristio za objasnjenje?
@MilanTair
@MilanTair 2 года назад
Hvala. Drago mi je da Vam je jasnije sada. Na žalost, nemam ih. Bukvalno sam iz uzimamo negde sa Interneta nasumično pred snimanje lekcije i nisam sačuvao.
@МилутинЈовковић
@МилутинЈовковић 2 года назад
Poštovani, da li može malo pojašnjenja oko toga sta je tacno razlika izmedju align-items i align-content
@MilanTair
@MilanTair 2 года назад
Ovo je prvo objašnjenje na to pitanje na Google pretrazi i ujedno je i najbolje opisano, pa da ne bih prepričavao, najbolje pogledajte objašnjenje i ilustracije www.geeksforgeeks.org/difference-between-align-content-and-align-items/amp/
@xtremehackerzpro9511
@xtremehackerzpro9511 4 года назад
Najbolje objasnjenje flexboxa na nasem jeziku, svaka cast :D Oni udemy top rated instruktori ti mogu zavidjeti :D Moze samo pitanje, u kojim situacijama je dobro koristiti flex-basis, a kada flex-grow...
@MilanTair
@MilanTair 4 года назад
Hvala. Osobine flex-basis i flex-grow nisu međusobno isključive. Nećete imati uvek situacije da koristite samo jedno ili samo drugo. Nekada da, a nekada koristite oba. Osobina flex-grow govori samo koliko udela slobodnog prosotra da se doda nekom elementu na osnovu definisanog flex-grow, a flex-basis ukazuje na to koja je veličina osnove, bez obzira na dimenzije koje stiče na osnovu sadržaja koji element ima. Npr. ako imamo dva elementa, oba imaju flex-grow setovan na 1, ali jedna ima u sebi sliku koja je duplo šira od slike koja se nalazi u drugoj, ta dva elementa "neće" biti 1:1 (bez obzira na flex-grow), jer će flex-grow da im "doda" od ostalog slobodnog prostor 1:1 (podjednako) viška prostora u njih, ali njihov unutrašnji sadržaj im čini širinu većom. Tada bismo koristili flex-basis i setovali, npr. na 0, da bismo učinili da se zanemare unutrašnje dimenzije sadržaja i da se dodeli onoliko os slobodnog prostora elementima koliko udeli flex-grow traže i tada će biti zaista 1:1 dimenzija. Dakle, flex-grow i flex-basis nisu međusobno isključive osobine, već su komplementarne, po potrebi. Nadam se da je sada jasnije.
@xtremehackerzpro9511
@xtremehackerzpro9511 4 года назад
@@MilanTair Hvala lijepa na odlicnom odgovoru :D
@MilanTair
@MilanTair 4 года назад
@@xtremehackerzpro9511 NNČ. Ako imate drugih pitanja, postavite ih u komentarima video snimaka na koji se odnose. Trudim se odgovoriti na svako pitanje.
@noshly
@noshly 5 лет назад
Mozete li mi reci u kom programu pravite ovakve skice
@MilanTair
@MilanTair 5 лет назад
Inkscape
@onegirlmibi9266
@onegirlmibi9266 3 года назад
Odlično🙂🙂
@MilanTair
@MilanTair 3 года назад
Hvala. :)
@монахФилотеј
@монахФилотеј 3 года назад
Ako display: flex utiče na to da elementi budu poređani jedan pored drugog, umesto jedan ispod drugog, da li to znači da flex-direction: column potire delovanje ovog prvog?
@MilanTair
@MilanTair 3 года назад
Flex ne čini da nešto ide jedno pored drugog, tek tako. Layout-ing je mnogo složeniji od blokovnog. Nije to kao da smo promenili smer blokovne orijentacija... ali da, promena direction će promeniti način ređanja elemenata.
@монахФилотеј
@монахФилотеј 3 года назад
@@MilanTair Hvala!
@gametech2331
@gametech2331 3 года назад
Poz jeste li odradili temu responsive sajta
@MilanTair
@MilanTair 3 года назад
Jesam. To se u snimcima zove prilagodivi dizajn.
@gametech2331
@gametech2331 3 года назад
@@MilanTair Poz,hvala na odgovoru uspio sam naći odličan je tutorijal ,lijep pozdrav
Далее
CSS Grid Course
1:02:44
Просмотров 477 тыс.
React Crash Course | Learn React Quickly | In 80 Minutes
1:17:07
Sass Tutorial for Beginners - CSS With Superpowers
2:02:59