Tutorial membuat website yang responsive di semua ukuran ! || Media Queries - Responsive Breakpoints

[@karinaadelia5117]

Bang kamu keren jelasin nya, gak berbelit belit, kemarin2 aku sempat bingung masalah pengaturan column ini, sekarang nonton video abang jd berasa mudah, tinggal di eksekusi pas belajar, saya baru belajar 1 bulan ini. Terimakasih ys, semoga ilmunya jadi pahala jariyah buat abangnya

[@hidayahapriliansyah]

Alhamdulillah bisa sampe di episode ini ... Kak menit ini 30:32 kalau menurut saya tida perlu ditambahkan class order karena sebetulnya text nya itu tidak pindah posisi. Itu kelihatan pindah posisi karena alignmenntga berubah. Pas saya coba eksplor dan tambahin tanda di lorem ipsumnya 1 sama 2 ternyata urutannya sudah benar di ukuran sm. Yang jadi masalah tinggal kita ikutin desain dari xd nya saya pun kasih text-sm-start buat yang lorem pertama biar rata kiri, dan text-md-start text-end buat lorem 2 suapaya rata kanan. Terimakasih udah bikin list video bootstrap ya, kak. Penjelasannya mudah dipahami dan asik juga. Membantu banget buat pemula. Hello World Wild Web 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro non ad animi. Illum praesentium labore, fugit harum sint aperiam ratione id nisi totam quis vitae, a saepe quaerat perferendis. Quisquam.z 2 Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro non ad animi. Illum praesentium labore, fugit harum sint aperiam ratione id nisi totam quis vitae, a saepe quaerat perferendis. Quisquam.z

[@CreativeAcademyId]

Mantap Bre 🤙 🔥🔥

[@novyantory-id2406]

Dari dulu masih bingung sama yang namanya lg md sm. Belum lagi udah pake source bawaan bootstrap masih suka bermasalah pas mode tampilan smartphone. Akhirnya paham cara pakainya. Isinya daging semua. Thanks, bro.

[@humamfakhri9691]

Banyak ilmu gratis dari channel ini, subscribe ini mah :)

[@muhammadfadlyfadilla2475]

Terimakasih banyak. Semua ilmu ini sangat membantu perkembangan saya yang kesulitan dalam membuat responsive web

[@aseparipin4416]

nuhun gus dari playlist boostrap penjelasan anda mudah di pahami, semoga makin rame chanel na sing sarukses

[@muhammadaziz8297]

sumpah editannya keren banget

[@kucingdapur2893]

Alhamdulillah ketemu lagi channel bermanfaat.. sangat membantu. Terima kasih bang, jazakallahu khairon .

[@atunadyaCakeuppoll]

ini yg aku butuhkannnnnn, tapi dari dulu ga tau gimana cara nyari kontennya krna gatau hahahah

[@nthz_]

terima kasih ilmunya kak🙏🙏 sangat bermanfaat sekali bagi para web developer pemula haha

[@CreativeAcademyId]

Mantab, Sharing sesama pemula 😀

[@IkbalGunawan]

Nton tutorial di channel ini mudah dimengerti, editan n soundnya jg gokil banget... Bang next tolong bahas "nesting grid" plz

[@CreativeAcademyId]

Sebenarnya nesting grid itu simpel banget kalo udah paham grid system, Tinggal buat row & Col didalam row lagi udah itu aja 😅

[@IkbalGunawan]

@@CreativeAcademyId jadi dilm row-col nya buat row col col baru ya bang?

[@CreativeAcademyId]

@@IkbalGunawan iya betul..

[@aerob4611]

@@CreativeAcademyId untuk ukuran col didalam mengikuti col pembungkusnya???

[@muscotto]

Bagus kak. Teruslah berbagi !

[@temansejati4564]

Suka banget dengan cara penyampaiannya...

[@BangJeyYT]

SARAN BANG, Bahas lebih dalam masalah responsive font / text dong di Bootstrap 5 namanya RSF

[@CreativeAcademyId]

Ditampung 😀

[@iswanhadi8013]

semoga tetap konsisten videonya bermanfaat banget,,,,,,, kadang org kalau subcribernya udh banyak, nggak sebagus video pas subscribernya dikit,,,,,, semoga konsisten bg semangat terus

[@ZikyTM]

bikin tutorial web desin lagi mas model kaya gini.. dengan desain web berbeda

[@CreativeAcademyId]

Oke, Mari join server discord discord.gg/nfTG3wA3

[@marininuraini8757]

Lanjut, Gass ka

[@CreativeAcademyId]

🔥🔥🔥

[@bimaprawangsaputra2005]

bismillahirrahmanirrahim, Saya memulai belajar seri bootstrap pada 21-Juli-2024

[@khuluqinazim]

keren

[@raikagedaud1322]

mantaapp bangggg. makasih😁

[@RIJALPRATAMA-fg3kx]

bang buat penjelasan tentang satuan relativ bang seperti vh,vw,em,rem dll, plisss

[@muhammadkhoirulyahya3483]

Alhamdulilah,akhirnya nemu😁

[@Calibvrn]

Gila sih di break sampe detail banget.

[@lemon_artdraw484]

sangat bermanfaat bro, thank yu so much

[@iqblayutub]

Kalau untuk resposif menu bagaimana yah?🙏🏻

[@muscotto]

Saya sangat sukaaa... Smoga sehat dan sukses slalu ya kak...

[@goocan4595]

Makasih banyak kak, berkat video ini problem sy solved 🙏

[@mohamadihsan5464]

mantap bang, keren ni channel

[@CreativeAcademyId]

🤩

[@sriindarti8336]

Cakep banget, mudah dimengerti.. Tapi saran bang, ngomongnya jangan cepet-cepet

[@CreativeAcademyId]

👌

[@adhiens1307]

nice gan sangat membantu

[@wildanfajarmaulana3491]

Terimakasih mas 👍🏻

[@dafidalfian6041]

Gimana untuk versi layar hp oppo A57 om??? Request buatin dong

[@nandaverafauziani4420]

bang mau tanya, kenapa ya pas buka di desktop udah responsive bisa berubah tampilannya tapi pas dibuka di hp ga ngaruh dan tetep berantakan?

[@suyan2029]

aanjay udah ada endos. nya.

[@fahripraz]

bang apakah bisa dibuat id itu yang di css media screen? jadi kita bisa mendeteksi perangkat apa yang digunain, trus datanya kita masukin ke list javascript

[@CreativeAcademyId]

Kasih id gimana bre, Gua kurang paham pertanyaannya hehe 😅

[@fahripraz]

@@CreativeAcademyId hehe maksudnya dibikin bisa getdocumdntby id di JavaScript nya bang, jadi ane bisa ngasih keterangan gitu.. Misal ada text PC detected

[@PPLDigitalNew]

untuk aplikasi editornya pake apa gan?

[@awjuicecoffee3656]

Pas di coba di hp kok gk bisa di scroll ya? Padahal Pas di inspect elemen mode smarhphone masih bisa di scroll

[@hafidal-qadri4554]

bang sudah set ukuran XS di col nya tapi di ukuran mobile layar potrait tetap ngga ngaruh. mohon petunjuk bang

[@pondokkoding5023]

mas, bahas ttg image couresel dunk mas

[@ibnuwildan3821]

bang mau tanya kalo kita mau input img di dlm kolom,tp pas di input img nya di dlm kolom tsb msh ada space di dlm kolom antara img dan colom, itu bagai mana agar img kita bisa full sesuai dengan kolom tanpa ada space dlm kolomnya ?

[@CreativeAcademyId]

Coba kasih class di kolomnya p-0 atau m-0, atau coba kasik class img-fluid di img.

[@ibnuwildan3821]

@@CreativeAcademyId terimakasih banyak bang informasi dan bantuanya, sangat membatu, semoga semakin sukses dan terus berinovasi buat kontenya

[@muhammaddzakwannaufal4255]

Keren parah

[@CreativeAcademyId]

🙌

[@azmiromzi400]

gila si ini bermanfaat banget

[@ineuguspiani3520]

Hadir

[@jhayewisesa5522]

Bang klok buat web mke bootstrap kok d pinggir kiri-kanan viewportnya ada space dikit ya ? Pdhl widthnya sdh 100%, ato mke container-fluid

[@CreativeAcademyId]

Ada 2 jenis class container, Container biasa bakalan ada space/margin kanan kiri, Kalo pengen full pake container-fluid

[@jhayewisesa5522]

@@CreativeAcademyId ok sya cbk mkasi ya bang 🙏

[@fernandosetiabuditatali6164]

Mau nanya bang klau untuk membuat suatu website atau seluruh bagian website responsive gimana yah bang? contoh nya seperti website A mau dibuat responsive sekaligus dri atas smpai bawah, itu gimana bang? Bisa tolong dijelaskan Terima Kasih...

[@naufalnasrullah6965]

bang di 32:11 itu kan kita make css inline, kalo kita bekerja secara profesional cara gitu tetep dipake bang? apa lebih baik kita masuk ke dalam bootstrapnya dengan kita impor tuh isi bootstrap ke file kita trus kita configure make saas/scss gitu? trus itu saya sering coba di css external kalo kita pake bootstrap sering gabisa cssnya, apa solusinya juga css inline?

[@CyberDeveloperUI]

untuk perubahan size text brarti tetep pakai media queries ya bang ? meskipun udah pakek breakpoint bootstraps

[@Shashaomar_care]

Hallo bang ,, adakah abg buka kelas belajar ??

[@ahmadzulfikar8585]

Mas yang paling sering digunakan dalam kerjaan itu biasanya kodingan yang apa ya?

[@CreativeAcademyId]

Maksudnya gimana nih, Kalo frontend ya, Css, HTML, JS Framework React, Vue, Bootstrap dll.

[@ahmadzulfikar8585]

@@CreativeAcademyId ngga mas, maksudnya di video itu. Biasanya kalo di kerjaan make max width atau min width seringnya?

[@CreativeAcademyId]

Dua duanya di pake, Tergantung kondisinya.

[@PBacktrack]

bang klo saya buat 2 kolom kiri dan kanan ketika di ganti jd layar smartphone maka kolom kiri akan naik dan kolom kanan akan kebawah saya mau buat kolom kanan menjadi di atas gimana ya?

[@CreativeAcademyId]

Pake order & Responsive Breakpoints, Study casenya di video mengenai slicing website portofolio

[@PBacktrack]

@@CreativeAcademyId thank bang saya coba cek dulu

[@hello666sec2]

makasih mas, ini saya mau nanya, ko di drive ga ada file html nya ya mas?

[@achmadjulian74]

Kenapa ya baris kode diatas jika dijalankan di responsive design mode firefox gak bekerja, tapi kalau windows browser nya di perkecil baru berjalan kode nya -edit, ternyata kalau mau pakai firefox harus pakai yang versi develover jangan yang biasa dikarenakan yang versi develover lebih dikhusukan untuk pengembang web

[@CreativeAcademyId]

Mantap 🔥

[@afrianaksa9576]

Cara bedakan firefox developer sama engga apa bg ??

[@achmadjulian74]

@@afrianaksa9576 paling mudah dilihat icon di desktop, kalau firefox dev version warnanya biru dan juga inspect halaman warnanya default hitam, kalau yang biasa inspect halaman warnanya default putih

[@abing4288]

bang mau nanya dong,klo device hp 500px yg sm itu gamasuk ya berarti?

[@CreativeAcademyId]

Biasanya 500 untuk hp landscape/ tab

[@ariefsiswi]

Mas saya buatkan web nya saja, kira2 biaya berapa ?

[@CreativeAcademyId]

Tergantung spec, DM Ig

[@Ahmad.Nurfatah]

bang mau nanya kalo lebar layar HP yg portrait berapa px ya?

[@bubarkankpi4008]

bang buatin aje dong langsung htmlnya jadi biar gambarnya aje yang gue edit jadi kan gampang

[@ptraandre9619]

26:23 maksud dari 6 kolom kanan dan 6 kolom kiri itu apa y kak

[@novyantory-id2406]

Kan total grid itu 12, bang. Nah, sama dia mau dibuat 6 kolom 6 kolom di mode tabletnya 6 kolom untuk foto, 6 kolom untuk teks. Biar buttonnya pindah kebawah.

[@bachrulpanjigumilang3821]

bang discord ya gak bisa ya bang ?

[@inspirepixel6521]

bang buat tutorial untuk objek motion grafik agar wesbite memiliki exsperience yang baik, bisa ga ya kira kira>..BTW sy udh nonton + mengikuti + Sub, thanks

[@CreativeAcademyId]

Mungkin seperti animation di CSS.., Atau pake javascript..

[@nestchannelupdate1798]

mungkin maksudnya pake adobe effect atau davinci resolve ya... ide bagus juga nih bro... lebih profesional, dan pastinya keren dah.

[@bukiromst8836]

buat desain nya pakai software apa?

[@CreativeAcademyId]

Adobe XD

[@fahripraz]

22:02 bang mo nanya cara biar barengan gitu gimana?

[@CreativeAcademyId]

Alt + Click(seleksi)

[@metronews1117]

Kalau ada nomor hp nya bang.. Saya mau perbagus tampilan website

[@CreativeAcademyId]

Email [e-mail] Atau DM ig aguscreative.id

[@lambacemenono6279]

Keren bang,, ada nmr WA nya ga?

[@CreativeAcademyId]

DM ig aguscreative.id

[@zenzren9366]

kok ada aktivate window bang ?

[@NveuFX]

Emang kenapa bro

[@cugej2387]

source codenya dimana ya

[@CreativeAcademyId]

In video description.

[@cugej2387]

@@CreativeAcademyId the type of the file is xd? Should i export it first?

[@CreativeAcademyId]

drive.google.com/file/d/1yNCBLchsGJqvF_V0o30oU-GEBo2NXCAx/view?usp=drivesdk

[@CreativeAcademyId]

Udah saya update dibatas..

[@cugej2387]

@@CreativeAcademyId okee makasihh kak

[@dgenerationx5220]

Ithu ethu bhaasha

[@adelsmm9891]

Judul lagunya apa si bang yg tetetetrtt

[@CreativeAcademyId]

Coba nyanyiin lagi bang belum jelas 😅

[@juniforu5441]

6:26

[@juniforu5441]

8:39

[@juniforu5441]

8:56

[@juniforu5441]

9:56 10:02

[@juniforu5441]

10:09 10:34

[@juniforu5441]

13:30 16:24

[@irfankurniawanS]

Huaaa web ku hancur T_T

[@CreativeAcademyId]

Try Again 😂

[@abucorporate6582]

windows kenapa, sebelah kanan pojok wkwk

[@CreativeAcademyId]

License..? 😬