Yang tadinya saya awan dan gak Thu yg namanya Html & Css dll semenjak sering nonton dan sering saya peraktek kan Alhamdulillah sekarang Sudah sedikit paham baru satu Minggu nonton terima kasih mas
Saya jadi semangat mempelajari tentang web desain setelah tau channel ini terimakasih banyak pak dhika. sukses selalu buat channel Web Programming UNPAS.
Maaf izin tanya pak di menit 26:10 utk membuat li sejajar knapa tidak menggunakan display: inline-block; ,knapa bpk lebih memilih menggunakan float: left; mohon penjelasannya pak ?
@@holy2001 display flex itu, ada materi baru lagi. Sebenernya display gak cmn 3 setau gw, ada beberapa tambahan lagi kayak : Display : flex Display : grid
pak, itu kenapa (29:14) cssnya .gallery li span ? kan li di dalam ul, bukan harusnya .gallery ul li span? bedanya apa pak? kapan harus dimasukkan kapan tidak? sedangkan, .gallery span? kan bisa juga pak?
mau tanya,. Kok pas saya ngasih border, gambar yg ada didalam div tiba2 ada ruang sisa tidak seperti punya pak sandika yg langsung ke cover tanpa ruang sisa? sudah saya coba pakai text-align, margin dsb tetep gak bisa.. terima kasih
Selamat malam Pak Dika dan temen-temen lainnya. Saya Mau bertanya, saya ada kasus teks dalam nya tidak muncul semua atau hanya sebagian. Bagaimana supaya bisa muncul semua ya padahal font-sizenya sudah diperkecil? terima kasih
bang ada dika, boleh minta ajarkan membuat website degn menggunakan cms ndk? kami ada tugas ne makasih bang. saya dah banyak download video abng ne cuman cms yang belum ada
kang Sandhi, mau nanya dong...kenapa gak ngerubah nya jadi inline-block aja daripada diganti positionnya ? makasih sebelumnya....btw video2nya amat sangat membantu, matur suwun kaang :)
pak kalo .gallery li, .gallery li img, .gallery li span { border-radius: 50%; } di jadikan satu jika ditampilan yang full akan menjadi bulat juga trus gmina pak??
pak, disaat saya menambahkan gambar, itu ga pas ditengah dan ada space diantara border sama gambarnya gimana pak? sudah saya akalin pake width sama kayak gallery nya??
hallo mas Dhika, saya coba menerapkan tutorial ini ke file tutorial portfolio dengan bootstrap (NGOBAR) namun setelah link reset CSS dimasukan ke html smua font jadi berubah pak dan pading marginnya juga berantakan? apa untuk membuat Lightbox itu diperlukan reset CSS ya?
selamat malam pak, adakah refrensi situs untuk mengecek codingan kita apa sudah benar secara struktur? atau dalam membuat hal seperti ini kita bisa bebas explorasi tanpa memikirkan strukturnya? Terimakasih
Bang sandhi.. perbedaan sintaks float dan display: inline-block apa ya? kan hasilnya sama tpi perbedaannya pada float, maka parentnya akan collapse, sedangkan inline-block gak, rekomendasinya lebih bagus gunakan yang mana bang?
permisi pak dika mau tanya. itu kan di pak dika dijelaskan harus memakai clear.. menurut bapak optimal menggunakan clear atau untuk posisinya di container menggunakan absolute?
pak dika mau nanya kok saya pas tulis rgba udah ngikutin dari awal tutorial kok ilang ya tulisa rgba nya di code editor tapi hasil di browser sama ? apa ada yg salah di code editor atau gimana ya pak
Pak shandika kok di saya ukuran gambar dengan ukuran span nya gak sesuai pak.. malah ukuran span nya lebih ke kiri di bandingkan dengan image nya.. mohon penjelasan nya🙏 Trimakasih pak
udah ngikutin sampai selesai video ini, hasilnya ko titik list( bullet list ) ga hilang seperti yg dibuat pak sandhika ya??? solusi yg saya temukan dengan menggunakan ( list-style: none; ) di ( .galeri li ) yg saya ingin tanyakan bagaimana caranya bisa hilang list( bullet list ) seperti yg dibuat pa sandhika di video ini tanpa menggunakan ( list-style: none; ) di ( .galeri li )? terima kasih.
Kok pas ngasih hover di .gallery li a:hover span di kasih opacity 1, di browser ga terjadi apa2. pas gallery li span di kasih transition : 1s hovernya muncul pas di klik lalu hilang lagi. Kira2 knp ya padahal css saya pastiin mirip bgt. (Menit 33.08) Ada yg bisa bantu kah?
Mas sandi mau tanya, saya kan mau menampilkan banyak gambar di gallerinya, cara memisahkan jarak antar gambar baris 1 dan baris 2 gimana ya, ini rapet banget. Trims
Mas dhika, saya mau tanya. Saya lihat menu navigasi di situs ptpn3.co.id semula sekitar 20px dibawah logo perusahaan. Ketika di scroll kebawah, menu tersebut berhenti paling atas. Untuk menempatkan menu navigasi agar tidak bergerak, saya tau pakai position fixed. Tapi jika dari bawah, lalu berhenti, seperti situs ptpn3.co.id bagaimana mas. ?
itu bisa menggunakan javascript / jquery.. untuk menentukan ketinggian halaman, di ketinggian tertentu nanti sebuah elemen kita kasih kelas tertentu.. contoh tutorialnya mirip dengan NGOBAR#3
Terima Kasih Pak Dhika karena sudah membagikan ilmu ini secara gratis
Semoga Pak Sandhika selalu diberikan kesehatan dan tidak berhenti untuk sharing ilmu-ilmunya:D
Yang tadinya saya awan dan gak Thu yg namanya Html & Css dll semenjak sering nonton dan sering saya peraktek kan Alhamdulillah sekarang Sudah sedikit paham baru satu Minggu nonton terima kasih mas
makasih banyak ilmunya pak.... semoga bapak selalu dalam lindungan Allah dan berkumpul di akhirat kelak bersama nabi dan kekasih-Nya
videonya durasinya lama tapi sangat berbobot dan semuanya penting (y)
terimakasih Aldy.. 🙂
mantap comentnan mu
Terima kasih Pak Dhika karena sudah sharing ilmunya secara gratis
Mantapp banget ngejelasinnya .. sukses terus mas
inspiratif.....keren... bener bener berkah..ilmunya... cocok kalau punya buku mas andre pratama..trs liat penjelasan dari pak dika.. dah klop banget..
Alhamdulillah bisa nemu chanel bermanfaat . . . .
Mengerikannn,, sangat jelass pemaparan nya 🙏🙏
Saya jadi semangat mempelajari tentang web desain setelah tau channel ini terimakasih banyak pak dhika.
sukses selalu buat channel Web Programming UNPAS.
Terimakasih banyak pak awal2 memang sulit dipahami, setelah mengulang2 dan mencoba berkali2 baru paham.
terima kasih atas Prakteknya pak Semoga makin Semangat Bikin videonya
Thank you mas....pembelajaran yg luar biasa..
penjelasannya enak bener mas dika, jadi mudah mempelajarinya
Terimakasih marianto.. :)
Alhamdulillah, mantap pak 👍
Lumayan panjang videonya pak..
izin save untuk ditonton nanti malam, mumpung di kantor ada jaringan Wifi... :D
Keren a, izin sedot ilmunya ya :)
Nuhun Rul.. mangga silahkan.. :)
makasih banyak, sukses saya buat ini :))
Makasih banyak Pak ilmunya, benar-benar bermanfaat. Sukses terus Pak
ditunggu part 2 nya.. :)
mantap bang 🤗
Terima kasih Mas Sandy....atas panduannya.saya tunggu video selanjutnya.....
videonya panjang tapi membantu sekali lihat sampai habis dan jangan lupa di like
terimakasih ya agus.. :)
Mantap pak, izin download yakk
wuihhhh 2021 masih seru nontonnya:) thanks kak
Maaf izin tanya pak di menit 26:10 utk membuat li sejajar knapa tidak menggunakan display: inline-block; ,knapa bpk lebih memilih menggunakan float: left; mohon penjelasannya pak ?
sudah di jawab dikomen dibawah, bisa bisa saja katanya
mantap bang 👍, buat tutor tentang ecomerce dong bng dika 🙏
Mas ada rencana mau buat tutorial untuk javascript? :D
Sejauh yang saya coba, tutorial mas shandika yang lebih paling lengkap dan mudah dimengerti.
Terimakasih Ahmad.. insyaallah javascript akan dibuat.. ditunggu aja ya.. :)
@@sandhikagalihWPU yang sesi codingnya pak
kereeeeeeen...
langsung d terapin nih di blog saya.. :D
ditunggu untuk yg light box nya pak yaa...
trimakasih pak..
sama2 Azwansyah..
mana dong blognya, saya pengen liat.. :)
Web Programming UNPAS hehe.. template download kok pak, cuma saya modif lagi..
azwansyahlubis.blogspot.co.id
Makasih banyak pak Dika
Sehat selalu pak
terima kasih bang.
videonya sangat membantu saya.....
wadaw mantap kali view nya sampai ratusan ribu
Amazing advice wow
Saya suka kontennya pak sandhi, mudah dipahami. Tetap semangat terus pak ngajarnya! :)
The truth is that the unknown scares all of us, but we just have to practice so we can get well with the software.
26:23 make kayak gini gpp kan bang
width: 50px;
height:50px;
border-radius: 50%;
overflow: hidden;
margin-top:-10px;
margin-left: -20;
border: 1px solid black;
display: inline-block;
mantep kubu inline-block
kak, buatin tutorial lightbox untuk bootstrap dong
bismillah semoga bisa
32:18 yang textnya 2 baris tambah property display : flex sama align-item: center di spannya :D
thankyou
Kenapa flex? display kan ada 3 value: inline, inline-block, sama block. Apa itu beda? Apa gimana (nanya)
bro benerin punya gue bisa?
@@holy2001 display flex itu, ada materi baru lagi. Sebenernya display gak cmn 3 setau gw, ada beberapa tambahan lagi kayak :
Display : flex
Display : grid
@@aanesiyaa bisa aj sih
terimakasih paaakk:))
tutorial grid responsive dong pa dika :'v tanpa framework. Di channel lain bahasa inggris semua ey...
23:03 wed, 20, apr. udah malem aja
bang ditungggu next tutor
Siap Malyk! :)
26:42 bisa juga pakai teknik micro clearfix
Keren
Yang error' coba file cssnya satu aja terus kasih reset css nya di bagian atas style css kalian
contoh
(Taruh resetnya di sini)
/*Style*/
Style kalian
pak, itu kenapa (29:14) cssnya .gallery li span ? kan li di dalam ul, bukan harusnya .gallery ul li span? bedanya apa pak? kapan harus dimasukkan kapan tidak? sedangkan, .gallery span? kan bisa juga pak?
mau tanya,. Kok pas saya ngasih border, gambar yg ada didalam div tiba2 ada ruang sisa tidak seperti punya pak sandika yg langsung ke cover tanpa ruang sisa? sudah saya coba pakai text-align, margin dsb tetep gak bisa.. terima kasih
sore pak dika.. tutorial database nya donk pak, MySQL hehe
I love you pak
Selamat malam Pak Dika dan temen-temen lainnya. Saya Mau bertanya, saya ada kasus teks dalam nya tidak muncul semua atau hanya sebagian. Bagaimana supaya bisa muncul semua ya padahal font-sizenya sudah diperkecil? terima kasih
maaf bang, saya sudah mencoba untuk mengganti fontnya. tetapi dengan format ttf. itu supaya bisa tampil gimana ya? makasih sebelumnya. sukses selalu
Bismillah saya start css 25/01/2024, Tunggu saya bulan/tahun depan!
qt senasib bang
WKAOAWKOKWAO MANTAPP
Tq banget buat mas sandikha tutornya sangat membantu. Saya mau nanya nih mas, penjelasan clear itu apa ya? fungsi dan penggunaannya untuk apa aja.
clear itu untuk menghentikan efek dari properti float.. coba kamu cek deh video saya yang ini : ua-cam.com/users/edit?o=U&video_id=6gZ9WFwxRNY
di tunggu javascriptnya bangggggg
nice
Ini bisa pake flexbox ga om,di vidio pake float
Wauw mantaps banget pa dhika, btw disini belum make flexbox ya?
Belum
bang ada dika, boleh minta ajarkan membuat website degn menggunakan cms ndk? kami ada tugas ne
makasih bang.
saya dah banyak download video abng ne cuman cms yang belum ada
selamat malam pak sandika izin bertanya kenapa thumbs nya lebih besar dari pada bulatannya? padahal ukuran 120px
kang Sandhi, mau nanya dong...kenapa gak ngerubah nya jadi inline-block aja daripada diganti positionnya ? makasih sebelumnya....btw video2nya amat sangat membantu, matur suwun kaang :)
nah pertanyaannya sama. thanks
Gak ush terikat, setiap orang punya solusi penyelesaian masalahnya masing2.
Pak, mau tanya itu bisa nggak di tambahkan dengan koneksi database?
pa bahas tentang java script nya juga dong
pak kalo .gallery li,
.gallery li img,
.gallery li span {
border-radius: 50%;
}
di jadikan satu jika ditampilan yang full akan menjadi bulat juga trus gmina pak??
Kak, membuat album musik dengan oop php udah ada ?
mantap tutorialnya mas,, mas mau nanya kalau tulisannya 2 baris supay bisa ditengah2 bagaimana caranya ya
kak tolong buatin video cara menambahkan jumpbrake seperti baca selengkapnya atau yang lainya menggunakan css
Mantap, bisa minta coding ya, untuk belajar
pak saya pakai clear fix di gallery tetapi kok setting untuk thumbnailnya kembali ke asal lagi?
pak, disaat saya menambahkan gambar, itu ga pas ditengah dan ada space diantara border sama gambarnya gimana pak? sudah saya akalin pake width sama kayak gallery nya??
hallo mas Dhika, saya coba menerapkan tutorial ini ke file tutorial portfolio dengan bootstrap (NGOBAR) namun setelah link reset CSS dimasukan ke html smua font jadi berubah pak dan pading marginnya juga berantakan? apa untuk membuat Lightbox itu diperlukan reset CSS ya?
Tidak usah direset lagi, karena bootstrap sudah melakukan reset..
Oya mas benar, setelah saya cek dokumentasi bootstrap ada bagian normalize nya :)
selamat malam pak, adakah refrensi situs untuk mengecek codingan kita apa sudah benar secara struktur? atau dalam membuat hal seperti ini kita bisa bebas explorasi tanpa memikirkan strukturnya? Terimakasih
sudah tau belum mas? kalo sudah boleh lahh bagii infonyaa kwkw
@@hafidhnfn blm tau saya
@@Antoooreal sekarang sudah tau mas?
Bang sandhi.. perbedaan sintaks float dan display: inline-block apa ya? kan hasilnya sama tpi perbedaannya pada float, maka parentnya akan collapse, sedangkan inline-block gak, rekomendasinya lebih bagus gunakan yang mana bang?
udah ketemu jawabannya belum? saya jg bingung bedanya apa hehe
@@MohammadaAprilianto sama hahah
permisi pak dika mau tanya. itu kan di pak dika dijelaskan harus memakai clear.. menurut bapak optimal menggunakan clear atau untuk posisinya di container menggunakan absolute?
jika menggunakan float, sebaiknya menggunakan clear untuk merapihkan posisinya kembali
Klu membuat galeri video + lightbox dgn html n css3 bsa gak ?
pak dika mau nanya kok saya pas tulis rgba udah ngikutin dari awal tutorial kok ilang ya tulisa rgba nya di code editor tapi hasil di browser sama ? apa ada yg salah di code editor atau gimana ya pak
Pak shandika kok di saya ukuran gambar dengan ukuran span nya gak sesuai pak.. malah ukuran span nya lebih ke kiri di bandingkan dengan image nya.. mohon penjelasan nya🙏
Trimakasih pak
pak sandi, kok saya gk bisa 2 slash di img src,? cmn bisa 1 slash.
bang sandi , ak mau tanyaa.. itu ketika saya refresh kok transisi nya auto berjalam yaa ?? gimana solusinyaa
kenapa pas saya target overlay nya gambar yg fullnya jd ikut bulat ya bkn kotak ?
ka ini harus download css3 nya dulu ya, kalo bikinnya di notepad++ ga bisa?
gak perlu ada yang didownload Fin, selama browsernya pake browser baru harusnya ga ada masalah mau pake notepad biasa pun.. :)
Di saya . File note found setelah overlay. Dan file yg d panggil overlay. Malah kecil ke ikut style dari LI... Pening aku
Ijin save video videonya
udah ngikutin sampai selesai video ini, hasilnya ko titik list( bullet list ) ga hilang seperti yg dibuat pak sandhika ya???
solusi yg saya temukan dengan menggunakan ( list-style: none; ) di ( .galeri li )
yg saya ingin tanyakan bagaimana caranya bisa hilang list( bullet list ) seperti yg dibuat pa sandhika di video ini tanpa menggunakan ( list-style: none; ) di ( .galeri li )?
terima kasih.
sama bro gua juga sama gambar pas di klik malah lonjong bukanya persegi
@@zeronext4122 hahaha pakai cara saya aja, meskipun intinya berhasil
udah dihubungkan dengan file reset.css belum?
Kok pas ngasih hover di .gallery li a:hover span di kasih opacity 1, di browser ga terjadi apa2. pas gallery li span di kasih transition : 1s hovernya muncul pas di klik lalu hilang lagi. Kira2 knp ya padahal css saya pastiin mirip bgt.
(Menit 33.08)
Ada yg bisa bantu kah?
udah tau belum?
sama kok bisa yah beda hasil padahal codingan sama persis
pak maaf, ini kenapa font saya tidak bisa diberi style ya pak seperti font-size
pliss jawab pak saya stuck
Mas sandi mau tanya, saya kan mau menampilkan banyak gambar di gallerinya, cara memisahkan jarak antar gambar baris 1 dan baris 2 gimana ya, ini rapet banget. Trims
kalo li nya dikasih margin top atau bottom gimana?
ok saya coba mas ya
Pak saya pas mau hubungkan html ke CSS kalo linknya dua kok ga mau terhubung ya ga kebaca gitu kalo satu bisa
kenapa ndak pake inline-block tapi malah float ya pak?.
mau tanya, cara membuat komentar itu gimana ? komentar kayak foto terus dikomen gitu
kalo caranya buat galeri diatas sebuah section hero gimana mas? tq
Pak ko yang aku si gambarnya ga ikut bulet ?
om laptopnya pakai OS apa itu ? terimakasih
pake OSX (Mac OS) 🙂
mksh om
Oh Ya Ka Dika,Untuk ALT Pada Image.Fungsinya Buat Apa ya..???
bisa cek disini penjelasan dan cara pakainya :
ua-cam.com/video/yb_emYhY3Pc/v-deo.html
pak dhika. Selain pake photoshop untuk me-resize ukuran photo, pake aplikasi apalagi ya pak? soalnya, photoshop berbayar sekarang
cari di google aja image resizer bang
@@ariafajarramdhany7979 Makasih infonya bang 🙏
Mas dhika, saya mau tanya. Saya lihat menu navigasi di situs ptpn3.co.id semula sekitar 20px dibawah logo perusahaan. Ketika di scroll kebawah, menu tersebut berhenti paling atas. Untuk menempatkan menu navigasi agar tidak bergerak, saya tau pakai position fixed. Tapi jika dari bawah, lalu berhenti, seperti situs ptpn3.co.id bagaimana mas. ?
itu bisa menggunakan javascript / jquery.. untuk menentukan ketinggian halaman, di ketinggian tertentu nanti sebuah elemen kita kasih kelas tertentu.. contoh tutorialnya mirip dengan NGOBAR#3
Terima kasih ilmunya pak dhika.
pak sandhi,saya mau bertanya,gunanya container itu untuk apa ya?
pembungkus elemen