TailwindCSS

Membuat Gradient pada TailwindCSS

KuReview – Salah satu yang saya sukai dari TailwindCSS adalah kemudahannya dalam custom komponen maupun menambahkan berbagai jenis setup sehingga memudahkan saya dalam membuat komponen, tanpa harus re-write ulang css pada sebuah komponen. Sebelumnya, saya sudah pernah membuat artikel tentang setup / init proyek dengan menggunakan TailwindCSS. Sepemahaman saya sekarang, Tailwind tidak mendukung secara default untuk membuat gradient. Sehingga kita…

Continue Reading

Design Thinking

Jenis-jenis Metode Design Process dalam UI / UX

KuReview – Ada banyak metodelogi dalam membuat sebuah produk terutama dalam lingkup UI/UX Desain, serta semua disesuaikan dengan kebutuhan pada kulture perusahaan. Beberapa yang saya ketahui terkait dengan Tahapan membuat UI/UX : Design Thinking Metode yang sering digunakan oleh banyak perusahaan dan komunitas. Terdiri dari beberapa tahapan, yaitu Empati, Definie, Ideate, Prototype dan test yang bersifat “repeateadable” sehingga terjadi pengulangan…

Continue Reading

Security

Yang Harus dilakukan Saat Tokopedia / Situs Terkena Data Breach

Photo by @fantasyflip on Unsplash, accessed 07/05/2020 KuReview – Beberapa waktu belakangan ini kita diresahkan dengan laporan bahwa Tokopedia, salah satu e-commerce Indonesia mengalami Data Breach. istilah awamnya, data-data yang bersifat privasi disebarkan tanpa izin. Dalam kasus ini, data pelanggan Tokopedia yang terkena data breach. #Memangnya, Apa akibatnya ? Saya berusaha mengumpulkan beberapa kasus pasca data breach di Tokopedia. Hasilnya…

Continue Reading

TailwindCSS

Memulai Project dengan TailwindCSS

KuReview – Kali ini saya akan membagikan init project atau cara yang saya gunakan saat akan memulai dengan menggunakan TailwindCSS. TailwindCSS itu bisa Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. –TailwindCSS Site Lantas…

Continue Reading

Cara Menggunakan SCSS secara Global dan Localscope Module di Next JS

Next JS secara default belum bisa melakukan global dan localscope module. Namun, bisa untuk CSS. Hal ini bisa dilihat pada dokumentasi Next JS versi 9.2 : Built-In CSS Support for Global Stylesheets: Applications can now directly import .css files as global stylesheets. Built-In CSS Module Support for Component-Level Styles: Leveraging the .module.css convention, locally scoped CSS can be imported and used anywhere in your…

Continue Reading

Generate Neumorphism Soft-UI CSS code

Neumorphic Neumorphic merupakan sebuah trend yang cukup baru dalam dunia desain saat ini. Pembahasannya cukup lengkap, bisa dilihat pada salah satu artikel medium yang membahas Neumorphic cukup lengkap, yaitu : Neumorphism in user interfaces Generator Neumorphism dibuat oleh Adam yang bisa kita dukung dengan buymeacoffe. Situs bisa diakses melalui : https://neumorphism.io/#55b9f3 Adanya site generator ini akan memudahkan para pengembang antarmuka…

Continue Reading

Chrome Dev Tools Tips : Capture full sized screenshots without a browser extension

KuReview – Sebelumnya, saya menggunakan extension di Chrome dengan menggunakan Full Page Screenshot yang bisa didownload dan digunakan untuk mencapture keseluruhan halaman di Chrome. Pun bisa di export dengan format PDF, JPG dan lain sebagainya. Nah, baru baru ini saya baru menemukan Tweet di Twitter yang mengatakan kalau ternyata, Chrome Dev Tools bisa melakukan tangkapan layar secara penuh maupun tidak.…

Continue Reading

Cara Merubah Hosts File di Mac OS

KuReview – Alasan merubah file hosts bisa beragam. Salah satunya dengan merubah file Hosts di perangkat Windows, Linux atau Mac OS kita adalah untuk mengakses beberapa situs pemerintah yang diblokir. Lantas, mengapa merubah file Hosts pada perangkat kita bisa membuka akses pada situs yang diblokir? Secara singkatnya, file yang dapat mengatur sebuah nama domain (website) dalam bentuk IP address. Sehingga…

Continue Reading

Green Tunnel

Cara Install Green Tunnel di Mac OS

KuReview – Untuk bisa menonton di Netflix. Saya mencoba berbagai cara agar bisa menonton di Netflix. Salah satunya menggunakan Green Tunnel. Green Tunnel merupakan salah satu perangkat / untuk bisa mengakses beberapa situs yang telah diblokir. Caranya? dia membypass DPI yang digunakan oleh beberapa ISP. Sehingga akhirnya kita bisa mengakses beberapa situs yang telah diblokir. Lantas Bagaimana Caranya ? GUI…

Continue Reading

Roadmap Javascript dan Sumber Belajar Untuk Pemrogram Pemula Javascript

KuReview – Pagi ini mendapatkan email dari Egghead , salah satu situs besar yang memberikan materi / kursus daring secara gratis dan berbayar. Isinya, mengenai beberapa sumber baru dalam belajar Javascript. Salah satunya adalah situs Roadmap Javascript. Secara garis besar, ada beberapa tahapan bila kita merujuk pada Roadmap Javascript ini. Tahapannya sebagai berikut : DOM Manipulation String, Array dan Object…

Continue Reading