css value and unit : value : integer : angka bilangan bulat, number : angka tapi bilangan bisa pecahan persen : persenan, merepretamsikan value terntentu dan relative dgn pembungkusnya tertentu dimension : nilai yang digabungkan degan satuan di belakangnya, turunanya : ( lenght,angle,time,resolution ) seperti angel = 30deg, time = 300ms = 0.3 s lenght = absolute/ fixed = ukurannya udah pasti tetap, relative = bisa berganti ganti sesuai pada hubungan terhadap sesuatu lenght absolute = px,cm,mm, etc px = website di media seperti tablet,hp,computer,dekstop pt = halaman buat di print ke kertas lenght relative : % = relative terhadap pembungkusnya ch = relative terhadap lebar karakter 0 dari font yang digunakan untuk placeeholder yang gak tau tulisan karkater ada berapa misalnya dari database/inputan dari user, 60ch = ukuruan gak lebih dari 60 character dari sebuah elemen em = relatif terhhadap ukuran font yang sedang digunakan oleh elemennya seperti ukuran pembungkusnya = dasar dari ukurannya rem = relatif terhdap font root html. html = 100px, 1em = 100px, 2em = 200px ( relative terhadap root ) vh vw = lebar atau ukuran dari layar saat itu ( phone , komputer ) 1vh = 1% dari tinggi viewport 100vh = elemen box akan memenuhi layar window maupun browser dipanjangi/ dibuka pakai device apapun, elemen memenuhi secara 100vh/100% dari dan diatur oleh browser dan berfungsi di semua device ( jenis hp,laptop dll ) vmim = height 100 vmin = tinggi elemen yang 100% dari ukuruan viewport yang minimal ( menjalankan ukuram yang lebih kecilnya ) layar yg oaling kecil.dari hp = jorizomtal, vmin = layar horizontal vmax = menjalankan ukuran dari viewport terpanjangnya ( lebarnya menyesuaikan dengan ukuruan tinggi maksimalnya )
sebelum ada video ini saya selalu bingung bagaimana sebuah css unit itu bekerja tapi setelah adanya video ini saya jadi terbantu untuk memahami bagaimana sebuah css unit bekerja. terima kasih pak sandhika 👍🏻
Saya Azhar Ozhi Saputra dari Mahasiswa Universitas Semarang berterima kasih pada bapak sandhika. Sempat bingung mau melangkah yang mana, tapi setelah mengikuti bapak, Alhamdulillah sudah ada tujuan ke depan. Sekarang saya mengimplementasikan hasil belajar saya buat desain frontEnd dan ini juga lagi buat tutorial buat youtube hehee... Sekali lagi makasih bapak sandhika, sehat selalu :)
video anda benar" membantu saya., kalau bisa saya request bang, CI4 login system komplit dengan validasi juga mysql di CI4 join, group, order., terima kasih
Pak izin bertanya, jika kita ingin membuat sebuah website dan website tersebut sudah berhasil kita buat, lalu bagaimana caranya memasukkan atau mendaftarkan website kita itu ke google agar dapat di akses oleh orang-orang? Kalau bisa bikinin vidio penjelasannya ya pak, yg setuju tolong bantu like
#ask Saya kan buat website pake example dari bootstrap yang album, saya ganti bg dan thumbnailnya menggunakan embed link youtube, ketika dicoba di putar malah "video tidak tersedia" ketika html dibuka di desktop layout normal, tapi ketika di mobile malah berantakan kira kira gimana solusinya?
Halo Pak, playlist CSS Unit ini termasuk urutan belajar di playlist "Jalur Belajar Front End Dev" gak Pak?? Kalau iya, boleh request dimasukkan di playlist "Jalur Belajar Front End Dev" donk Pak, biar gk bingung buat pemula... dan mgkn ada beberapa playlist yang belum dimasukkan untuk bisa dimasukkan supaya enak belajarnya gak kecampur2 hehehehe.... makasih banyak Pak Sandhika
Saya sering pake vh vw apalagi kalau buat digitalsignage versi HTML lebih minim ketemu layout ngaco karena device2 yang berbeda. Pak tanya dong , best practice untuk migrasi dev ke prod untuk database bagaimana ya, bila terdapat perubahan skema pada db devnya? Nuhun,
Pak Sandika, saya punya pertanyaan: Kan banyak penyedia layanan membuat website yang bagus, simple dan tanpa ngoding. Apa kita para programer web (khusunya front end) masih di butuhkan? Jika berkenan tolong dong pencerahanya Pak
Masih dibutuhkan, walaupun sudah banyak penyedia layanan membuat website, masih perlu Kustom website sendiri, agar unik dan punya ciri khas sendiri, dan untuk mengkustomnya butuh pemahaman bahasa pemrograman...
Pak buat member dong diyoutube, nanti disana isinya konten tentang web development dengan standard kurikulum yg disesuaikan kebutuhan dunia kerja. Jadi kita yg belum pernah nyemplung didunia industri kususnya dalam bidang IT 4.0, skill2 apa saja yg harus dipelajari hingga siap eksekusi nanti. Insyaallah saya siap jadi member aktif nya pak karena emang penasaran apa2 saja skill yg dibutuhkan dan harus dipelajari. Terimakasih #salamtitikkoma
![[ ออกกอง ] วัยหนุ่ม 2544 โลกหลังลูกกรง..ทัวร์กองถ่ายหนังใน "คุกของจริง" | JUSTดูIT.](http://i.ytimg.com/vi/vB--aOkZCpw/mqdefault.jpg)
salut sama pak dika😭 materi yang rumit dijelasinnya santai dan mudah dipahami, sehat terus pak panjang umur pak ilmunya sangat bermanfaat🙏🙏
Masya allah, semoga pak dika juga selalu sehat supaya bisa terus membagi ilmunya
css value and unit :
value :
integer : angka bilangan bulat,
number : angka tapi bilangan bisa pecahan
persen : persenan, merepretamsikan value terntentu dan relative dgn pembungkusnya tertentu
dimension : nilai yang digabungkan degan satuan di belakangnya, turunanya : ( lenght,angle,time,resolution ) seperti angel = 30deg, time = 300ms = 0.3 s
lenght = absolute/ fixed = ukurannya udah pasti tetap, relative = bisa berganti ganti sesuai pada hubungan terhadap sesuatu
lenght absolute = px,cm,mm, etc
px = website di media seperti tablet,hp,computer,dekstop
pt = halaman buat di print ke kertas
lenght relative :
% = relative terhadap pembungkusnya
ch = relative terhadap lebar karakter 0 dari font yang digunakan untuk placeeholder yang gak tau tulisan karkater ada berapa misalnya dari database/inputan dari user, 60ch = ukuruan gak lebih dari 60 character dari sebuah elemen
em = relatif terhhadap ukuran font yang sedang digunakan oleh elemennya seperti ukuran pembungkusnya = dasar dari ukurannya
rem = relatif terhdap font root html. html = 100px, 1em = 100px, 2em = 200px ( relative terhadap root )
vh vw = lebar atau ukuran dari layar saat itu ( phone , komputer ) 1vh = 1% dari tinggi viewport
100vh = elemen box akan memenuhi layar window maupun browser dipanjangi/ dibuka pakai device apapun, elemen memenuhi secara 100vh/100% dari dan diatur oleh browser dan berfungsi di semua device ( jenis hp,laptop dll )
vmim = height 100 vmin = tinggi elemen yang 100% dari ukuruan viewport yang minimal ( menjalankan ukuram yang lebih kecilnya ) layar yg oaling kecil.dari hp = jorizomtal, vmin = layar horizontal
vmax = menjalankan ukuran dari viewport terpanjangnya ( lebarnya menyesuaikan dengan ukuruan tinggi maksimalnya )
izin copas bg
Mantap emang pak Dika ni,, jelas banget cara jelasin nya. Terima kasih ilmunya pak
sebelum ada video ini saya selalu bingung bagaimana sebuah css unit itu bekerja tapi setelah adanya video ini saya jadi terbantu untuk memahami bagaimana sebuah css unit bekerja. terima kasih pak sandhika 👍🏻
Mari belajar pelajaran baru lagi .. Terima kasih pak Dhika
Langsung nonton anti skip iklan ♥️
kebetulan lagi mau cari info soal vh, karna abis nemu css isi vh, trimakasih pak, smoga sehat selalu
cuma pak dika yg jelasin enak banget dimengerti.
Baru kemarin kebingungan skrng udah di bikin vidio ini, terbaik pak👌
Alhamdulillah dapat ilmu baru di video ini, makasih banyak pak, semoga sehat terus 😁
terimakasih pa sandhika saya belajar hal baru hari ini
terima kasih pak,,,penjelasnnya luar biasa,,dosen online terbaik
Makasih pak, akhirnya saya tau vmin dan vmax, waktu itu pernah belajar, agak kesulitan, akhirnya paham disini wkwk
Senang banget nonton tutorial dari pak sandhika galih
Bisa pas gtu lgi cari penjelasan value em dan vh
Dpt notif dong
Makasih pak sandika
Selalu jelas kalau menjelaskannya pak dhika, Terima Kasih oak dhika, sukses dan sehat terus pak dan selalu membagi ilmunya..God Bless
selamat ulang thn pak sandhika semoga panjang umur sehat selalu.. content nya tambah 👍
Terima kasih pak, pas banget lagi cari materi satuan responsive
Saya Azhar Ozhi Saputra dari Mahasiswa Universitas Semarang berterima kasih pada bapak sandhika. Sempat bingung mau melangkah yang mana, tapi setelah mengikuti bapak, Alhamdulillah sudah ada tujuan ke depan. Sekarang saya mengimplementasikan hasil belajar saya buat desain frontEnd dan ini juga lagi buat tutorial buat youtube hehee...
Sekali lagi makasih bapak sandhika, sehat selalu :)
maksudnya bingung melangkah kemana itu apa ya?
@@yukning2415 mungkin Abang nya bingung mau milih karir apa
video anda benar" membantu saya., kalau bisa saya request bang, CI4 login system komplit dengan validasi juga mysql di CI4 join, group, order., terima kasih
up
wah ini requestan saya. akhirnya...
btw vh vw sangat membantu ketika membuat menu navigasi mobile.
Akhirnya yang di tunggu
Terimakasih ilmunya pak
Mantap...semoga Mas Dhika sehat selalu.
terima kasih materinya p dika ditunggu materi selanjutnya :)
sama mau request cara membuat aplikasi desktop yang terintegrasi dengan hosting
Terima kasih pak, ditunggu video css unit yang lanjutannya
Terimakasih pak, ilmunya sangat bermanfaat sekali. Penjelasannya jelas dan mudah dipahami 👍🏻
Akhirnyaaaa materi ini yang ane tunggu sejak doloe kala
Pak, request tutorial framework JavaScript dong hehe
React native pak
betul pak, untuk Tutorial React native nya ditunggu ya pak🙏
terima kasih pak ilmunya🙏
Ini dia yang ditunggu tunggu. Terima kasih pak, sehat selalu. Auto like
gokilll pakk sandhika!, thank you banget udah jelasin ini,.sangat membantu!
Pak request video penjelasan dan fungsi dari Webpack. Terima kasih
Terima Kasih Pak ,ilmu nya sangat bermanfaat 🙏
Yang selalu di tunggu-tunggu semoga sehat selalu pak
Terima kasih pencerahannya padikaa
kak aku mau belajar tentang cara penggunaan touch event, mungkin bisa bantu dijelasin hehe
akhirnyaa, terimakasih pak dika. semoga sehat" selalu ya
semoga sehat dan sukses selalu pak dika
Terima kasih atas tutorialnya pak Dika. 🙏🏻
sederhananya, em itu bisa diibaratkan kita relative terhadap ibu
sedangkan, rem kita relative terhadap nenek
Request tutorial multi user sesuai id masing2 user dong bang
Mantap pak , makasih banyak pak ilmunya 🙏
Bang buatin tutorial multi user sesuai id dong di ci atau laravel bang
Terimakasih pakk dika, buat video CSS CALC PAKK
Sangat bermanfaat.
Ditunggu juga tutorial React nya pak hehe..😊🙏
Pak request ulas flutter juga, kalau bapak yang ngejelasin enak
Mantap pak🙏. Sering sering pak 🙏
pak dika, buat grup telegram dong buat sharing solving codingan di video pembelajaran kalau ada yang error
Mantab Pak Sandhika 🙏
Wah mantap, pak request penggunaan datatables serverside. Terima kasih.
Pak,Ijin Request
Bahas Css Selector yang lebih lengkap
Semangat pak dosen
Pak izin bertanya, jika kita ingin membuat sebuah website dan website tersebut sudah berhasil kita buat, lalu bagaimana caranya memasukkan atau mendaftarkan website kita itu ke google agar dapat di akses oleh orang-orang? Kalau bisa bikinin vidio penjelasannya ya pak, yg setuju tolong bantu like
assalamuallakum pak sandika..saya mau request tutorial membuat aplikasi kasir pak menggunakan php ..ini sangat banyak di cari di internet..trimakasih
tim notif auto nonton..
Videonya bermanfaat pak, terimakasihh
Makasih banyak bang..
Sukses selalu.
#ask
Saya kan buat website pake example dari bootstrap yang album, saya ganti bg dan thumbnailnya menggunakan embed link youtube, ketika dicoba di putar malah "video tidak tersedia" ketika html dibuka di desktop layout normal, tapi ketika di mobile malah berantakan kira kira gimana solusinya?
Makasih Pak Dika
Pak tolong di buat kan tutorial membuat toko online dengan blogspot atau wordpres
Terimakasih 🙏🙏😀😀
Boleh di coba tuh zyro 😅
Halo Pak, playlist CSS Unit ini termasuk urutan belajar di playlist "Jalur Belajar Front End Dev" gak Pak?? Kalau iya, boleh request dimasukkan di playlist "Jalur Belajar Front End Dev" donk Pak, biar gk bingung buat pemula... dan mgkn ada beberapa playlist yang belum dimasukkan untuk bisa dimasukkan supaya enak belajarnya gak kecampur2 hehehehe.... makasih banyak Pak Sandhika
selamat malam pak sandika ,
apakah ada video yang membahas tentang SEO di dalam framework ?
Bikin tutorial Flutter dong pak dika.
Pak shandika galih, tutor "Excel Macro" dong pak 😁🙏
Terima kasih pak
sukses dunia akhirat pak
Saya sering pake vh vw apalagi kalau buat digitalsignage versi HTML lebih minim ketemu layout ngaco karena device2 yang berbeda.
Pak tanya dong , best practice untuk migrasi dev ke prod untuk database bagaimana ya, bila terdapat perubahan skema pada db devnya?
Nuhun,
Bang bahas filter Ci4 dong
Phi dalam konteks itu nilainya 180 derajat kak
Pak request tutorial reactjs
Yang setuju like
Pak ini playlistnya belum dibuat ya?
Pak Sandika, saya punya pertanyaan:
Kan banyak penyedia layanan membuat website yang bagus, simple dan tanpa ngoding.
Apa kita para programer web (khusunya front end) masih di butuhkan?
Jika berkenan tolong dong pencerahanya Pak
Masih dibutuhkan, walaupun sudah banyak penyedia layanan membuat website, masih perlu Kustom website sendiri, agar unik dan punya ciri khas sendiri, dan untuk mengkustomnya butuh pemahaman bahasa pemrograman...
@@haziquin tq bro
Pak buat member dong diyoutube, nanti disana isinya konten tentang web development dengan standard kurikulum yg disesuaikan kebutuhan dunia kerja. Jadi kita yg belum pernah nyemplung didunia industri kususnya dalam bidang IT 4.0, skill2 apa saja yg harus dipelajari hingga siap eksekusi nanti. Insyaallah saya siap jadi member aktif nya pak karena emang penasaran apa2 saja skill yg dibutuhkan dan harus dipelajari. Terimakasih #salamtitikkoma
Nahhh setuju bangeetttt!!!
up
up
up
up
up
up
up
itu yang unit vh enak buat slider di tampilan awal ya pak, soalnya dulu2 biasanya make % saya
update terus pak videonya
salam sukses
Semut hadir
Sekian lama aku menunggu materi LARAVEL yang baru😭
@sandhikagalih
mungkin karna laravel updatenya cepet bgt
pak dika kapan bikin series FrameWork JS? hehe
Pak, bahas scss, stylus atau sass dongg
Em kalau element parent nya tidak d definisikan makan secara otomatis ukurannya 1em = 16px. Begitu bukan pak??
Pak cara menghilangkan id= diurl. Gimana ya pak? Mobon pencerahannya
Pak, kedepan ada rencana mau bikin playlist framework Javascript React ngga?
wiih, pa sandhika tampil beda nih sekarang :v
keren pak, terimakasih
Pak mau nanya kalau os windows bisa ga dirubah menjadi linux
sugoi
Always Useful
Mantapp gan!
Pak Dika tutorial animasi scrolll dan vieww😅
dikasih timestamp di deskripsi 👍
keren sekarang bisa diklik soalnya 😊
kenapa unit percentage ga bisa di kasi transition ya?
Pak mau tanya, itu yang em sama rem kalau ngga ada induknya dia bakal ikut kemana? Atau emang harus ada induk px nya?
kalo ga ada induknya, pasti ngambil nilai default yaitu 1em / 1rem = 16px
mantap
Melihat iklan zyro, aku lngsng close video ini :v
Merasa tidak berguna wkwkwkw
Mantep pak
Pak bikin tutorial React Js dong
ijin pak.. apakah layanan pembuatan website dengan mudah seperti zyro itu akan berpengaruh pada penggunaan jasa web developer pak?
Bang @media (max-width 768){
.mobile-media{
Display: block;
}
}
Ga nyambung knp yah,,?
bang tutorial MERN Stack dong hehe