Menambahkan DARK MODE pada Website Portfolio Menggunakan TAILWIND CSS 3

Menambahkan DARK MODE pada Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #33

Рет қаралды 46,583

2 жыл бұрын

Melanjutkan kembali pembuatan website Portfolio menggunakan Tailwind CSS 3
▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
---
TONTON PLAYLIST LENGKAP BELAJAR TAILWIND CSS 3:
• Belajar TAILWINDCSS
LINK PENTING:
- Tailwind CSS
tailwindcss.com/
- Tutorial Dark Mode pada Tailwind CSS
• 6. Pseudo-class & Dark...
---
🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥
👾 Gabung Server Discord WPU 👾
/ discord
👕 Beli T-Shirt & Hoodie TitikKoma 👕
shopee.co.id/wpustore.id
- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/sandhikagalih
karyakarsa.com/sandhikagalih
---
📢 FOLLOW SOCIAL MEDIA 📢
- / sandhikagalih
- tiktok.com/@sandhika.galih
- / sandhikagalih
- github.com/sandhikagalih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac.id/
terimakasih dan #janganlupatitikkoma!
@sandhikagalih

Пікірлер: 119

@yudi250 2 жыл бұрын

Semangat terus pak dika bikin tutorialnya, tutorial dari pak dika sangant membantu saya belajar coding. Terimakasih atas kontennya pak mudah2an jadi amal jariyah buat pak dika amiin.

@alexwullur9974 Ай бұрын

Thank you Pak Dika. Sejak awal tahun 2023 sampai sekarang saya belajar banyak dari para web developer hebat seperti anda. Tetap semangat dalam mendidik generasi muda Indonesia yang mencintai dunia teknologi seperti kami pak...

@hidayahapriliansyah 2 жыл бұрын

Wiiih .... Kereeeennnnnnn ..... Mantap Pak Dhika!

@RianY2K 2 жыл бұрын

Wah mantap Pak Dhika, sangat berguna nih buat bikin Dark Mode dengan mudah via Tailwind CSS

@akbarm1369 2 жыл бұрын

laravel udh, tailwind udh, tinggal vue js nih yg blm ada pak hehehe ditunggu playlist vue js nya pak, klo bsa gabungin sama 2 playlist diatas pak

@odolialeixovicente6388 2 жыл бұрын

Yaaaah sabagai subscribers tunggu tutorialnya

@futureself500 2 жыл бұрын

Bilang terima kasih dulu. Jngan request mulu

@the-LordXNobx 8 ай бұрын

wah lama pasti ini wkwk pak dika aja blm nyelesain react js

@novrizal1956 2 жыл бұрын

Selalu keren 🔥

@amelzarullyalmeida5068 2 жыл бұрын

Wih mantap nih lanjutannya 👍

@URILLL662 2 жыл бұрын

Mantap pemilihan warnanya sangat sangat nyaman dimata 🤩

@junandafirdaus 2 жыл бұрын

pak tolong bikin tutorial react js dong

@cobainaja6992 2 жыл бұрын

terimakasih banyak pak, sangat bermanfaat sekali :), pak untuk ngobar selanjutnya, saran saya tambahin class active di navbarnya ketika aktif, dan ketika di scroll juga ada class active di setiap menu yang aktif, Terimakasih pak:)

@abdullahmiftahfirdaus2175 2 жыл бұрын

Semngat pak ilmu nya saya pake semua, makasih banyak pak😇

@bayu1s 2 жыл бұрын

Lanjut lg abis maghrib tadi sambil ngebuburit belum abis pak 😅

@arazaynu 2 жыл бұрын

pas banget pak, terimakasih

@nurmultazam1740 2 жыл бұрын

Mantappppp

@surandis2876 2 жыл бұрын

Mantap jiwa

@wildanf5614 2 жыл бұрын

keren pak 🔥👍👍

@ruquds 2 жыл бұрын

Klo mau instal plugin tailwind agar sesuai urutan saya menyarankan instal extension "Headwind" biar gk instal" lagi klo instal extension "Headwind" bakalan dirapikan sesuai urutan class tailwindnya semoga membantu dan bermanfaat kawan"

@yukiryu8530 2 жыл бұрын

baca dari review pluginnya, pluginnya sudah ga di maintain codenya makanya di tailwind v.3 break dan lebih dianjurkan pakai prettier tailwind untuk v.3. dari reviewnya juga kalau untuk tailwind v.2 oke dan gak ada masalah.

@indramadika2450 Ай бұрын

Terima kasih banyak pak Sandhikah

@belajarwebmedan 2 жыл бұрын

Keren pak..

@hendrikusumajaya 2 жыл бұрын

Mantap pak sandika

@hendyhand4089 2 жыл бұрын

Wow!!!

@bayusetiaji6930 2 жыл бұрын

mantap pak, next coba bikin dashboard dong pak pake tailwind ditunggu tutorialnya pak terimakasih

@faktahati1007 Жыл бұрын

keren banget pak dika terimakasih banyak, mungkin tambahannya pas di seksi kontak di bagian emailnya bisa di kasih validasi kayak yang di tutorial sebelum nya itu pak bakal lebih keren

@sanggaribukota48 2 жыл бұрын

Pertamax pak Makin keren portfolionya 🥳

@craizhunterx9033 2 жыл бұрын

Tutorial next js + three js dong pakkk hehehe

@ardhiharry98 2 жыл бұрын

Terima kasih Pak Dhika atas ilmu yg diberikan. saya sudah mengikuti banyak seri pembelajaran yg ada di channel ini. Materi yg disampaikan Pak Dhika mudah untuk dipahami. Saya mau request materi diluar pemrograman. Jika Pak Dhika berkenan membuat materi tentang discord. Bagaimana cara setting permission tiap² role, bagaimana cara serring agar bot ada di channel tertentu, bagaimana cara membuat bot dll.

@yukiryu8530 2 жыл бұрын

bagus tuh kalau bisa dari yg beginner banget, karena saya udah instal dan daftar tapi gak tau cara pakainya 😂

@ciptosuhari8707 2 жыл бұрын

mantap, next optimize google light house score pak.

@jakadewa1 2 жыл бұрын

rindu kampus IF UNPAS.. tidak terasa masuk angkatan 1997 😃.. salam motekar... 😃👍

@octavioximenes9456 2 жыл бұрын

mantap pak darkmode 👍

@davadaviar677 2 жыл бұрын

Pak Sandhika minta tolong adain penjelasan tutorial webpack dong di video selanjutnya 😊🙏

@Rakademi 2 жыл бұрын

wah mantapp pak ada dark mode

@Fqriz 2 жыл бұрын

Akhirnya darkmode sama smooth scroll👍🏻

@simpingsyndrome 2 жыл бұрын

Untuk ngebuka Terminal bs pake shortcut Ctrl+J yaa tmn" biar cepet

@dn.projek 2 жыл бұрын

pak bikin playlist typescript dong pak

@riyanfajri9959 2 жыл бұрын

Request tutorial bikin website toko online 🙏

@superdafis247 2 жыл бұрын

Saran untuk ngobar berikutnya adalah tambahkan game. Agar websitenya lebih keren lagi gak cuma halaman depannya saja Pak

@MrSundaayy 2 жыл бұрын

Pak buatkan tutorial integrasi template yang berbasis tailwindcss ke framework laravel/codeigniter dong :(

@chairilaliart 2 жыл бұрын

Buat preloader jg pak 🙏🏻

@fadilahmuhammad103 2 жыл бұрын

Izin masukan pak untuk footernya di kebawahin sedikit karna terlalu tinggi dibagian bawah footernya 🙏🏻🙏🏻🙏🏻

@pigpinkxxgdtop3268 2 жыл бұрын

Pak buatin tutorial webgis maps api codeigniter4 dong pak🙏 Terimakasih ✨

@daularubani1286 2 жыл бұрын

pak tolong buatkan tutor tambah data menggunakan ip adress, di ci4

@IlhamuddinSiraitTutorial 2 жыл бұрын

Pertalitw

@adityaadi112 2 жыл бұрын

Pak coba tolong bikin tutorial laravel livewire

@danwsaps 2 жыл бұрын

pak dika bahas svelte dong

@HeyArzt 6 ай бұрын

Pak coba lanjutkan tutorialnya lagi, kalau sudah tidak terlalu sibuk

@fahmiarif6084 2 жыл бұрын

Pak tutor pake tailwind element pak, input carousel trs deploy pak itu caranya gimana ya?

@AnggiJuhniawan 2 жыл бұрын

Request restfull api dengan laravel 8 dong pak

@shafwansyah8472 2 жыл бұрын

maaf pak, minta tolong cara setting extension prettier sama plugin nya boleh pak ?

@rrqhoshi5140 Жыл бұрын

bikinin tampilan login yang bisa di pencet dan masuk ke halaman selanjutnya bang

@youmingwen 5 ай бұрын

Siang pak ijin bertanya setelah saya install prettier-plugin-tailwindcss kenapa tidak terimplementasi formatting pada saat di save ya? Terima kasih

@sufardimadoa1402 2 жыл бұрын

Assalamualaikum pak, mohon bahas html media, karena ada materi kampus yang mengajarkan html media tentang menambahkan video pada html. Namun pada chrome saya tidak mendukung pemutaran autoplay jadinya video saya hanya berupa gambar ,Terimah kasih pak ☺️🥲🙏

@rozizelvani6881 Жыл бұрын

pak saya izin bertanya, Saya sudah mencoba membuat projek dengan framework tailwind alhamduliha bisa berkat tutorial ini. tapi kenapa ketika saya padukan dengan php kemudian saya run dengan localhost , megapa tidak bisa melakukan update ketika saya melakukan perubahan. solusinya bagai mana ya pak terimakasih.

@yubliwarokka Ай бұрын

padahal sdh 2 thn lalu video tutornya, tapi baru ikuti skrg... mas, itu toggle darkMode kalo sy pindah halaman kembali lagi ke light tapi tampilannya tetap dark. Gmna caranya kalo biar pindah halaman toggle dark tetap ya?

@hadyagusti641 2 жыл бұрын

Kenapa punya saya smooth scrollingnya sama yg install plugin tidak jalan yah? Bantu jawab dong

@frdynar_ 2 ай бұрын

16:37

@streamerseeker 2 жыл бұрын

Halo mas, saya penasaran mau cari tahu, apakah sha256 busa di decrypt, karena seharusnya jika bisa di encrypt harusnya bisa di decrypt kan, tolong bantuan caranya mas

@arasoftchannel234 2 жыл бұрын

Pak selanjutnya lanjut playlist apa ?

@kitten5351 2 жыл бұрын

Assalamualaikum wr wb . Pak sandi mohon di jawab pertanyaan saya ini . Apakah Firebase itu penting pak ? saya baru saja belajar flutter bbrp waktu ini .. dan Firebase ini erat sekali dengan Flutter .. terima kasih banyak pak ..

@rakhahilmy5612 2 жыл бұрын

pak saya minta saran pak, buat anak yang baru lulus dari kuliah, yang bingung mau kerja dimana, cara survive dari kondisi kaya gitu gimana ya?

@syarifridhohidayatulloh3157 2 жыл бұрын

pak website portfolionya dibuatkan menjadi web dinamis CRUD

@baguseproduction6290 Жыл бұрын

kurang mas, bagian blog post ngga ditambahin, mungkin klo ditambahin bisa jadi lebih semprna karena bagian blog kita bisa post tentang history kerjaan kita terdahulunya. semoga dibuatkan videonya

@blethokpincuk 2 жыл бұрын

Knp gak ada yg bahas .net core dengan C# ya

@wargainformatika Жыл бұрын

Ijin tanya pak dika, ketika saya buka di mobile. navbar tampil terus, mohon petunjuk solusinya pak🙏

@axzphere03 2 жыл бұрын

cara bikin multi page nya gimana pak dika, hehe

@ahmadeko9554 2 жыл бұрын

melukis dengan code

@faridsugi 6 ай бұрын

7:30 Untuk scroll-smooth gak bisa jalan itu kira" kenapa ya?

@crewtechno4761 2 жыл бұрын

Ilmu Jariyah

@Sengsangsung 2 жыл бұрын

Pak ko punya saya ga bisa di upload ke github ya pak , karena reinitialized existing git repository

@bintangmochamad0992 2 жыл бұрын

Pake darkmode makin GG 👍

@Fawwaz-M-Umam 2 жыл бұрын

BETULL

@amibeta7303 2 жыл бұрын

19:30 Mulai setting dark mode

@amibeta7303 2 жыл бұрын

38:30 test dark mode

@amibeta7303 2 жыл бұрын

48:50 export minify css

@HeyArzt Жыл бұрын

28:34

@dodysugiantoro951 2 жыл бұрын

kang kok toggle saya gak geser ya? tp mode bisa gonta ganti. apa salah di css nya?

@jonatansitanggang5859 2 жыл бұрын

Pakk buatin gelembung komen dong? Kalo dia di klokk gelembung wa atau sosmed lain nya keluar

@lazygamer6191 2 жыл бұрын

Pak Sandika.. Saya punya themplate html dan css yang sudah saya buat untuk website portofolio saya. Nah tapi saya ingin punya anak portofolio gitu, yang mana saya bisa menambahkan item project dengan lebih mudah. Tadinya mau pake wordpress saja. Tapi sayang dengan template yang sudah saya buat. Kira2 kalo mau membuat seperti cms blog sederhana dengan themplate saya sebelumnya, apa saja yang harus saya pelajari ya Pak? Mau mulai dari mana bingung..

@guidofamula Жыл бұрын

#bantuJawab bisa cek playlist pak dika yg laravel 8 (udah lumayan lengkap sampai deploy), sejauh ini detailnya masih worth untuk laravel 9. CMIIW

@imadeekosatriawiguna6252 2 жыл бұрын

Eh pak Sandika sekarang pake windows? Baru tau.

@fkmui03 2 жыл бұрын

Laravel ✅ Tailwing ✅ Next ...

@ridhoakbar3634 2 жыл бұрын

pak dhika kemana yaa? ga upload seminggu?

@panciindo87 Жыл бұрын

cara jalankan form pak,

@andreofficiall4288 Жыл бұрын

pak cara buat form registrasipendaftaran dan datanya itu biar bisa masuk ke kita gimana ya pak, minta buatkan tutornya pak 🙏

@indrasuyut1958 Жыл бұрын

Sudah ada di playlist belajar laravel 8

@etbatv Жыл бұрын

merek laptopnya hp ya bang

@punyawahyu8603 2 жыл бұрын

pak remake laravel

@muhammadfarhan6606 2 жыл бұрын

info theme vs code nya dong pak

@sandhikagalihWPU 2 жыл бұрын

Mayukai

@maryonlatuihamallo4537 2 жыл бұрын

Pak Dan Teman" Ad Yg Tw Knpa Extensions Kadang Berfungsi Kadang Tidak ???, Mohon Bantuanya Makasih 🙏

@yukiryu8530 2 жыл бұрын

extension apa mas?

@nightking896 2 жыл бұрын

saya juga gini, extension pretier contohnya

@luttfyedi230 2 жыл бұрын

Laravel yg berbayar release kapan pak ?

@BellukChococips12 Жыл бұрын

agar lebih responsive di layar kecil gimana ya pak? solusinya

@rikokurnia3812 9 ай бұрын

tambahin responsive mobile, tulis aja resposive di docs tailwind

@raziffatahillah373 9 ай бұрын

localstorage copy di head script kok gak work ya? direfresh balik light lagi

@ibrahimrama9115 7 ай бұрын

sama bang, di inspect local storage pun juga kosong.. Ada solusi nggak bang?

@raziffatahillah373 7 ай бұрын

@@ibrahimrama9115 belom bang, biarin dulu dah. wkwkwk

@tonnywahyuaji6316 Жыл бұрын

terima kasih banyak pak, sangat bermanfaat sekali, tapi saya dapet problem, setiap nyoba codingan responsive selalu gabisa, baik mulai dari berubah warna text, trus ukurannya, lalu posisinya, dari lg, md, margin, dan lain-lain. Padahal codingan sudah sama bahkan saya bikin percis, apakah ada solusi pak? atau mungkin dari kakak dan abang disini bisa bantu masalah saya? terima kasih untuk yang merespon.

@ahsanzizan Жыл бұрын

mungkin di run command yang npx tailwindcss -i -o --watch itu bang

@tonnywahyuaji6316 Жыл бұрын

@@ahsanzizan makasih bang, solved